HTML+CSS+JavaScript网页设计课程的教与学
桐崎千棘我的愛
7
你想要的都有了！
本书提供PPT课件，源码，习题答案，教学大纲，期末试卷，20小时微课视频。
请先花一些时间看一下视频（全书配套20小时教学视频）
一、课程简介
网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。课程涵盖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课件，习题答案，教学大纲，期末试卷，20小时微课视频
授课老师可以在书圈下载课件、申请样书
相关文章
-
【CSDN编者按】现在我们谈前端，大多数谈框架，对于前端最基础的HTML你了解多少呢？本文作者用近两万字为你详解HTML的进化史，涉及前身SGML、到浏览器大战，HTML模块的详解、HTML5的进化-- HTML的前身SGML 战争驱动文明发展，互联网是美国军队为了快速传送情报而发明的。如果单纯传送文字，当时的电报就
喽啰兵77
8 0
0 条评论
-
建议先把视频看完 在后台回复书号或者作者名，可以下载完整的课件、源码和教学大纲 HTML5网页前端设计（零基础56课时版） 本教学大纲适用于零基础入门学习，适用于未曾学习过WEB前端设计的前置课程的班级。可以直接使用本教材完成Web网页前端设计的基础入门和后续HTML5技术的学习。本教材配合以《HT
袁友前
8 3
0 条评论
-
前些天，微信再次对外释放了强势进军移动办公的信号，微信将会推出企业版微信，试图让用户彻底将工作与生活区分开。无独有偶，就在企业微信发布后不久，中国信息通信研究院技术与标准研究所、微软、云适配、英特尔、华为、科大讯飞、金山等多家全球知名企业及研究机构筹备发起了"中国企业级HTML5产业联盟(简称H5联盟)"，同时国内H
ayang229
5 3
0 条评论
-
在这个时间开始学习移动开发真是最好不过了，每个人应该都有一些移动应用的创意，而且你并不需要任何的原生应用编程经验，你只需要一些HTML的相关知识，懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢，我只能告诉你应该有一些主见，首先HTML5会越来越好，移动端的硬件也会越来越强，怎么说呢，
fengjing74
8 1
0 条评论
-
作者：伯乐在线专栏作者-葡萄城控件 链接：http://web.jobbole.com/87908/ 如何提升Web页面的性能，很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置，文件压缩或是调整CSS。 很显然HTML已经达到了一个瓶颈，尽管它是开发Web界面必备的核心语言。HTML页面的负载也
爱xtzlk830
3 0
0 条评论
-
（给前端大学加星标，提升前端技能.） 来自：csdn翻译 如果我在用HTML+CSS编程，那么，我能算是名开发人员吗？ 以下为译文： 有好多次，别人说我算不上程序员，因为我在用HTML+CSS编程。我非常伤心，因为别人都不认为我是开发人员。我们讨论了好几个小时，网上也有很多关于这个话题的讨论。但仍然还有人否认这一点，
谨言Ruby
5 0
0 条评论
-
介绍 我是一个ASP.NETMVC的开发者，最近在我找工作的时候被问到很多与HTML5相关的问题和新特性。所以以下近40个重要的问题将帮助你复习HTML5相关的知识。 这些问题不是你得到工作的高效解决方案，但是可以在你想快速复习相关主题的时候有所帮助。 快乐地找工作。 01、SGML（标准通用标记语言）和HTML（超
奡1980
8 0
0 条评论
-
选自Floydhub 作者：EmilWallner 机器之心编译 如何用前端页面原型生成对应的代码一直是我们关注的问题，本文作者根据pix2code等论文构建了一个强大的前端代码生成模型，并详细解释了如何利用LSTM与CNN将设计原型编写为HTML和CSS网站。 项目链接：https://github.com/emil
一个南瓜
3 0
0 条评论
-
来源|http://www.fly63.com/article/detial/9503 现在很多网站上都会使用到视频和音频，html5中提供了展示视频和音频的标签。向网页嵌入视频可以使用<video>标签，而嵌入音频可以使用<audio>标签。这两个标签都是html5中新增的标签，两个标签中的
南方iik
5 3
0 条评论
-
你想要的都有了！ 本书提供PPT课件，源码，习题答案，教学大纲，期末试卷，20小时微课视频。 请先花一些时间看一下视频（全书配套20小时教学视频） 一、课程简介 网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。课程涵盖HTML基本元素、CSS样
桐崎千棘我的愛
7 0
0 条评论
