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

项目1 网站总体规划

任务1.1 案例赏析

1.1.1 杭州市政府网站赏析

1.1.2 主要知识及操作技能讲解

1.1.3 举一反三练习

任务1.2 信息学院网站制作基本流程

1.2.1 确定网站主题

1.2.2 建站前的调查及素材搜集

1.2.3 网站的规划

1.2.4 信息学院网站的结构图

1.2.5 设计信息学院网站各页面

1.2.6 制作HTML页面

1.2.7 测试并上传网站

1.2.8 网站的更新与维护

1.2.9 专家总结：网站设计成功的要素

1.2.10 举一反三练习

项目2 信息学院网站制作的前期准备

任务2.1 信息学院Logo的设计与实现

2.1.1 任务布置及分析

2.1.2 操作步骤

2.1.3 主要知识点及操作技能讲解

2.1.4 举一反三练习

任务2.2 网站Banner的设计与制作

2.2.1 任务布置及分析

2.2.2 操作步骤

2.2.3 主要知识点及操作技能讲解

2.2.4 举一反三练习

任务2.3 信息学院首页的效果图设计与制作

2.3.1 任务布置及分析

2.3.2 操作步骤

2.3.3 主要知识点及操作技能讲解

2.3.4 举一反三练习

项目3 信息学院网页的制作

任务3.1 站点的创建

3.1.1 任务布置及分析

3.1.2 操作步骤

3.1.3 主要知识点及操作技能讲解

3.1.4 举一反三练习

任务3.2 使用表格实现首页的布局

3.2.1 任务布置及分析

3.2.2 操作步骤

3.2.3 主要知识点及操作技能讲解

3.2.4 举一反三练习

任务3.3 为首页添加文本和图像

3.3.1 任务布置及分析

3.3.2 操作步骤

3.3.3 主要知识点及操作技能讲解

3.3.4 举一反三练习

任务3.4 设置网站首页的超链接

3.4.1 任务布置及分析

3.4.2 操作步骤

3.4.3 主要知识点及操作技能讲解

3.4.4 举一反三练习

任务3.5 使用CSS样式美化首页

3.5.1 任务布置及分析

3.5.2 操作步骤

3.5.3 主要知识点及操作技能讲解

3.5.4 举一反三练习

任务3.6 使用AP Div元素美化页面

3. 6.1 任务布置及分析

3.6.2 操作步骤

3.6.3 主要知识点及操作技能讲解

3.6.4 举一反三练习

任务3.7 使用JavaScript创建首页的动态效果

3.7.1 任务布置及分析

3.7.2 操作步骤

3.7.3 主要知识点及操作技能讲解

3.7.4 举一反三练习

……

项目4 网站的整合与测试发布

参考文献

本书采用“案例引导、任务驱动”的编写方式，以实用为目的，根据高等职业教育“理论够用、重在实践”的教学特点，注重对学生专业技能、动手能力的培养。本书对知识点进行了细致的取舍和编排，融通俗性、实用性和技巧性于一身。全书以“信息学院”网站设计与制作项目作为课堂讲解与练习的教学主线，分成网站总体规划、信息学院网站制作的前期准备、信息学院网页的制作、网站的整合与测试发布4个子项目，每个子项目由若干个学习任务组成。每个学习任务又由任务布置与分析、操作步骤、主要知识点及操作技能讲解、举一反三练习等几个环节组成。除了课堂练习项目外，还配有一个“美食大嘴”网站和学生分组自选项目作为学生课外巩固练习。本书适合作为高等职业院校、职业高中、应用类本科院校计算机应用类专业或数字媒体艺术类专业网页设计课程的教材，也可作为相关自学人员的参考用书。