网页设计与制作项目式教程

前言 基础知识篇 项目一 网页设计概述.......................................2 1.1 网页设计的工作流程...................................2 1.2 网页的基本构成元素...................................6 1.3 网页的布局 ..................................................7 1.4 习题 ............................................................11 项目二 Dreamweaver CS3 简介.....................12 2.1 Dreamweaver CS3 的界面组成 .................12 2.2 新建文档 ....................................................16 2.3 打开现有文档 ............................................17 2.4 保存文档 ....................................................18 2.5 关闭文档 ....................................................18 2.6 项目训练 ....................................................18 2.7 习题 ............................................................18 基本技能篇 项目三 创建与管理网站 ................................20 3.1 任务一：规划站点.....................................20 3.2 任务二：创建站点.....................................21 3.3 任务三：管理站点.....................................26 3.4 实训项目 ....................................................30 3.5 习题 ............................................................30 项目四 利用表格布局网站首页 ..................31 4.1 任务一：利用表格规划页面.....................31 4.2 任务二：利用表格布局页面.....................36 4.3 任务三：完善表格布局.............................46 4.4 任务四：表格源代码.................................51 4.5 实训项目 ....................................................59 项目五 录入页面元素.....................................62 5.1 任务一：插入图像.....................................62 5.2 任务二：录入文本.....................................71 5.3 任务三：录入多媒体元素 ........................ 80 5.4 任务四：制作超链接................................ 88 5.5 任务五：页面元素的源代码 .................... 94 5.6 实训项目.................................................... 98 项目六 利用表单获取用户反馈................ 103 6.1 任务一：设计表单.................................. 103 6.2 任务二：表单处理.................................. 115 6.3 实训项目.................................................. 122 项目七 利用 CSS 美化网站......................... 126 7.1 任务一：创建及应用 CSS...................... 126 7.2 任务二：利用 CSS 设计页面 文本样式.................................................. 134 7.3 任务三：利用 CSS 设计页面背景 ......... 145 7.4 任务四：利用 CSS 控制页面 元素位置.................................................. 147 7.5 任务五：利用 CSS 设计页面 元素边框.................................................. 156 7.6 实训项目.................................................. 162 项目八 利用库和模板制作 网站二级页面 .................................. 167 8.1 任务一：利用库制作网站 页首和页脚.............................................. 167 8.2 任务二：制作网站二级页面模板 .......... 173 8.3 实训项目.................................................. 183 项目九 使用 Dreamweaver 实现网页特效 ................................. 185 9.1 任务：应用 Dreamweaver 内置行为...... 185 9.2 实训项目.................................................. 200 目录 V 项目十 网站的发布与管理..........................202 10.1 任务一：网站的发布.............................202 10.2 任务二：网站的管理.............................211 10.3 实训项目 ................................................217 进阶技能篇 项目十一 利用 DIV+CSS 布局 网站页面.......................................220 11.1 任务一：利用 DIV+CSS 规划页面.......220 11.2 任务二：利用 DIV+CSS 布局页面.......230 11.3 实训项目 ................................................242 项目十二 使用 JavaScript 设计网页特效.............................. 246 12.1 任务一：JavaScript 入门 ...................... 246 12.2 任务二：下拉菜单与悬停提示 ............ 258 12.3 任务三：选项卡切换特效 .................... 266 12.4 任务四：网页弹出层特效 .................... 271 12.5 实训项目................................................ 276 附录....................................................................... 281 附录 A HTML 基本语法............................... 281 附录 B CSS 样式属性 ................................... 285 参考文献.............................................................. 290

本书以 Dreamweaver 为平台、以培养学生的网站网页设计与制作能力 为主线，系统地讲解了网页设计与制作的相关知识，并配合了大量的实训 演练，加强了对学生实际操作与应用能力的培养。　　本书由 12 个项目组成，主要内容包括网页设计概述、Dreamweaver CS3 简介、创建与管理网站、利用表格布局网站首页、录入页面元素、 利用表单获取用户反馈、利用 CSS 美化网站、利用库和模板制作网站二 级页面、使用 Dreamweaver 实现网页特效、网站的发布与管理、利用 DIV+CSS 布局网站页面、使用 JavaScript 设计网页特效。通过对本书的 学习，读者不仅能够掌握网页设计的基础知识和传统设计思路，还能掌 握基于 Web 标准的 DIV+CSS 网页布局技术，实现内容和样式分离，以 适应网页设计的变革和发展。　　本书内容新颖实用，可操作性强，既可作为应用型本科及高职院校相关专 业的教材，也可作为各类技术院校、中专、相关培训机构等学生的自学用书。