网页设计与制作

导论

项目一 设计与规划“计算机知识网”——网站规划及站点建立

热身任务

任务一 规划与设计网站

任务二 认识Dreamweaver

任务三 创建站点

任务四 制作网页

阅读资料 网页制作的艺术特性

思考与训练

项目二 制作“计算机知识网”首页——使用html制作简单网页

热身任务

任务一 设置网页页面

任务二 制作网站导航页

任务三 制作超链接标记与图像标记的网页

任务四 制作表格标记的网页

阅读资料 HTML的发展历史

思考与训练

项目三 制作“计算机文化”网页——网页元素添加与修饰

热身任务

任务一 编辑网页文本

任务二 编辑网页图像

任务三 添加网页多媒体素材

任务四 创建超链接

阅读资料 网页中文字与图像的处理

思考与训练

项目四 制作“微机”网页——表格制作与应用

热身任务

任务一 插入表格和表格的基本操作

仕秀二 编辑表格

任务三 使用表格布局简单网页

任务四 使用表格布局复杂网页

阅读资料 使用表格布局网页的注意事项

思考与训练

项目五 制作“数字媒体”网页（一）——框架结构布局网页

热身任务

任务一 制作“数字媒体”的框架集页

任务二 制作“数字媒体”内容页面

任务三 制作“数字媒体”导航页

任务四 制作“数字媒体”总页

阅读资料 网页制作中使用框架结构的优缺点

思考与训练

项目六 制作“数字媒体”网页（二）——层、时间轴和行为

热身任务

任务一 制作层

任务二 添加行为

任务三 制作时间轴动画

任务四 添加时间轴行为控制

阅读资料网页阅读行为模式对悬浮广告设计的影响

思考与训练

项目七 网页的修饰与美化——使用CSS控制页面元素

热身任务

任务一 控制页面文本及段落格式

任务二 设置表格元素外观

任务三 装饰超链接

任务四 应用滤镜效果

阅读资料 DIV+CSS在网页设计中的运用

思考与训练

项目八 制作“互联网”网页——表单制作

热身任务

任务一 插入网页表单标签

任务二 插入文本域

任务三 插入按钮

任务四 插入复选框

任务五 插入列表／菜单

阅读资料 表单介绍

思考与训练

项目九 制作“用户注册”网页——数据库的连接和记录集的绑

热身任务

任务一 数据库的建立和动态环境的配置

任务二 动态站点的配置

任务三 连接数据库及添加记录

阅读资料动态网页介绍

思考与训练

项目十 制作“展示”网页——插件的使用

热身任务

任务一 添加打字机文字效果

任务二 添加网页切换效果

任务三 插入播放器及控制条

任务四 制作交互文字效果

任务五 插入JavaScript代码

阅读资料 JavaScript特效代码

思考与训练

《计算机网络技术专业教材·网页设计与制作》是中等职业学校计算机类专业主干课程教材，按照“做中学，做中教”的职业教育特色组织教学内容。通过完成教学项目来掌握网页设计与制作的基础知识与技能。
《计算机网络技术专业教材·网页设计与制作》“导论”对网站、网页及建设网站的基本流程进行简要介绍，为教学项目的制作与学习提供知识铺垫。之后以一个完整的网站“计算机知识网”为例，介绍网站建设中的各知识点，并根据网页设计与制作的知识与技术构成设计了10个教学项目。教师通过情境设计，可以组织学生对教学项目进行制作与学习，使学生掌握网页设计与制作的基本知识和技能。

《计算机网络技术专业教材·网页设计与制作》以一个完整的网站“计算机知识网”为例，以完成“计算机知识网”网站建设所必备的专业知识与技能为主线，通过具体工作任务的实施来完成网页设计与制作的学习。教材的每个教学项目都是基于完成网站的某个模块，而没有采用传统课堂中以知识体系分章节的教材编写模式，使学生在完成“计算机知识网”网站建设的同时，学会教材的全部内容，真正做到在“做中学，做中教”。同时通过拓展实践，达到学以致用的目的。