课程基本信息

一、课程定位

《网页设计与制作》课程是云计算技术应用专业开设的一门专业必修课程，在大一上学期开设，该课程主要学习html5和CSS3的相关内容。该课程面向的就业岗位是web前端开发工程师等。该课程的先修课程是《计算机文化基础》，后续课程为《前端开发》、《动态网站开发》等。

随着互联网技术的高速发展，近年来社会对Web前端开发人员的需求量很大，Web前端开发人员是网站开发、App开发及智能终端设备界面开发的主要力量。Web标准规定，一个网页主要由三个部分组成：结构、表现和行为。HTML用于构建网页的基本结构，对页面内容进行组织和分类；CSS用于设计网页的表现效果；JavaScript用于实现网页的交互行为。在前端开发的学习中，HTML与CSS是基础技术。

为了让学生熟练掌握并灵活应用HIML和CSS，我们精心设计了15个项目，这些实训项目涉及了HTML、CSS的基础及核心知识点、经典网页布局版式等内容，由浅入深地将知识点有机地融入各个实训项目中。通过项目的逐个练习，不断地强化学生对这些知识点的理解与应用，确保学生在学习结束后能够运用HTML、CSS解决实际问题。

为方便同学们自主学习，课程团队在日照职业技术学院网络教学平台建设有在线课程，同学们可以用微信扫码进行观看学习。

课程学习平台

二、学习目标

（一）思政目标

1.学生通过制作与学校相关的网页，可以充分地了解学校概况、专业设置、校规校训等，厚植学生的集体主义观念和家校情怀

2.通过制作与聂耳、钱学森、军训有关的网页，激发学生的担当意识和爱国情怀

3.通过制作与山东省环保厅有关的网页，培养学生的环保意识，树立绿水青山就是金山银山、地球是人类共同家园的观念

4.通过制作大国工匠网页，用大国工匠不畏艰辛刻苦钻研精益求精的态度，激励学生热爱本专业的学习，努力成为本专业的行家里手，培养学生的职业素养和工匠精神

（二）知识目标

1.了解HTML5的发展历程

2.熟练掌握html语言的基本语法、常用标记

3.掌握网页制作软件HBuilderX的基本操作和使用

4.掌握CSS样式表的创建、编辑和使用

5.掌握CSS3的常用属性

6.掌握DIV+CSS对网页进行布局的方法

（三）能力目标

能使用HBuilderX进行网页设计与制作，并应用CSS3美化网页，能够使用CSS+DIV进行网页布局

（四）素质目标

能根据网站主题，结合客户要求，合理规划网站栏目，设计制作网页，具有耐心细致的工作态度和良好的敬业精神。

三、使用教材

《HTML5+CSS3网站设计基础教程》，黑马程序员，人民邮电出版社

参考教材

《HTML5程序设计基础教程》，李雯编著，人民邮电出版社

 《HTML5+CSS3从入门到精通》，李东博编著 ，人民邮电出版社

四、网络学习资源

菜鸟教程 https://www.runoob.com/