网页设计与制作

学习情境1 网站初识

1.1 网站的基本概念

1.2 制作网站的过程

1.3 网站的工作原理

1.4 HTML简介

1.5 单元小结

1.6 拓展知识

学习情境2 网站需求分析

2.1 任务分解

任务1学习网站开发流程

任务2学习如何进行网站需求分析

2.2 主要知识点

2.2.1 网站设计的任务

2.2.2 网站设计的主要流程

2.2.3 网站设计的要领

2.2.4 网站开发常用工具

2.3 单元小结

2.4 拓展知识

学习情境3 网站模板设计

3.1 任务分解

任务设计网站模板

3.2 主要知识点

3.2.1 CSS样式表

3.2.2 DIV

3.2.3 列表标记

3.3 单元小结

3.4 拓展知识

学习情境4 网站首页设计

4.1 任务分解

任务1 “个人资料”设计

任务2 “日志”设计

任务3 “最新日志”设计

4.2 主要知识点

4.2.1 CSS盒子模型

4.2.2 布局模型

4.2.3 网站的站点

4.2.4 超级链接

4.3 单元小结

4.4 拓展知识

学习情境5 日志页面设计

5.1 任务分解

任务日志页面设计

5.2 主要知识点

5.2.1 表格的基本知识

5.2.2 表格页眉与辅助功能

5.2.3 表格基本操作

5.2.4 表格的HTML标记

5.2.5 表格嵌套

5.2.6 应用表格布局页面

5.3 单元小结

5.4 拓展知识

学习情境6 音乐页面设计

6.1 任务分解

任务1“专辑列表”设计

任务2“视频专辑”设计

任务3“歌曲列表”设计

任务4“歌曲播放”设计

任务5“歌词”设计

6.2 主要知识点

6.2.1 脚本语言

6.2.2 滚动字幕标记

6.2.3 多媒体元素添加

……

学习情境7 相册页面设计

学习情境8 注册页面设计

学习情境9 网站发布与测试

附录

《网页设计与制作/高等职业教育“十二五”规划教材》在内容上力求突出实用、简单生动的特点。通过对《网页设计与制作/高等职业教育“十二五”规划教材》的学习，读者对网页设计将有一个全面的了解，并能掌握静态页面制作的全过程，设计制作出满意的网页。
　　《网页设计与制作/高等职业教育“十二五”规划教材》作为高职高专教学用书，是根据当前高职高专学生和教学环境的现状，结合职业需求，采用“工学结合”的思路，以“项目引领”“任务驱动”的形式，在Dreamweaver的环境中，从开始整理网站需求，到网站中每个网页的制作，一步步地引领读者完成整个网站的设计与制作。本书以一个比较完整的静态网站设计贯穿始终，内容从网站的需求分析、建立过程到网站的发布与测试，将实际工作中网站设计的主要环节都体现在其中。通过《网页设计与制作/高等职业教育“十二五”规划教材》的学习，读者不仅能掌握网页设计制作软件的使用技能，还能熟练掌握网页设计的各个环节所完成的任务以及具体做法，从而为实际工作奠定坚实的基础。
　　本书共分为9个学习情境。学习情境1是网站初识，主要包括网页设计的基本概念、基本原理以及HTML中常用的标记；学习情境2是网站需求分析，主要包括网站的开发流程、开发要点、常用开发工具、网站的需求分析过程、需求分析说明书的书写；学习情境3是网站模板设计，主要包括模板的制作过程，以及CSS样式；学习情境4是网站首页设计，主要包括首页的设计过程，以及涉及的盒子模型、布局模型等知识点；学习情境5是日志页面设计，主要包括日志页面的设计过程，以及表格的相关知识；学习情境6是音乐页面设计，主要包括了页面中多媒体元素的添加，以及如何设置滚动字幕、如何添加javascript文件等；学习情境7是相册页面设计，主要包括了相册页面的首页设计，以及采用框架方式设计页面的相关知识点；学习情境8是注册页面设计，主要包括了注册页面的设计过程，以及表单、如何产生验证码、如何检查验证输入信息等相关知识点；学习情境9是网站发布与测试，主要包括如何将网站发布到互联网上，以及如何测试网站是否可以正常浏览等。