教科版高中信息技术必修第六章6.2信息发布 6.22网络信息发布 课件

网页的版面布局 一、概念 版面：指的是从浏览器看到的完整的一个页面，让浏览者清楚、容易地理解作品传达的信息。目前网页版面一般是800*600像素、1024*768像素大小的分辨率。 布局：以最适合浏览的方式将不同网页元素巧妙放在页面不同位置，使网页井井有条、主次分明。 二、布局的结构类型 标题正文型 左右型 上下型 T型 国字型 综合型 POP自由型 FLASH布局 标题正文型：版面分上小下大两部分，一般用于文章页面、新闻页面和一些注册页面等。 标题正文型 左右型 整个页面在垂直方向分为两列，网站的内容按栏目分布在这两列中，左侧一般主要为导航栏链接，右侧则放置网站的主要内容。左右框架型布局结构经常被一些大型论坛和企业采用。 可拓展为“川” 字型布局。 上下型 整个页面在水平方向平分为两部分，一般以大版面显示图片或更新内容，简洁而明快。 可拓展为 “三”字型布局等。 T型 其页面的顶部一般放置网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。特点是结构简单，主次分明，容量大，适用广。 “国字”型布局 因布局与汉字“国” 相似而得名。其页面的最上部分一般放置网站标志、导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。 综合型结构 综合型布局是结合左右型、上下型等多种结构的布局。 POP布局 POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。 FLASH布局 FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。这种布局画面精美细致，动感较强，要求对FLASH软件比较熟悉，适合个人主题网站。 三、版面布局的方法和步骤 方法 平面分割 1.创作阶段：打草稿 2.粗略布局：排位置 3.最终定案：精细化 步 骤 工具 Frontpage中：表格、框架 四、布局网页的实例 以“为了绿色”为主题网站： 1.利用表格布局网站的主页。 2.利用框架，布局网站栏目网页“绿色行动”。 1.创作阶段：打草稿 2.粗略布局：排位置 3.最终定案：精细化 步 骤 根据页面内容情况，先在草稿纸上试布局。 打开Frontpage利用表格或框架布局网页。 根据