该课程是计算机应用技术专业的一门专业核心课程，通过课程学习可以了解网站规划、网页设计、网页制作、网站测试优化的基础知识，具备中小型静态网站的网站规划、网页设计与制作等能力，从而能顺利制作出动态网站的前端页面，为后续课程学习打好基础，将来能从事UI设计员、网页制作员、网站编辑员、网站运维等岗位的工作。

   该课程通过两级项目实施让学生学会必要的知识和技能，学以致用。 课堂操练项目围绕符合最新Web标准的典型静态网站开发项目“信息技术学院网站开发”展开全部内容的教学，以规划网站→制作网页→测试发布与管理维护网站这一实际网站开发流程为主线设计7个相对独立的教学项目，并在项目实施过程中讲解网站规划、页面布局与内容编排、HTML5和CSS3使用、内联框架应用、表单网页制作、网站测试优化维护等内容。课后巩固拓展检验项目（自选网站开发）是为了巩固和检验学生所学知识技能、开阔思路、培养创新精神，提供展示个性舞台而设计的，与操练项目完成过程同步。

课程总体目标：通过本课程学习，学生能根据中小型网站开发需求，对网站进行整体规划，并运用工具软件设计主要页面效果图；能对页面设计效果图进行布局、背景、内容排版、尺寸分析，使用主流布局方法进行页面布局，插入网页元素并对内容进行编排，使用主流技术制作出符合Web标准的页面；能在2个以上主流浏览器上进行测试，根据测试结果对网站进行优化，并完成网站发布与维护。

知识目标：

（1）了解网站规划、网站开发的过程、Web标准、模板；

（2）熟悉网页设计、网页布局、表单、网站测试优化与管理维护；

（3）掌握常见布局的网页的制作方法、常见网页元素及其HTML代码、CSS规则的常用属性、页面内容编排方法。

能力目标：

（1）能规划中小型网站并设计主要页面；

（2）能熟练使用Dreamweaver制作“布局标签+CSS”布局、包含内联框架的网页和表单网页；

（3）能熟练编排页面内容；

（4）能使用HTML和CSS制作处理网页；

（5）能测试、优化、发布、管理维护网站；

（6）能处理网页制作中的常见问题；

（7）能跟踪网页制作领域新技术的发展；

（8）能阅读、使用HTML语言中的专业英语词汇；

（9）具有与人交流、与人合作、资源利用与信息处理能力。

素质目标：

（1）具有效率观念；

（2）树立诚实守信意识、乐观健康意识；

（3）具有良好的敬业精神、协作精神、创新精神。

        平面图像处理

课程教材：蔡伯峰．网页设计与制作（HTML5+CSS3）．北京：机械工业出版社，2018

参考资料可选用正式出版的有关网页设计与制作方面的纸质或电子版图书、Internet上网页设计与制作方面的学习网站或论坛、精品课程网站。

[1] 文杰书院．Dreamweaver CC中文版网页设计与制作．北京：清华大学出版社，2017

[2] 周文洁．HTML5网页前端设计．北京：清华大学出版社，2017

[3] 周文洁．HTML5网页前端设计实战．北京：清华大学出版社，2017

[4] 王柯柯，周宏，刘亚辉，等．网页设计技术——HTML5+CSS3+JavaScript．北京：清华大学出版社，2017

[5] 律佳，刘洪霞，缪亮．Dreamweaver网页制作实用教程（第3版）．北京：清华大学出版社，2016

[6] 吕琨．网页制作与网站建设实战大全+JavaScript网页特效实例大全+DIV+CSS．北京：清华大学出版社，2015

[7] 张庆玲，刘素芬，陆洲，等．Dreamweaver CS6网页制作案例教程．北京：清华大学出版社，2015

[8] 九州书源．Dreamweaver CS6网页制作．北京：清华大学出版社，2015

[9] 邓文渊．Dreamweaver CC网页制作比你想的简单．北京：清华大学出版社，2015

[10] 贾勇．HTML 5网页制作全程揭秘．北京：清华大学出版社，2014

[11] 刘瑞新，张兵义．网页设计与制作教程（HTML+CSS+JavaScript．北京：机械工业出版社，2013

[12] 王秀丽，颜德强．网页设计与制作（第2版）．北京：清华大学出版社，2012

[13]数字艺术教育研究室.Dreamweaver CS6基础培训教程．北京：人民邮电出版社，2012

[14]https://218.75.196.218:90/ec2006/C16/index.htm《网页设计与制作》国家精品课程网站

[15]https://course.jingpinke.com        国家精品课程资源网的课程中心

[16]https://www.wzsky.net/html/templates/ 网页模板

[18]https://www.mbsky.com/            模板天下

[19]https://sc.68design.net              网页设计师联盟

[20]https://cool.speedmap.cn/           网页设计师加油站

[21] https://www.w3school.com.cn/      有HTML5+CSS3详细介绍

[22 https://www.52divcss.cn/              网页制作技术

[23] https://bbs.goodbbs.net/              网页制作技术

[24] https://www.dabaoku.com/          网页制作技术

[25] https://www.foreweb.com/            网页制作和网页设计

[26] https://www.webjx.com/web/        Dreamweaver

[27] https://www.fastgun.net/so/home.htm 快枪资源库中的网页制作

[28] https://www.songcms.com/         有模板、企业网站成功案例

无