本课程是计算机应用技术、计算机网络技术、电子商务技术专业开设的一门重要的专业核心课程，是Web前端设计系列课程之一。本课程的主要任务是，让学生掌握在Dreamweaver中利用HTML与CSS进行网页设计与制作，主要讲授HTML与CSS、盒子模型、列表与超链接、表格与表单、元素的浮动与定位等网页制作基础知识，通过本课程的学习，学生能够独立进行静态网站项目的设计与开发。

       本课程在重视传授理论知识的同时，重视培养学生的实践动手操作能力。教学过程中，设计了大量的网页设计案例，使学生在学习理论知识的同时，加深对每一个知识点的理解。最后通过一个综合项目的制作，让学生对所学的基础知识进行巩固和利用。

      本课程的重点是如何培养学生的创新设计能力，如何利用HTML与CSS等网页制作知识完成各类网页的布局与美化，综合利用HTML 语言与CSS 样式进行页面的设计、编码、调试、维护能力。

     本课程的难点是如何理解网页中的盒子模型、元素的浮动与定位等一些抽象的概念。同时，该课程也是一门技术更新较快的课程，面对信息技术的快速发展，如何能让学生快速的接受新的技术也是本课程教学的一个难点。

学生作品1-爱心公益网    （源码下载）      学生作品2-乡村之约网    （源码下载） 

学生作品3-健康生活网    （源码下载）      学生作品4-茶文化网       （源码下载）

学生作品5-徽派文化网    （源码下载）      学生作品6-凡車网          （源码下载）

学生作品7-绿色生活网    （源码下载）      学生作品8-杜康网          （源码下载）

懒人图库     68Design   ZCOOL站酷   nipic昵图网    阿里西西    创意酷站营

主编：传智播客高教产品研发部，中国铁道出版社             主编：刘春茂，清华大学出版社   

          主编：陈承欢，人民邮电出版社                             主编：姬莉霞等，清华大学出版社

《网页设计与制作（HTML+CSS）》是一门实践性较强的课程，本课程在教授过程中，融入了81个案例，通过视频教学、在线答疑、自主学习等方式让大家看得懂、学得会、做得出。

在内容编排上，本课程将一些非常复杂、难以理解的思想和问题简单化，让初学者能够轻松理解并快速掌握。对每个知识点都进行了深入地分析，并针对每个知识点精心设计了相关案例，然后模拟这些知识点在实际工作中进行应用，真正做到了知识的由浅入深、由易到难。

本课程共分为8个章节，在课程内容结构上是从基础到进阶，再到核心知识，层层递进。其中第1、2、3章节主要介绍了HTML与CSS网页设计基础知识，要求初学者掌握HTML与CSS语言的基本语法，熟悉常用的HTML文本标记、图像标记等，能够熟练地使用CSS控制网页中的字体和文本外观样式。第4、5、6、7章节是学习网页制作的核心，分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位等内容，只有掌握好这部分内容，才能在网页制作中随意地控制各种网页元素。第8章节为实战开发，结合前面学习的基础知识，带领学生开发一个电脑科技网的首页。

通过本课程的学习，学生能熟练地掌握Dreamweaver工具的使用，能学习到HTML与CSS的相关基础知识，同时也能掌握网页制作的核心知识盒子模型、列表与超链接、表格与表单、元素的浮动与定位等内容，能熟练的应用HTML与CSS进行网页设计与制作，为学生打开学习Web 前端设计课程的大门，使其将来可以更深入地学习Web 前端设计体系中的后续课程，比如HTML5、CSS3、JavaScript、Ajax、jQuery等课程。

课程内容难易适中，对每个知识点都进行了深入地分析，并针对每个知识点精心设计了相关案例，然后模拟这些知识点在实际工作中进行应用，做到了知识的由浅入深、由易到难，所以非常适合在校学生和社会上有志于从事Web 前端设计工作的初学者。