课程简介：《静态网页制作》是物联网专业的指定选修课程之一，是一门实践性很强的课程，本课程以项目实训为主要教学方式，旨在培养学生的静态网页制作能力。通过静态网页开发技术HTML5+CSS3+JavaScript等内容的学习，让学生能够通过项目实训，掌握目前最新的网站设计最新的前端技术。

学好《静态网页制作》课程不仅能更好地掌握HTML5、CSS3、JavaScript等技术，而且可以激发学生对界面设计的兴趣、增强项目开发的信心。本课程以项目实训的方式进行授课，重在培养学生实践能力，达到技术学以致用的目标，能够真正培养应用性人才。

课程内容：HTML 5概述、HTML 5网页文档结构、HTML 5网页中的文本和图像、HTML 5建立超链接、HTML 5建立表格、HTML 5建立表单、HTML 5绘制图形、HTML 5中的音频和视频、CSS 3概述和基本语法、美化网页字体和段落样式、美化图片样式、美化背景和边框样式、美化超级链接和鼠标、美化网页菜单、使用CSS 3滤镜美化网页元素、JavaScript编程基础知识、JavaScript程序控制结构和语法、函数、内置对象、HTML 5 + CSS 3 + JavaScript的搭配使用。

本课程旨在培养学生静态网页制作能力。课程理论联系实践，以项目为驱动的教学模式，详细、系统化讲解网页设计技术，使项目贯穿所学知识点。通过项目实践，能够在掌握基本理论知识的同时，提高学生综合实践能力。

要求完成视频课程教学，通过每章节后的测试，平均分达到满分的75%及以上。例，若满分为20，则要求在15分及以上。

  有一定的编程基础，对多媒体有一定认识。

1、教材：《HTML5+CSS3+JavaScript网页设计案例课堂》 刘玉红 ISBN978-7-302-38713-8 清华大学出版社 2015年 第1版 

2、参考书：

1）《HTML5+CSS3网站设计基础教程》，传智播客高教产品研发部编著，中国工信出版集团，人民邮电出版社，2016年3月

2）《Web信息架构——设计大型网站》.陈建勋 译，电子工业出版社，2015年3月

3）《单页Web应用——JavaScript从前端到后端》.包勇明 译.人民邮电出版社，2014年10月

4） 《HTML5+CSS3从入门到精通》.李东博主编.清华大学出版社，2013年6月

1、需要安装哪些软件？

答：DreamWeaverCS6、Notepad++、浏览器（firefox、chrome）

2、为何在不同浏览器上有时展示效果不一样？

答：由于不同浏览器对HTML5的支持程度不同，因此显示的效果有时不一样，一般情况下请用firefox浏览器查看效果。若想在有多个浏览器上显示相同效果，请在不同浏览器上进行测试，以实际效果为准。

3、为什么我看都看得懂，但关上书就写不出来代码了？

答：本课程是实战型课程，一定要动手编程，在浏览器上查看效果，仅靠看代码是没有用的。每周至少4小时的编程时间，目标是1W行代码！熟能生巧，多练才能提高实力。

4、为何我用了很多元素，但设计出来的网站还是不够美观？

答：布局不仅需要一定的代码熟练度，更需要一定的审美，有兴趣的同学可以自已补充一定的美术基础，让整个网站更加美观。

5、为何我设计的网站没多少人访问？

答：网站在设计时，要注意有明确的主题，更容易吸引相同类型的人群访问。