案例网站首页的制作.pptVIP

案例网站首页的制作 教学设计 课型：新授 课时：2 教学目标 掌握模板的应用 熟练表格在布局上的应用 重点 页面布局 难点 页面布局 关键 熟练掌握表格的布局方法 教学方法：项目实例教学 教学准备 教具资料 网络教室、多媒体广播 环境准备 Dreamweavercs3 内容提要 1.首页布局 2.页面内容的录入 案例网站首页内容布局 网页设计的原则是要考虑网页设计结构对下载的影响，在设计网页时应减少嵌套表格的使用。 网站首页内容布局前面已经介绍，案例网站“中国西部汽车王”的页面结构是“川”字形结构，主体内容分为三列。 左侧：“用户登录区”、“政府信息区”、“汽车常识区”、“友情链接区” 右侧：“公告区”、“汽车商情区”、“汽车文化区” 中间：“新闻速递区”、“新车快报区”，导航栏中又有“旧车交易”、“汽车 留言”等栏目通过链接进入子页面。 案例网站首页内容制作 首页内容的设计包括各个相关栏目，可以从模板进行设计。 页眉区及导航区的设计 页眉区及导航区在模板中都已经设计完成，因此可以从模板中直接产生新的页面。 主内容一区的设计 主内容一区即首页左侧布局中的相关栏目内容。 主内容二区的设计 主内容二区指页面右侧的版块，包括“汽车王公告”、“汽车文化”、“汽车商情”栏目。 主内容三区的设计 主内容三区即页面中间部分的内容，该部分内容有两个栏目，一是“新闻速递”，二是“新车快报”，其中“新闻速递”栏目本节只将表格设计完成，内容的添加需要数据库的支持，将在第7 章讲解。 首页布局样图 首页完成效果样图 说明：素材及样图可以到00下载 Email:teacher@ 课后小结