网页设计与制作案例教程课程标准

《网页设计与制作案例教程》课程标准【课程名称】网页设计与制作 【课程编码】【课程类别】专业基础课 【适用专业】计算机相关专业【授课单位】 【总学时】48【教材】胡秀娥，《网页设计与制作案例教程（第2版）》，航空工业出版社，2021年11月【编写执笔人】 【编写日期】一、课程定位和课程设计1.1课程性质本课程是面向计算机相关专业的一门专业基础课，涉及网页设计、制作等技术。本课程具有很强的实践性，对于培养学生的实践能力、创新能力、分析和解决问题的能力都起到十分重要的作用。1.2课程设计思路课程教学目标和组织在“定向对接，工学一体”人才培养模式的理念和方法指导下，以典型工作任务教学贯穿课程始终，突出实践教学过程，强化实践教学环节管理，增强实践教学效果。针对市场需求，以学生为本，选取循序渐进的典型工作项目“学习包”为载体构建学习情境，营造“易学乐学”的学习氛围，培养学生的专业能力、方法能力和社会能力。以学生为中心、工作过程为导向，采用小组化教学，融“教、学、做”为一体，培养学生的职业工作能力、团队协作能力和创新能力。保持课程的开放性，培养学生的可持续发展能力。二、课程目标1．知识目标（1）熟悉网页设计与制作的基础知识。（2）熟悉DreamweaverCC的工作界面和站点的相关知识。（3）熟悉HTML5和CSS3的基础知识。（4）熟悉文本标签，图像标签，多媒体标签的基础知识。（5）熟悉列表标签，超链接标签的基础知识，熟悉制作简单导航栏的方法。（6）熟悉表格的基础知识,表单的基本结构和输入标签的基础知识。（7）熟悉盒子模型，网页布局的基础知识。（8）熟悉行为、动作与事件的基础知识。（9）熟悉JavaScript语言的基础知识。（10）熟悉模板，熟悉库项目的基础知识。（11）熟悉制作网站的实际流程。2．能力目标学习网页制作的基本知识，掌握网页的制作过程，能够使用DreamweaverCC制作网站并发布。培养学生的具体应用能力。3．素质（思政）目标（1）有意识地培养自己的审美能力，并运用到工作中；（2）锻炼学生的实践能力，培养学生的探究精神；（3）明白各种事物都有其独特的功能性；（4）保持积极的学习态度，增强自身工作能力。（5）学习工匠精神，培养认真、严谨的工作态度。三、课程内容与教学要求本课程内容分为10个项目，内容包括网页设计与制作基础，站点的创建与管理，认识HTML5与CSS3软件基础，在网页中添加多种元素，例如文本，图像，多媒体，列表，超链接，表格与表单等，网页布局基本知识，设计网页交互与特效以及网页制作综合应用案例，其教学要求和课时分配如表1所示。表1《网页设计与制作案例教程》课程要求及课时分配表序号课程名称教学内容教学要求课时分配1网页设计与制作基础（1）网页设计基础（2）网页制作基础（3）了解网页设计与制作相关职位的职责（1）熟悉网页设计的基础知识（2）熟悉网页制作的基础知识（3）能够分析总结网站的特点（4）能够保存、编辑与运行网页文件42站点的创建与管理（1）认识DreamweaverCC（2）DreamweaverCC基本应用（3）创建“图书交易网”站点（1）熟悉DreamweaverCC的工作界面（2）熟悉站点的相关知识。（3）能够调整DreamweaverCC的工作界面（4） 能够使用DreamweaverCC创建并管理本地站点43HTML5与CSS3基础（1）HTML5基础（2）CSS3基础（3）制作“图书交易网”主页的“网站介绍”模块（1）熟悉HTML5的基础知识（2）熟悉CSS3的基础知识。（3）能够使用DreamweaverCC设置网页内容（4）能够使用DreamweaverCC设置网页样式44网页文本、图像与多媒体（1）在网页中添加文本（2）在网页中添加图像（3）在网页中添加多媒体（4）制作“图书交易网”主页的“图书推荐”模块（1）熟悉文本标签的基础知识（2）熟悉图像标签的基础知识（3）熟悉多媒体标签的基础知识（4）能够使用DreamweaverCC为网页添加文本与特殊字符，并设置样式（5）能够使用DreamweaverCC为网页添加图像并设置样式（6）能够使用DreamweaverCC为网页添加多媒体文件并设置样式65网页列表与超链接（1）在网页中添加列表（2）在网页中添加超链接（3）制作常见导航栏（4）制作“图书交易网”主页的导航栏（1）熟悉列表标签的基础知识（2）熟悉超链接标签的基础知识（3）熟悉制作简单导航栏的方法（4）能够使用DreamweaverCC为网页添加列表并设置样式（5） 能够使用DreamweaverCC为网页添加超链接并设置样式（6）能够使用DreamweaverCC制作简单导航栏66网页表格与表单（1）在网页中添加表格（2）在网页中添加表单（3）制作“图书交易网”反馈意见页（1）熟悉表格的基础知识（2）熟悉表单的基本结构（3）熟悉输入标签的基础知识（4）能够使用DreamweaverCC为网页添加表格并设置样式（5）能够使用DreamweaverCC为网页添加表单并设置样式47网页布局（1）网页布局基础（2）经典网页布局（3）响应式布局（4）布局“图书交易网”主页（1）熟悉盒子模型的基础知识（2）熟悉网页布局的基础知识（3）熟悉视口与媒体查询的基础知识（4）能够使用DreamweaverCC对网页进行基础布局（5）能够使用DreamweaverCC为网页构建响应式布局68网页交互与特效（1）在网页中添加行为（2）JavaScript基础（3）制作“图书交易网”主页的Banner（1）熟悉行为、动作与事件的基础知识（2）熟悉JavaScript语言的基础知识（3）能够使用DreamweaverCC在网页中添加行为（4）能够使用DreamweaverCC为网页引入JS文件，并编写JavaScript代码49模板与库（1）模板的基本操作（2）库的基本操作（3）创建并应用模板制作“图书交易网”小说投稿页（1）熟悉模板的基础知识（2）熟悉库项目的基础知识（3）能够使用DreamweaverCC在网页中创建并应用模板。（4）能够使用DreamweaverCC为网页中创建并应用库项目410综合案例——制作金企鹅酒店网站（1）准备工作与站点创建（2）制作“金企鹅酒店”网站主页（3）制作“金企鹅酒店”网站在线预订页（1）熟悉制作网站的实际流程。（2）能够使用DreamweaverCC制作网站并发布。6合计48四、课程实施4.1教学条件我校十分注重建设和完善本课程的教学设施，如多媒体教室、机房、网络教学平台、网络数据库等。同时，我校有一支强大的师资队伍，可以为本课程的教学出谋划策。4.2教学方法建议本课程遵循“教师引导，学生为主”的原则，采用讲解、多媒体演示、场景模拟法、讨论、翻转课堂等多种方法，努力为学生创设更多知识应用的机会。（1）讲解法：主要用于讲授基础知识、行业岗位知识等理论性较强的知识。（2）多媒体演示法：在讲解过程中，借助音频、视频、图片等直观手段来呈现教学内容，在激发其学习兴趣和积极性的同时，不断提高其知识储备能力和综合文化素质。（3）场景模拟法：针对所教内容布置任务，引导学生通过情景化的模拟训练来提升知识的实际应用能力和职业素养。（4）讨论法：根据知识点，鼓励学生运用所学知识进行主题讨论，使其在讨论中逐步提升交际能力、思辨能力、解决实际问题的能力等。（5）翻转课堂法：坚持学生的主体地位，鼓励学生在课上对自己学到的知识点进行分享和讲解，并对其讲解进行补充和评价，不断完善学生的知识结构，加深其对所学知识的理解。（6）练习法：学生在教师指导下进行巩固知识、运用知识，形成技能技巧的教学方法。。练习法以一定的知识为基础，具有重复性特点，在各科教学中被广泛使用。它不仅能使学生巩固和运用所学的知识，形成一定的技能、技巧，而且还有利于培养学生克服困难的毅力、一丝不苟的工作态度等优良品质。教师在教学过程中，可根据学生的实际情况灵活选用教学方法，因材施教，尽量照顾到每一个学生的学习需求。4.3教学评价与考核要求课程的教学评价由形成性测评（40%）和终结性测评（60%）组成，其考核要求如下：1．形成性测评形成性测评考核学生在学习本课程过程中的学习情况和实际应用能力的发展情况，包括出勤考核（10%）、课堂参与程度考核（10%）、作业完成质量考核（20%）等。（1）出勤考核：本项考核通过课前点名考核学生的课堂出勤率。迟到15分钟以内每次扣1分，迟到15分钟以上或无故缺勤一节课每次扣2分，该项考核累计最多扣10分。（2）课堂参与程度考核：本项考核主要通过课堂提问和课堂积极发言来评判学生的学习态度、学习主动性、课堂参与程度，以及学生的思辨能力、问题解决能力及其对课堂教学知识的掌握情况等。只要学生能按时上课听讲，即可获得5分的基本分。学生上课发言一次，即可另外获得0.5分，课堂发言最多可得5分。学生的最后成绩为“5+课堂发言得分”。（3）作业完成质量考核：本项考核主要通过学生作业来检测其对教学主体内容的掌握与理解程度、实际应用知识的能力、自主学习能力、信息收集与处理能力等。每次作业成绩按照相应标准而定，学生作业质量划分为优秀（10分）、良好（8分）、中等（7分）、及格（6分）和不及格（0分）五个档次。最后的作业成绩为学生作业完成质量成绩的平均数。2．终结性测评终结性测评主要考核学生在学完本课程后所达到的水平，通过期末考试进行考核。期末考试由闭卷笔试（60%）组成，主要评估学生对本门课程基本知识的掌握情况与综合运用能力。五、课程资源开发与利用5.1教材使用1．建议教材胡秀娥，《网页设计与制作案例教程（第2版）》，航空工业出版社，2021年11月。2．参考书目向知礼、兰飞、钱霞，《网页