作品介绍
用表格布局设计网页结构是一种非常重要,也是最为常用的方法,是网页设计中最主要的内容之一。希望大家在后面的网站制作中能合理的利用表格对网页进行布局。 一、学习目标 1、了解表格在网页设计中的作用。2、掌握网页中表格的制作方法及其基本编辑方法。 3、区分表格属性和单元格属性,并掌握属性的设置。4、了解嵌套表格的作用及制作方法。 二、本节重难点 重点:掌握表格的制作方法及其基本编辑方法。 难点:利用表格设计页面布局的方法 三、首先来了解一下现在很流行的几种布局方式 1、“同”字型结构布局 下方左侧为二级栏目条,右侧为链接栏目条,屏幕中间显示具体内容的布局。 2、 “三”型布局 在页面上有横向两条色块,将页面整体分割为三部分,色块中大多放广告条、更新和版权提示。 3、pop布局 大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接,甚至直接在首页的图片上做链接而没有任何提示。 四、学校网页布局结构举例 1、“国”字型 上面是网站的标题及横幅广告,接下来是网站的主要内容,左右分别列一些小条,中间是主要内容,下面是一些网站的信息。 2、标题正文型 上面是标题,下面是正文。 3、上下框型 上面是导航栏,下面是正文。 五、网页组成结构 1、页眉 2、导航栏 3、正文部分 4、页尾 六、表格布局实战演示 七、回顾本节课主要内容 表格在网页设计中的作用;表格的插入与编辑;表格属性、单元格属性的设置;表格中对象的插入与调整修饰;*嵌套表格的使用,常用的几种布局方式;常用的页面尺寸;网页的基本结构。 八、课后作业 1、制作一个图片集 要求至少有6张图片,且每张都有相关的说明 2、用表格的方法做一个网站。