HTML+CSS+JavaScript网页设计课程的教与学

请先花一些时间看一下视频
[iframe]https://v.qq.com/iframe/preview.html?vid=s0508uyi9ao&width=500&height=375&auto=0[/iframe]

一、课程简介

网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局和整站建设三大内容，全面介绍了WEB站点设计与开发的基本操作技术和应用技巧。本课程采用课堂与实践相结合讲授、案例向导的教学方式。

二、教学目标
　
通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握HTML5最新页面开发技术；掌握综合网站设计和发布的基本流程和方法。

三、教学内容和要求

1、教学内容

教学内容主要分为基础内容和进阶提高两大部分。基础内容全面地讲述了HTML、CSS、JavaScript技术。主要包括HTML设计和开发所需了解的基本概念和框架结构；文字与段落、列表、超链接、表格、表单和多媒体在页面开发中的应用； CSS在实际开发中的应用技巧； JavaScript在动态网页开发中的基本概念和应用。进阶提高主要包括web设计的基本原则和方法；基于表格的页面布局方法和基于div+css的页面布局方法，以及常见导航菜单的制作；HTML5中介绍了画布、新增表单元素及多媒体应用；综合案例系统介绍了网站开发从规划、实现到发布的完整过程。

2、教学要求

l 了解万维网的用途及网页设计的基本概念；
l 了解HTML、CSS、JavaScript在网页设计中的重要作用；
l 掌握HTML文档的基本结构及标记属性的使用方法和规则
l 理解HTML中的文本、字符、段落、表格、列表、表单标记的作用；
l 掌握主流页面布局方法；
l 理解JavaScript语言的作用和执行方式，掌握在网页中使用客户端脚本的方法，了解事件响应机制，掌握页面事件编程；
l 了解网页设计的基本原则和方法；
l 掌握HTML5最新网页设计技术；
l 掌握网站发布的基本流程。

四、课程设计

课程以培养面向商业化应用网站设计的网页设计师为目标，突出实用性和可操作性。因此，在教学方式上应以商业化案例讲授为导向，辅助各内容块相关实验项目的实践，由点到面，最终完成整站综合项目的设计任务。教学过程中可以配合数字教学平台电子资料、PPT、重点难点视频讲解、小技巧使用视频讲解、案例解答等多种技术手段进行辅助教学。主要的教学设计与手段包含讲授、案例调查和分析、课堂讨论、作业、上机实践等。

本课程教学由简入深，主要采用以下教学方法：

（1）模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。

（2）指定配套实验教材中的精典实例，让学生操作实现。

（3）综合运用基本知识点，实现复杂综合功能。

五、教学时间安排

本课程计2学分，其中包含18学时理论教学实践，36学时实践教学时间，共计54学时。学时分配如下：

序号
课程内容/实验名称
理论
实践
备注
1
网页设计简介
1
2
2
HTML基础介绍
1
2
3
文字与段落
1
2
4
列表
1
2
5
超级链接
1
2
6
表格
1
2
7
表单
1
2
8
使用CSS格式化网页
1
2
9
CSS应用
2
4
10
JavaScript 基础
2
4
11
Web 设计基础
1
2
12
页面布局技术
1
2
13
HTML5应用
2
4
14
综合网站制作实例
2
4
合  计
54

六、考核办法

平时成绩25%(课堂表现+章节作业)+期末考试成绩25%+期末综合项目大作业50%

1.平时成绩：包括出勤率、课堂情况、作业，阶段测验成绩占总成绩的25%。

2.期末考试：成绩占总成绩的25%。

3.综合大作业：要求完成整站设计，占总成绩的50%

七、使用教材

1.  郑娅峰张永强主编，《网页设计与开发-HTML、CSS、JavaScript实例教程（第3版）》，清华大学出版社，2015

2.  张永强郑娅峰主编，《网页设计与开发-HTML、CSS、JavaScript实例教程习题解答与实验指导》，清华大学出版社，2011

本书提供PPT课件，习题答案，教学大纲，期末试卷，微课视频

授课老师可以在书圈下载课件、申请样书