网页设计

项目一　网页设计基础知识

任务1-1　网络基础知识

任务1-2　网页的相关知识

任务1-3　网站的相关知识

【项目小结】

【思考题】

【设计题】

项目二　网页设计案例分析

任务2-1　网页元素构成分析

任务2-2　网站首页页面结构分析

【项目小结】

【设计题】

项目三　网页图像制作工具

任务3-1　了解主流图像处理软件

任务3-2　图像处理软件Photoshop

任务3-3　Photoshop基本操作

任务3-1-1　用Photoshop制作网站logo

任务3-3-2　用Photoshop制作网站banner

【项目小结】

【练习题】

项目四　Dreamweaver入门

任务4-1　了解Dreamweaver

任务4-2　创建Dreamweaver站点

任务4-2-1 了解站点

任务4-2-2　创建站点

【项目小结】

【思考题】

项目五　制作简单网页

任务5-1　创建、编辑站点文件夹

任务5-1-1　创建文件夹

任务5-1-2　重命名文件夹

任务5-1-3　删除文件夹

任务5-2　创建、移动、复制、重命名、删除网页文件

任务5-2-1　创建、保存网页文件

任务5-2-2　移动、复制网页文件

任务5-2-3　重命名、删除网页文件

任务5-3　设置页面属性

任务5-4　设置网页元信息

任务5-5　输入文本

任务5-5-1　输入文本

任务5-5-2　设置文本属性

任务5-5-3　项目符号和编号列表文本的输入

任务5-6　插入图像

任务5-7　创建超级链接

任务5-7-1　创建文本超级链接

任务5-7-2　创建到电子邮件超级链接

任务5-7-3　创建图像超级链接

任务5-8　插入Flash动画

任务5-9　插入视频文件

综合训练：《北京旅游网站》某页面制作

【项目小结】

【思考题】

项目六　使用HTML编写网页

任务6-1　HTML基础

任务6-2　HTML常用标记

任务6-2-1　基本标记

任务6-2-2　格式标记

任务6-2-3　文本标记

任务6-2-4　超链接标记

任务6-2-5　多媒体标记

任务6-2-6　表格标记

任务6-2-7　表单标记

综合训练：《北京旅游网站》某页面制作

【项目小结】

【思考题】

项目七　利用CSS样式修饰页面

任务7-1　认识CSS

任务7-1-1　体验内部CSS样式表

任务7-1-2　体验外部CSS样式表

任务7-2　创建CSS样式表

任务7-2-1　创建标签选择器样式

任务7-2-2　创建类选择器样式

任务7-2-3　创建复合内容选择器样式

任务7-2-4　创建ID选择器样式

任务7-3　创建和应用外部CSS样式表

任务7-3-1　创建外部样式表

任务7-3-2　导出样式表

任务7-3-3　链接外部样式表文件

任务7-4　创建特殊CSS样式

任务7-4-1　用CSS样式设计不会跟着滚动的背景图

任务7-4-2　利用CSS样式自定义鼠标形状

【项目小结】

【思考题】

项目八　网页布局定位

任务8-1　Div+CSS布局定位

任务8-1-1　AP元素的创建与操作

任务8-1-2　AP元素布局定位应用

任务8-2　表格布局

任务8-2-1　表格的创建与操作

任务8-2-2　利用表格布局页面

任务8-3　框架页面的制作

【项目小结】

【思考题】

项目九　库与模版

任务9-1　使用库项目

任务9-1-1　创建库项目

任务9-1-2　插入库项目

任务9-1-3　编辑库项目

任务9-2　模板

任务9-2-1　创建模板

任务9-2-2　创建可编辑区域

任务9-2-3　创建重复区域

任务9-2-4　定义可选区域

任务9-2-5　模板的应用

任务9-2-6　管理模板

任务9-3　应用案例：《乐悠游旅游网站》二级页面模板制作

项目十　站点维护

任务10-1　测试网站

任务10-1-1　检查浏览器的兼容性

任务10-1-2　自动更新链接

任务10-1-3　检测网页链接错误

任务10-1-4　修复链接

任务10-2　管理站点

任务10-2-1　站点管理窗口

任务10-2-2　站点报告

【项目小结】

【思考题】

《网页设计（第二版）》以培养职业能力为核心，遵循工作过程系统化课程开发理论，打破“章”、“节”编写模式，采用情境教学，以项目为导向，用任务进行驱动。
　　《网页设计（第二版）》以一个真实旅游网站作为教学案例，围绕这个主线精心设计了10个教学项目，35项主任务，54项子任务。项目和任务的安排充分考虑了学生的认知水平和学习能力，遵从由局部到整体、由简单到复杂、由具体到抽象的认知规律。10个教学项目分为3个教学阶段，**阶段为网页设计制作准备阶段，包括项目一网页设计基础知识、项目二网页设计案例分析和项目三网页图像制作工具，主要目标是使读者通过认识基本概念、赏析经典网页，做出网站初步规划，并通过项目三准备网站图片素材；第二阶段为网站制作阶段，由项目四Dreamweaver入门、项目五简单网页制作和项目六使用HTML编写网页组成，主要目标是使读者掌握Dreamweaver站点的创建与管理并能够用可视化和代码两种方式制作网页；第三阶段为提升效率阶段，包括项目七利用CSS样式修饰页面、项目八网页布局定位、项目九库与模版和项目十站点维护，主要目标是使读者掌握快速、规范、工业化的网页制作方法。《网页设计（第二版）》按任务驱动组织教学内容，课程以完成网页设计制作任务为主线，融“教、学、练”于一体，体现了“教中学、学中做，做中会”的教学理念。