该课程是计算机应用技术专业的一门专业核心课程,通过课程学习可以了解网站规划、网页设计、网页制作、网站测试优化的基础知识,具备中小型静态网站的网站规划、网页设计与制作等能力,从而能顺利制作出动态网站的前端页面,为后续课程学习打好基础,将来能从事UI设计员、网页制作员、网站编辑员、网站运维等岗位的工作。
该课程通过两级项目实施让学生学会必要的知识和技能,学以致用。 课堂操练项目围绕符合最新Web标准的典型静态网站开发项目“信息技术学院网站开发”展开全部内容的教学,以规划网站→制作网页→测试发布与管理维护网站这一实际网站开发流程为主线设计7个相对独立的教学项目,并在项目实施过程中讲解网站规划、页面布局与内容编排、HTML5和CSS3使用、内联框架应用、表单网页制作、网站测试优化维护等内容。课后巩固拓展检验项目(自选网站开发)是为了巩固和检验学生所学知识技能、开阔思路、培养创新精神,提供展示个性舞台而设计的,与操练项目完成过程同步。
课程总评成绩60分合格。总评成绩要求如下:
1.由每个项目的单元测验、项目作品和创新训练作品,在线结课考试,参与课程讨论情况,线下课堂表现综合评定,采用百分制。
2.单元测验占30%,项目作品和创新训练作品占20%,在线结课考试占35%,参与课程讨论占5%,线下课堂表现10%。
3.项目作品和创新训练作品成绩通过学生互评进行。
平面图像处理
11
课时
课程教材:蔡伯峰.网页设计与制作(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/ 有模板、企业网站成功案例