《网页布局与美化》课程标准.docx

《《网页布局与美化》课程标准.docx》由会员分享，可在线阅读，更多相关《《网页布局与美化》课程标准.docx（7页珍藏版）》请在第一文库网上搜索。

1、网页布局与美化课程标准一、课程概述1 .课程性质网页布局与美化是数字媒体应用技术专业针对网页设计、网页制作、网页美工等关键岗位，经过对企业岗位典型工作任务的调研和分析后，选择真实工作项目为教学载体，根据数字媒体公司应用性人才的实际要求，重构课程内容，归纳总结出来的为适应网页设计、网页美化等岗位要求的网页设计和网页美化能力要求而设置的一门专业核心课程。2 .课程任务网页布局与美化课程通过对“文本网页的布局与美化”、“图文混排网页的布局与美化”、“网列表网页布局与美化”、“带阴影效果的相册网页布局与美化”、“弹力球动画效果网页的布局与美化”、“横向导航栏制作”、“两列布局网页设计”、“图像动画效果

2、网页布局与美化”、“表格与表单网页布局与美化”9个教学项目的学习，在学生具备一定的网页制作能力的基础上，主要培养学生使用编码方式进行网页布局与美化的方法和技巧，培养学生使用编码方式进行网页设计、网页制作、网页美化的专业能力，以及团队协作、综合分析、创新创意等综合素质和能力，为后期课程如移动H5页面制作、网页特效和毕业设计与答辩奠定网页布局与美化基础。3 .课程要求网页布局与美化课程主要采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模式开展教学，课程的理论实践一体化教学全部安排在设施先进的理实一体教室进行，教学中以学生自主学习为主，采用多种学习素材及教学手段，教师全程负责答疑解惑

3、、指导项目制作，充分调动师生双方的积极性，达成教学目标。二、教学目标1.知识目标（1）掌握网页标题、文本、段落标签的应用及其CSS属性的设置方法；（2）掌握网页图像标签的应用及其CSS属性的设置方法；（3）掌握网页列表与表格的应用及其CSS属性的设置方法；（4）掌握网页超链接标签及属性的应用方法；（5）掌握导航栏设计与制作方法；（6）掌握网页表单标签、表单属性和表单控件的应用方法；（7）掌握CSS盒模型概念、CSS选择器的应用与CSS样式引入方法等；（8）掌握背景颜色、背景图像、浮动与清除浮动、定位等CSS属性的应用方法；（9）掌握常用网页布局方法。2.能力目标（1）能应用文本、段落、标题标签

4、，设置其CSS样式；（2）能应用图片标签，设置其CSS样式；（3）能应用网页列表与表格标签，设置其CSS样式；（4）能应用表单元素、表单控件、表单属性，设置表单元素、表单控件CSS样式；（5）能进行背景颜色、背景图像等基本CSS属性的设置；（6）能应用超链接标签，设置其CSS样式；（7）能应用列表标签与超链接标签及其CSS属性制作导航栏；（8）能使用DIV+CSS进行网页整体布局与美化。3.素质目标（1）培养理论结合实践分析问题和解决问题的能力；（2）培养学生认真负责、乐观向上的敬业精神；（3）培养学生沟通协作的团队意识；（4）培养学生知识获取和应用的自主学习能力；（5）培养学生探索实践的创新

5、能力；（6）具有一定的科学思维方式和判断分析问题的能力；（7）具有较强的网页样式设计创意思维，艺术设计素质。三、与前后课程的联系1 .与前续课程的联系网页设计与制作使学生熟悉了网页基础知识，初步具备了网页制作能力，为学生的HTML、CSS代码学习打下了基础。2 .与后继课程的关系为学生后续课程网页特效、网页制作综合训练、毕业设计与答辩提供了网页布局与美化的技术支持。四、教学内容与学时分配根据职业岗位网页设计、网页制作、网页美工的要求，将本课程的教学内容分解9个教学项目，采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模式开展教学，课程项目结构与学时分配如表1所示。序号教学单元名称

6、教学目标主要教学内容学时备注1文本网页的布局与美化01-1：了解Web标准01-2：熟悉HTML5文档结构01-3：掌握常用的HTML标签及属性使用方法01-4：掌握CSS样式的引入方式01-5：掌握CSS选择符应用01-6：掌握CSS字体、段落样式应用01-7：掌握CSS盒模型概念Kl-1：Web标准简介Kl-2：HTML5文档结构Kl-3：HTML常用标记及属性Kl-4：CSS样式的引入方式Kl-5：CSS类选择符、标签选择符Kl-6：CSS字体、段落样式8理论实践体化教学及应用Kl-7：CSS盒模型2图文混排网页的布局与美化02-1：掌握img标签及属性的应用02-2：理解绝对路径与相对

