《网页设计基础》课程标准

《网页设计基础》课程标准课程名称：网页设计基础课程性质：专业必修课学分：2.5分计划学时：40学时适用专业：数据技术、计算机应用技术等计算机相关专业=1\*CHINESENUM3一、课程性质与定位《网页设计基础》是大数据技术、计算机应用技术等计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容。通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。二、课程目标（1）能力目标●能熟练运用Hbuilder、VisualStudioCode、WebStorm、Sublime、Dreamweaver等中任意一款应用软件。●熟练掌握在网页中加入文字、列表、图像、超链接等元素的方法。●学会制作表格。●学会制作表单。●学会用DIV+CSS布局网页的方法。●学会运用CSS对网页元素进行格式设计。（2）知识目标●了解网页设计的基础知识。●掌握在网页中插入文本、列表、图像、超链接的方法。●掌握表格的设计方法。●掌握表单的设计方法。●掌握DIV+CSS布局技术。●掌握CSS美化网页的方法。（3）其他目标●具有勤奋学习的态度，严谨求实、创新的工作作风。●具有良好的心理素质和职业道德素养。●具有高度责任心和良好的团队合作精神。●具有科学思维方式和一定的唯物辩证法思想。●具有较强的网页设计创意思维、艺术设计素质。=3\*CHINESENUM3三、设计思路本课程的设计思路是，打破传统学科课程模式，以工作任务为中心组织课程内容，依据完成具体工作任务需求来学习相关的理论知识，逐步拓展职业岗位的能力。网页设计教学内容主要包括：以案例式教材任务驱动为主线的方法编排，全书共分为16个案例任务，引导读者学习网页设计、制作、规划的基本知识以及项目开发的完整流程。每个项目以能完成某项工作岗位任务为目标，一个项目又分解成多个技能学习训练单元。课程内容组织重点突出对目标职业能力的训练，理论知识的选取则紧紧围绕工作任务完成的需要来进行，既要满足高职教育对职业技能要求，又要考虑兼顾相关理论知识学习，还要兼顾相关职业资格证书考证所需知识与技能的学习。本课程的课时设计为：总学时40学时，采用一体化教学方式（其中，知识部分约20学时，实践部分约占20学时），共计2.5学分。=4\*CHINESENUM3四、教学内容与学时分配本书共40个学时，根据每一章节难易程度划分学时时长。序号项目主要内容学时1HTML5基础任务1创建第一个HTML5页面2任务2制作“HTML5”百科页面2任务3制作电影影评网页面22网页样式表CSS任务4制作“鲜花导购”页面3任务5制作“荷塘月色”页面3任务6制作“菜品欣赏”图文页面3任务7制作“音乐排行榜”页面33使用CSS设置链接、列表与菜单任务8CSS美化下拉菜单3任务9制作八大行星科普网页3任务10美化“网上书店”页面的导航条3任务11为“网上书店”页面添加超链接3任务12美化“网上书店”页面中的超链接24应用和美化表格任务13制作“热销排行榜”2任务14美化“热销排行榜”表格25应用和美化表单任务15制作“反馈意见”页面2任务16制作“学员信息登记表”页面2=5\*CHINESENUM3五、考核标准（一）考核要求表1《网页设计基础》课程考核总体要求考核类别平时过程性考核课程结果性考核考核要求平时表现30%（考勤、作业、课堂表现等）+阶段(模块)考核10%期末考核60%课程任课教师要按照课程考核要求实施考核，注意做好学习过程、到课情况、平时作业、实验（践）情况、考核情况的相关记录，作为学生最终评定成绩的明确依据，并与成绩册一同形成成绩档案保存。（二）考核标准表2课程学业质量考核标准教学内容考核评价方式成绩构成平时阶段性考核项目一HTML5基础整个考核评价采取学生自评、学生互评和教师评价相结合的方式学生自评占比30％。学生互评占比30％。教师评价占比40％。项目二网页样式表CSS整个考核评价采取学生自评、学生互评和教师评价相结合的方式1）学生自评占比30％。2）学生互评占比30％。3）教师评价占比40％。项目三使用CSS设置链接、列表与菜单整个考核评价采取学生自评、学生互评和教师评价相结合的方式1）学生自评占比30％。2）学生互评占比30％。3）教师评价占比40％。项目四应用和美化表格整个考核评价采取学生自评、学生互评和教师评价相结合的方式1）学生自评占比30％。2）学生互评占比30％。3）教师评价占比40％。项目五应用和美化表单整个考核评价采取学生自评、学生互评和教师评价相结合的方式1）学生自评占比30％。2）学生互评占比30％。3）教师评价占比40％。课程结果性考核理论考试占比60%、实践考核占比10%、平时表现占比30%。六、实施建议=1\*Arabic1.教材选用建议参考教材：《网页设计基础》（活页式教材），罗印、刘衍会、贺纪桦主编，西安电子科技大学出版社，2024.5。=2\*Arabic2.教学建议（1）‌多媒体演示技巧‌：使用多媒体设备进行教学，确保学生能看清代码。可以通过放大代码视图的字体，使用屏幕放大软件ZoomIt，或将屏幕分辨率调低至800*600，以提高清晰度。在演示时，将鼠标光标设置得大些，或者使用具有半透明黄色背景的指针，以吸引学生的注意力‌。（2）‌源代码演示技巧‌：提前准备好课件和源代码，并在Dreamweaver中新建站点目录，以便快速切换演示‌。操作演示时要熟悉步骤，操作简单明了，关键步骤要停留并讲解，避免操作过快或不讲解‌。（3）‌课程内容和教学方法‌：‌课程内容‌：包括HTML、CSS、网页布局设计等基础知识。通过实例和案例分析，让学生学习和借鉴优秀的网页设计作品‌。‌教学方法‌：采用探究式学习法，通过任务驱动式教学法组织教学。设计总任务和若干小任务，鼓励学生小组合作，共同完成网页设计项目‌。（4）‌评估方法‌：评估学生的参与度、练习和作品的质量及创意。通过分组讨论和分享，评价学生的合作和交流能力‌。七、教学条件=1\*Arabic1.教师基本要求（1）有理想信念、有道德情操、有扎实学识、有仁爱之心；悉心教育、立德树人、热爱学生、严谨治学、因材施教、以身作则、务实进取、团结协作，师德高尚。（2）具有良