案例网站首页的制作.ppt

文档介绍：案例网站首页的制作

教学设计
课型：新授
课时：2
教学目标
掌握模板的应用
熟练表格在布局上的应用
重点
页面布局
难点
页面布局
关键
熟练掌握表格的布局方法
教学方法：项目实例教学

教学准备
教具资料
网络教室、多媒体广播
环境准备
Dreamweavercs3

内容提要



案例网站首页内容布局
网页设计的原则是要考虑网页设计结构对下载的影响，在设计网页时应减少嵌套表格的使用。
网站首页内容布局前面已经介绍，案例网站“中国西部汽车王”的页面结构是“川”字形结构，主体内容分为三列。
左侧：“用户登录区”、“政府信息区”、“汽车常识区”、“友情链接区”
右侧：“公告区”、“汽车商情区”、“汽车文化区”
中间：“新闻速递区”、“新车快报区”，导航栏中又有“旧车交易”、“汽车 留言”等栏目通过链接进入子页面。

案例网站首页内容制作
首页内容的设计包括各个相关栏目，可以从模板进行设计。

页眉区及导航区的设计
页眉区及导航区在模板中都已经设计完成，因此可以从模板中直接产生新的页面。

主内容一区的设计
主内容一区即首页左侧布局中的相关栏目内容。

主内容二区的设计
主内容二区指页面右侧的版块，包括“汽车王公告”、“汽车文化”、“汽车商情”栏目。

主内容三区的设计
主内容三区即页面中间部分的内容，该部分内容有两个栏目，一是“新闻速递”，二是“新车快报”，其中“新闻速递”栏目本节只将表格设计完成，内容的添加需要数据库的支持，将在第7 章讲解。