静态网页设计教学大纲

静态网页设计教学大纲

课程概述

1.课程性质

《静态网页设计》课程是高职计算机应用技术、计算机网络、软件技术等相关计算机专业的一门专业必修课程。

2.课程设计理念

本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化。项目特别强调对学生操作能力和解决问题能力的培养，充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

3.课程开发思路

本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来，因此学生实验课时约占到了总课时的三分之二。让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。

授课目标

通过本课程的学习使学生具备网页制作、网站规划与网站维护的专业能力，培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为计算机相关专业的核心主干课程，使学生掌握商业网站的开发流程，并能独立进行操作。学生毕业后可胜任网站管理员、网页设计师等工作岗位。

课程大纲

第一章网页设计基础知识

1.1：网站剖析

1.2：网站开发流程

1.3：Dreamweaver CS6的安装

第二章生活网网站的创建

2.1 初识Dreamweaver CS6

2.2 新建和管理站点

2.3 为网页设置头信息和页面属性——页面总体设置

前两章测验

第三章生活网网站页面的布局

3.1 使用表格布局页面

3.2 使用AP Div布局页面

3.3 使用框架布局网页

第三章测验

第四章输入和编辑网页元素

4.1 添加文本类网页元素

4.2 在网页中添加图像

4.3 在网页中添加多媒体元素

第四章单元测验

第五章网站内容的链接与特效网页的制作——应用链接与行为5.1 设置网站中的超级链接

5.2 利用行为制作网站中的特效网页

5.3 制作页面中的弹出式菜单

5.4 利用CSS美化页面

第五章测验

第六章利用模板和库创建页面

6.1 利用模板创建页面

6.2 利用库项目创建页面

第六章测验

第七章利用表单创建交互式页面

7.1 利用表单创建酒店预订客户页面（一）7.2 利用表单创建酒店预订客户页面（二）7.3 利用表单创建酒店预订客户页面（三）第七章测验

第八章项目综合实训分析

项目实训概述

8.1 个人网页设计分析

8.2 文化类网页的设计分析

8.3 旅游休闲类网页的设计分析

第九章HTML5+CSS3

9.1 初始HTML

9.2 HTML代码编辑工具

9.3 网页基本信息

9.4 基本HTML5标签

第九章测验

第十章HTML5高级标签

10.1 列表

10.2 表格

10.3 表单

第十章测验

第十一章CSS3入门

11.1 CSS3简介

11.2 CSS3核心基础

11.3 文本样式属性

11.4 CSS3选择器

11.5 CSS3盒子模型

预备知识

1、计算机应用基础

（1）计算机的基本概念知识；

（2）计算机基本操作能力；

（3）Internet基础知识；

2、PhotoShop基础应用

（1）版面设计知识

（2）配色相关知识

（3）平面图像处理基本技能

参考资料

1、Dreamweaver CS6实例教程魏三强李静杨子燕主编人民邮电出版社出版

2、网页设计与制作任务驱动式教程陈承欢主编高等教育出版社出版

3、HTML5+CSS3网站设计基础教程传智播客高教产品研发部编著人民邮电出版社

4、HTML5+CSS3前端技术北京课工场教育科技有限公司编著中国水利邮电出版社