网页设计与制作项目化实战教程

赏析典型网站　1 　任务描述：欣赏并解析典型网站　1 　任务准备　1 1.2.1　网页制作相关概念　1 1.2.2　网页构成的基本元素　4 1.2.3　网页的布局类型　4 1.2.4　网站风格定位　7 1.2.5　网站开发流程　9 1.2.6　Dreamweaver开发工具介绍　11 　任务实施　19 1.3.1　赏析各种类型网站　19 1.3.2　讨论Web技术发展　21 　任务拓展　22 1.4.1　网页创意设计思维　22 1.4.2　网页设计配色基础　23 　项目小结　24 　项目练习　24 独立实践任务　25 创建与管理网站站点　26 　任务描述：创建并管理计算机系部 网站站点　26 　任务分析　26 　任务准备　27 2.3.1　站点的概念　27 2.3.2　站点的规划　27 　任务实施　28 2.4.1　创建系部网站站点　28 2.4.2　管理系部网站站点　28 　任务拓展　31 2.5.1　网站目录命名规范　31 2.5.2　网站目录结构规范　32 　项目小结　32 　项目练习　32 独立实践任务　32 设计和制作网站首页　34 　任务描述：制作计算机系部网站首页　34 　任务分析　34 　任务准备　35 3.3.1　HTML基本结构与常用标签　35 3.3.2　CSS简介　39 3.3.3　CSS语法规则　40 3.3.4　CSS常用属性　44 3.3.5　CSS盒子模型　50 3.3.6　浮动和定位　52 3.3.7　DIV+CSS布局　61 　任务实施　71 3.4.1　分析系部网站首页整体结构　71 3.4.2　制作系部网站首页页眉　74 3.4.3　制作系部网站首页导航栏　75 3.4.4　制作系部网站首页主内容区　80 3.4.5　制作系部网站首页页脚　90 　任务拓展　91 3.5.1　网站策划　91 3.5.2　应用Photoshop设计网页效果图　93 3.5.3　在网页中使用多媒体　96 3.5.4　网页设计辅助工具　102 　项目小结　103 　项目练习　103 独立实践任务　103 制作网页特效　106 　任务描述：制作计算机系网页特效　106 　任务分析　106