7、路径02-3：了解RGB色彩模式与RGBA模式02-4：掌握背景颜色属性应用02-5：掌握背景图像及综合背景属性应用02-6：掌握圆角属性应用02-7：初步认识显示属性02-8：掌握box-shadow属性应用02-9：掌握一列居中的设置方法K2-1：img标签及属性K2-2：绝对路径与相对路径K2-3：RGB色彩模式与RGBA模式K2-4：背景颜色属性K2-5：背景图像及综合背景属性K2-6：圆角属性K2-7：显示属性K2-8：box-shadow属性K2-9：CSS的盒模型应用8理论实践一体化教学3带阴影效果的相册网页的布局与美化03-1：掌握span标签的应用03-2：熟练掌握HTML元

8、素分类03-3：熟练掌握float与clear属性的应用03-4：熟悉inline-block属性值的应用03-5：掌握text-shadow属性的应用K3-1：span标签K3-2：HTML元素分类K3-3：float与clear属性K3-4：inline-block属性值K3-5：text-shadow属性4理论实践一体化教学4过程性考核04-1：掌握标题、图像、段落等常用HTML标签应用04-2：掌握网页中CSS引入方法04-3：掌握盒模型应用04-4：掌握背景颜色、背景图像CSS属性应用04-5：掌握border-radius、box-shadowtext-shadowJS性应用等K4

9、-1：标题、图像、段落等常用HTML标签K4-2：网页中CSS引入K4-3：盒模型K4-4：景颜色、背景图像CSS属性K4-5：border-radius、box-shadowtext-shadow属性等45弹力球动画效果网页的布局与美化05-1：掌握Animation属性的应用05-2：熟练掌握关键帧(keyframes)掌握的应用05-3：掌握animation(动画)属性的应用05-4：掌握animation-name属性的应用05-5：掌握animation-duration属性的应用05-6：掌握animation-iteration-count属性的应用05-7：掌握animati

10、on-timing-function属性的应用K5-1：Animation属性K5-2：关键帧(keyframes)K5-3：animation(动画)属性K5-4：animation-nameK5-5：animation-durationK5-6：animation-iteration-countK5-7：animation-timing-funCtionK5-8：animation-direction4理论实践体化教学05-8：掌握animation-direction属性的应用6列表网页布局与美化06-1：掌握无序列表标记及属性使用方法06-2：了解有序列表标记及属性使用方法06-3：了

11、解定义列表标记及属性06-4：了解伪类与伪元素06-5：掌握伪元素:before及content属性的应用K6-1：无序列表标记及属性K6-2：有序列表标记及属性K6-3：定义列表标记及属性K64伪类与伪元素K6-5：伪元素:before及content属性4理论实践一体化教学7横向导航栏制作07-1：熟练掌握链接标签及其属性的应用07-2：熟练掌握text-decroation属性的应用07-3：熟练掌握CSS伪类a:active、a:hovera:link、arvisited的应用07-4：掌握浮动及清除浮动属性应用K7-1：链接标签及其属性K7-2：text-decroation属性K7

12、-3：CSS伪类a:activea:hovera:linka:visited4理论实践一体化教学8两列布局网页设计08-1：理解定位属性08-2：掌握绝对定位与相对定位的应用08-3：熟悉线性渐变背景属性linear-gradient应用08-4：掌握宽度固定两列布局K8-1：定位属性K8-2：绝对定位与相对定位K8-3：线性渐变背景属性linear-gradientK8-4：宽度固定两列布局4理论实践一体化教学9图像动画效果网页布局与美化09-1掌握transition属性的使用方法09-2掌握transform属性的使用方法09-3掌握opacity属性的使用方法09-4掌握transit

13、ion-property属性的使用方法09-5掌握transition-delay属性的使用方法K9-1transform属性K9-2transition-property属性K9-3transition-duration属性K9-4transition-delay属性K9-5opacity属性4理论实践一体化教学10表格与表单网页布局与美化010-1认识表格、行、单元格、标题标签010-2掌握使用CSS样式控制表格010-3认识表单标签及其属性010-4掌握单行文本框、密码框、单选按钮、复选框、重置按钮、图像域、文件域等使用方法010-5掌握使用CSS样式控制表单K10-1表格、行、单元格、

14、标题标签K10-2使用CSS样式控制表格K10-3表单标签及其属性K10-4单行文本框、密码输入框、单选按钮、复选框、重置按钮、图像域、文件域等K10-5使用CSS样式控制表单4理论实践一体化教学11终结性考核011-1：掌握常用HTML标签应用方法011-2：掌握盒模型应用方法011-3：掌握常用CSS属性应用方法011-4：掌握浮动与清除浮动属性、定位属性的应用方法011-5：掌握导航栏的制作方法011-6：掌握两列布局的方法K11-1：常用HTML标签应用K11-2：盒模型应用K11-3：常用CSS属性应用KU4：浮动与清除浮动属性、定位属性的应用K11-5：导航栏的制作K11-6：两列布局412机动两列布局网页设计012-1：熟练掌握绝对定位与