下载文档原格式
《网页美工CSS+DIV》课程标准一、课程的性质《网页美工CSS+DIV》是计算机类专业核心课程，具有较强的技术性与实践性。
课程目标是让学生掌握网站的建设与网页美工等方面的知识，重点培养学生用CSS+DIV的知识布局和美化网站。
通过充分利用CSS技术制作出令人眩目的网页效果。
本课程学习的前导课程有《网页制作基础》、《图形图像基础》，后续课程有《PHP程序设计》、《Lamp高级应用》、《H5+CSS3》等。
二、课程设计理念1、本课程标准的设计以就业为导向，根据计算机类专业学生的就业岗位：网页美工师、网页设计师、网站开发工程师等来设置教学进度、选择教学方法和教学评价。
以项目为单元的方式组织教学，按照网站开发流程，从模拟到创意制作，在实践过程中加深对专业知识、技能的理解和应用，培养学生的综合职业能力，满足学生职业发展的需要。
在教学过程合理布置教学任务，以课堂任务、每周任务、每月任务、学期任务，这样一个循序渐进的任务布置，使学生通过一个学期的学习能制作出一个具有自己个性、美观、使用的网站。
完成任务的过程同时也是学生把所学知识应用到实践的过程。
教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。
2、本门课程的总学时为36，其中理论课学时为12节，实践课学时为24节。
以基于工作过程的课程开发理念为指导，以职业能力培养和职业素养养成为重点，根据技术领域和职业岗位（群）的任职要求，以实际案例为载体，对课程内容进行序化。
通过教学模式设计、教学方法设计、教学手段的灵活运用、教学目标的开放性设计、教学考核方法改革等，保证了学生专业能力、方法能力和社会能力的全面培养。
3、课程开发思路按照“以能力为本位、以职业实践为主线，以项目课程为主题的模块化专业课程体系”的总体设计要求，学生系统学习基本知识、掌握知识结构框架及要点，理解不同模块、不同章节的重点和难点，通过课堂讲解和项目模块化案例练习，使学生熟练掌握知识点。
网页的美化教案简介:在现代社会中，网页已经成为了人们获取信息和交流的重要工具。
然而，大多数网页都缺乏吸引力和个性化，这使得用户对其产生疲劳感。
为了提高用户体验和吸引用户眼球，我们需要对网页进行美化。
本文将提供一份网页的美化教案，帮助您打造一个独特、吸引人的网页。
一、颜色搭配1. 选择主题颜色：首先，确定一个适合您网页主题的颜色。
可以通过色彩搭配工具或者网上搜索获取灵感。
例如，对于时尚类网页，可以选择明亮、鲜艳的颜色；对于企业类网页，可以选择稳重、专业的颜色。
2. 搭配配色方案：选择一组配色方案，包括主色调和辅助色调。
一般建议主色与辅助色相互补充，创造出富有层次感的页面效果。
3. 使用色彩的注意事项：- 避免过多鲜艳的颜色，以免给用户眼睛带来不适；- 注意色彩的对比度，确保文字和背景之间的视觉清晰度；- 添添加容易与主要内容混淆的颜色，以保持页面整洁。
二、排版设计1. 字体选择：选择适合您网页主题的字体，例如对于时尚类网页，可选择一种流行、有个性的字体；对于企业类网页，可选择一种专业、易读的字体。
2. 提升阅读体验：- 适当调整行距，以提高文字的可读性；- 使用段落和标题的区分，让用户更容易找到所需信息；- 设置合理的段落长度和行宽，避免用户阅读时出现不适。
三、视觉效果1. 背景图片或颜色：根据网页主题和风格，选择适合的背景图片或配色方案。
注意图片不要过大，以免影响页面加载速度。
2. 图标和按钮设计：- 使用合适的图标，增加页面的可视化效果；- 设计独特的按钮样式，增加用户互动性；- 保持图标和按钮的一致性，提高用户的操作便捷性。
四、布局设计1. 确定网页布局：根据页面内容和功能，决定合适的布局方式，如常见的单列、双列或多列布局。
2. 确保页面整洁：- 留白的使用：合理利用留白，使页面看起来清爽、整洁；- 图片和文本的平衡：确保图片与文本之间的平衡，使页面视觉效果更佳；- 模块的排列：根据内容的重要性和相关性，合理安排模块的位置。
《网页的美化》教学设计●主要教学内容：设置网页的背景、设置表格（单元格）的背景、设置背景音乐、插入Flash动画和插入滚动字幕。
网页是否美观大方，很大程度上取决于各元素的色彩搭配是否和谐得当、色调是否与网站主题相吻合，以及网站中元素是否能满足网站要表达的感情等。
对网页进行美化是每一个网站建设者的不懈追求。
网页美化是对前期所做的网页的修饰，是提升网站可观赏性的一个非常重要的手段，是网站建设中一个非常重要的环节。
●1、知识目标了解美化网页的常用方法，理解美化网页对提高网站质量的作用。
2、技能目标学会在网页中设置背景、音乐、Flash动画和滚动字幕。
3、情感态度与价值观目标提高审美意识，善于发现美，美化生活从自身做起。
本课的重难点重点：设置网页背景、设置背景音乐、插入Flash动画和滚动字幕难点：网页的色彩调配本课的课时分配建议一课时●教学过程中，采用了情景导入、任务驱动的教学方法，教师的演示后，让学生自主完成任务一至任务五，合作完成综合练习。
●网络多媒体教室●学生自评、小组互评、老师评价相结合。
●【导入新课，明确学习目标】【范例精讲，学生自主探究，完成任务】【综合实践，巩固与提高，自由创作，迁移运用】【教学总结，设疑激趣，为下一节课作好铺垫】本节课通过创设生动、直观、形象的情景，激发学生学习的兴趣，采用任务驱动的方法，先让学生通过自主完成任务，实现教学目标，然后小组合作完成综合任务，展示评价学生作品，激发学生的创作欲望。
通过学生自主创作，不但使学生学会了网页美化的基本操作及方法，更能培养学生的创新能力和审美观点。
学情分析学生通过前一段时间的学习，已经有了一些网页制作的知识和技能，本节的学习是在此基础上进行知识的提升和能力的提高。
逐步引导学生成为网页的“美化大师”。
丰富多彩的网站，各具特色，很容易激发学生的学习欲望，希望能够在网页美化上有一展身手的个人舞台。
然而，大部分学生对网页的美化缺乏知识的铺垫，通过本节课的学习，教师创设好情境，给出任务，通过讲解和指导，引导学生步入美化网页的学习和体验。
云课堂教学在《网页美化与布局》课程中的探索与应用近年来，随着互联网技术的不断发展，云课堂教学逐渐成为教育界的一大趋势。
在这种背景下，我们也需要不断探索和应用云课堂教学的优势，以更好地满足学生的需求。
本文将以《网页美化与布局》课程为例，探讨云课堂教学在该课程中的探索与应用。
一、云课堂教学的优势二、《网页美化与布局》课程的内容和特点《网页美化与布局》是一门旨在帮助学生掌握网页美化和布局技术的课程。
该课程内容主要包括CSS样式表的基本语法和用法、布局技术、响应式布局等内容。
该课程的特点是实用性强，对学生的动手能力和创造力提出了较高的要求。
1. 多媒体教学：云课堂教学平台为我们提供了丰富多样的教学资源，我们可以通过上传视频、音频、图片等多种形式的教材来给学生讲解课程内容，增强学生的学习体验。
在《网页美化与布局》课程中，我们可以通过上传一些案例分析的视频，让学生更加直观地理解各种布局技术的应用和实例，帮助学生更好地掌握知识。
2. 互动式教学：云课堂教学平台具有很好的互动性，我们可以通过在线的讨论区、实时答疑等方式，与学生进行互动式教学，解答学生的问题，促进学生的思考和创造。
在《网页美化与布局》课程中，我们可以利用互动式教学，让学生更加积极主动地参与到课程中，主动提出问题，与老师和同学进行交流，深化对知识点的理解。
3. 作业和实践：云课堂教学平台为学生提供了在线提交作业的功能，我们可以通过布置一些实践性的作业来巩固学生的知识，培养学生的实践能力。
在《网页美化与布局》课程中，我们可以布置一些实践性的作业，让学生动手实践，巩固所学知识，提高学生的动手能力和创造力。
4. 线上考试：云课堂教学平台还可以为学生提供在线考试的功能，我们可以通过布置线上考试来对学生的学习情况进行检测和评价。
在《网页美化与布局》课程中，我们可以通过线上考试对学生的掌握情况进行检测，为学生的学习提供及时的反馈。
四、总结云课堂教学在《网页美化与布局》课程中有着广泛的应用前景。
《网页的美化》教学设计教材分析：《美化网页》是八年级教材第2章《网页制作》第4节内容，它是在学生学会建立站点、丰富网站的内容基础知识后，学习怎样对网页进行修饰和美化，使网页制作的水平进一步提高，以达到让人赏心悦目、流连忘返的目的，并为下一节的超级链接打下基础。
因此，本节课承上启下，对学生提高制作网站的兴趣和信息处理的能力上都有十分重要的作用。
教学目标：1、了解美化网页的常用方法，理解美化网页对提高网站质量的作用。
2、学会在网页中设置背景、音乐、Flash动画和滚动字幕。
3、提高审美意识，善于发现美，美化生活从自身做起。
教学重点、难点：重点：本课的重点是设置网页的背景。
让学生逐步学会知识的迁移和新旧知识的融会贯通。
让学生知道计算机中的许多操作都是相通的或类似的。
难点：本课的难点是插入滚动字幕和插入Flash动画。
教法方法：1、采用“任务驱动”教学法，以指导学生完成一个个具体的学习任务而开展课堂教学，以尝试发现、综合对比、总结归纳、网络教室直观演示等形式贯穿整个教学过程。
2、采用以点带面的方法，让学生进行分组练习，会的带动不会的。
学法：为引导学生自主探究学习，培养学生良好的学习方法与学习习惯，通过上述教法，坚持以学生自主学习为主，让学生通过观察，自己发现问题、分组研讨问题、亲自尝试、合作解决、最后由学生自己归纳总结，来完成本课的五个任务。
让学生以练为主，以亲自尝试实践、积极动脑动手来学习新知。
教学过程设计：（一）情景导入首先通过两个装修前后房间的比较，让学生回答喜欢哪一个房间？同学们都喜欢装修后的，从而得出，同一个房间，经过修饰之后，就会变得美观、漂亮。
学生回答，教师总结：多了音乐、背景、FLASH动画和滚动字幕。
那么怎样来实现这些修饰效果呢？今天我们就来共同探讨如何在网页中插入音乐、背景、动画和滚动字幕。
从这节课开始，网页在我们的手中将会变得五彩斑斓。
（二）新授内容划分团队，小组比赛，通过幸运星的奖励培养学生的竞争意识和集体荣誉感。
《网页美工》课程标准课程名称：网页美工适用专业：计算机网络专业计算机应用专业1、前言1.1课程的性质《网页美工》是我校计算机网络专业网站建设方向的一门必修课程。
本课程的主要内容为介绍网页美工设计所必须掌握的基础知识和美学原理，包括颜色理论、图像设计、动画设计、字体设计及总体版式设计等；此外，还详细介绍在实际制作过程中所应用到的经典实例；以便能让学生毕业后不需要企业另外对其培训就能从事相应的网页美工和界面设计方面的工作。
本课程以《photoshop》、《flash》、《网页制作基础》等课程为基础，为后续的《中小型网站建设》等专业课程打下坚实的基础。
1.2设计思路网页的制作和美化是学校计算机网络技术专业网站建设方向的学生要求掌握的专业技能和知识。
本课程主要培养学生具有美学原理的基础知识，以及将这些基础知识应用于图像设计、动画设计、字体设计和版式设计等设计形式的基本能力。
这些能力主要用于网页界面设计和软件界面设计等平面设计及多媒体专业岗位群。
学校《网页美工》建设小组经过深入的调研，邀请面设计及多媒体设计等相关行业的专家里手做多次的专业岗位任务和职业能力分析，主要依据网页设计美工和软件界面设计等岗位群作为目标岗位来设置相应的课程内容。
本课程在教学内容的编排上，注意学生的认知规律，主要依据由浅入深的递进方式来安排学习和实训的任务。
其主要思路为：在阐述网站设计理念的基础上，将网页美工划分为网页平面构成、网页的色彩搭配、网页中的字体设计、排版与布局、网络动画、网络形象设计与广告传媒等几个部分，然后分别从网页美工的各个方面进行了详细的讲解；以便学生能够熟悉和灵活运用相关的知识。
本课程建议总学时为64学时。
2、课程目标本课程的教学目标是：以现代职业教育理念为指导，通过先进的教学手段，使学生充分掌握网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和基本技能的水平。
《网页的美化》教学设计间（分）教学内容师活动生活动计意图4 G. 过程评价：学生演示操作：任务三。
教师总结：提醒同学们在操作时要注意：1. 准备素材时要分文件夹放置（imamges , sound , swf）；2. Flash影片属性的“透明”属性；3. 字幕的表现方式、连续次数。
让学生再整改。
组织演示总结提醒演示整改网页培养表达能力培养整改意识6 H. 拓展探究：根据我们所学到的知识，看看能否将主页中的Banner加动画效果，结果如下图。
素材：（１）D:\素材\rain.swf；（２）D:\素材\banner3.png。
（注意空中雨滴，水上波纹 rain.swf动画）提示：可以浏览学习网站——拓展探究改名，复制：将“D:\情感小屋”文件夹改名为“情感小屋—网页的美化”，并将该文件夹复制到自己的网盘中。
（因为学生机都安装了还原卡，所以必须保存在网盘中，以后才可以继续制作。
）提出问题巡视指导布置任务思考问题探究操作改名复制探究学习巩固记忆复制到自己网盘中以备以后继续制作5 总结归纳：（5分钟）网页的美化一、美化网页的作用二、美化网页的方法三、美化网页的流程播放总结归纳观看回忆听讲梳理对知识点进行梳理。
云课堂教学在《网页美化与布局》课程中的探索与应用
在云课堂教学中，课程《网页美化与布局》是一门非常重要的课程之一。
通过该课程
的学习，学生能够了解网页的美化与布局的基本原理和方法，并能够应用这些知识来设计
出美观、实用的网页。
云课堂教学中的《网页美化与布局》课程的首要目标是使学生掌握网页美化与布局的
基本原理和方法。
在课程中，教师通过详细的讲解、案例分析和操作演示等形式，向学生
介绍了网页设计的基本原则，如色彩搭配、字体选择、排版布局等。
教师还向学生展示了
一些常用的网页美化技巧，如背景图片的选取、按钮的设计、图标的应用等。
通过这些教
学内容的学习，学生能够了解网页美化与布局的基本要求，为后续的实践操作打下坚实的
基础。
在课程的实践环节中，学生将学到的知识应用到实际的网页设计中。
在云课堂中，学
生可以通过图像处理软件设计出自己想要的网页样式，并将设计好的样式应用到云课堂的
网页中进行展示。
通过这种实践操作，学生能够更加深入地理解网页美化与布局的原理和
方法，并能够运用这些知识来设计出自己满意的网页。
学生还可以通过云课堂的讨论功能，与老师和其他同学分享自己的设计成果，并从中获得反馈和建议，进一步提高自己的设计
水平。
云课堂教学中的《网页美化与布局》课程还具有一定的开放性和创造性。
在课程中，
教师鼓励学生充分发挥自己的想象力和创造力，设计出独特、个性化的网页样式。
通过这
种开放性和创造性的学习方式，学生能够从中培养自己的设计思维和创新能力，并能够更
好地适应互联网时代的发展需求。
《网页布局与美化》课程标准
一、课程概述
1.课程性质
《网页布局与美化》是数字媒体应用技术专业针对网页设计、网页制作、网页美工等关键岗位，经过对企业岗位典型工作任务的调研和分析后，选择真实工作项目为教学载体，根据数字媒体公司应用性人才的实际要求，重构课程内容，归纳总结出来的为适应网页设计、网页美化等岗位要求的网页设计和网页美化能力要求而设置的一门专业核心课程。
2.课程任务
《网页布局与美化》课程通过对“文本网页的布局与美化”、“图文混排网页的布局与美化”、“网列表网页布局与美化”、“带阴影效果的相册网页布局与美化”、“弹力球动画效果网页的布局与美化”、“横向导航栏制作”、“两列布局网页设计”、“图像动画效果网页布局与美化”、“表格与表单网页布局与美化”9个教学项目的学习，在学生具备一定的网页制作能力的基础上，主要培养学生使用编码方式进行网页布局与美化的方法和技巧，培养学生使用编码方式进行网页设计、网页制作、网页美化的专业能力，以及团队协作、综合分析、创新创意等综合素质和能力，为后期课程如《移动H5页面制作》、《网页特效》和《毕业设计与答辩》奠定网页布局与美化基础。
3.课程要求
《网页布局与美化》课程主要采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模式开展教学，课程的理论实践一体化教学全部安排在设施先进的理实一体教室进行，教学中以学生自主学习为主，采用多种学习素材及教学手段，教师全程负责答疑解惑、指导项目制作，充分调动师生双方的积极性，达成教学目标。
二、教学目标
1.知识目标
（1）掌握网页标题、文本、段落标签的应用及其CSS属性的设置方法；
（2）掌握网页图像标签的应用及其CSS属性的设置方法；
（3）掌握网页列表与表格的应用及其CSS属性的设置方法；
（4）掌握网页超链接标签及属性的应用方法；
（5）掌握导航栏设计与制作方法；
（6）掌握网页表单标签、表单属性和表单控件的应用方法；
（7）掌握CSS盒模型概念、CSS选择器的应用与CSS样式引入方法等；
（8）掌握背景颜色、背景图像、浮动与清除浮动、定位等CSS属性的应用方法；
（9）掌握常用网页布局方法。
2.能力目标
（1）能应用文本、段落、标题标签，设置其CSS样式；
（2）能应用图片标签，设置其CSS样式；
（3）能应用网页列表与表格标签，设置其CSS样式；
（4）能应用表单元素、表单控件、表单属性，设置表单元素、表单控件CSS样式；
（5）能进行背景颜色、背景图像等基本CSS属性的设置；
（6）能应用超链接标签，设置其CSS样式；
（7）能应用列表标签与超链接标签及其CSS属性制作导航栏；
（8）能使用DIV+CSS进行网页整体布局与美化。
3.素质目标
（1）培养理论结合实践分析问题和解决问题的能力；
（2）培养学生认真负责、乐观向上的敬业精神；
（3）培养学生沟通协作的团队意识；
（4）培养学生知识获取和应用的自主学习能力；
（5）培养学生探索实践的创新能力；
（6）具有一定的科学思维方式和判断分析问题的能力；
（7）具有较强的网页样式设计创意思维，艺术设计素质。
三、与前后课程的联系
1.与前续课程的联系
《网页设计与制作》使学生熟悉了网页基础知识，初步具备了网页制作能力，为学生的HTML、CSS代码学习打下了基础。
2.与后继课程的关系
为学生后续课程《网页特效》、《网页制作综合训练》、《毕业设计与答辩》提供了网页布局与美化的技术支持。
四、教学内容与学时分配
根据职业岗位网页设计、网页制作、网页美工的要求，将本课程的教学内容分解9个教学项目，采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模式开展教学，课程项目结构与学时分配如表1所示。
五、教材的选用
1.教材选取的原则
按照规定选用与课程标准相配套的规划优质教材.，禁止不合格的教材进入课堂。
建立由专业教师、行、业专家和教研人员等参与的教材选用机构，完善教材选用制度，经过规范程序择优选用教材。
教材选取遵循“适用、实用、够用”的原则。
（1）适用。
教材要以D1V+CSS为基础，符合网页设计、网页美工、淘宝美工等岗位的网页布局能力要求和本课程的培养目标。
（2）实用。
教材应以真实项目为主线，按照高职学生认识规律，将知识点序化在各个教学任务中，编写教材内容。
强调理论与实践的结合，便于实现“教、学、做”三位一体。
符合高职数字媒体应用技术学生特点。
（3）够用。
教材的内容主要包括网页布局基本知识和CSS美化技术。
不涉及太多、太深的纯理论性知识。
2.推荐教材
（1）陈承欢.《HTML5+CSS3网页美化与布局任务驱动式教程》（第2版）［M］北京：高等教育出版社，2015.
（2）王欣.《网页设计与制作》［M］北京：机械工业出版社，2017.
六、教师要求
担任本课程的主讲教师需要熟练掌握网页设计和网站开发的相关知识，具有一定的网页设计和网站开发经验，同时应具备较丰富的教学经验和课堂组织能力。
专任教师具有教师资格和本专业职业资格或技能等级证书；有理想信念、有良好职业道德、有扎实学识、有仁爱之心；具有数字媒体应用技术和计算机应用等相关专业本科及以上
学历；具有扎实数字媒体应用技术技术相关理论和实践能力；具有较强的信息化资源应用和
开发能力。
兼任教师主要从相关企业聘任，具备良好的思想政治素质、职业道德和工匠精神，具有扎实的数字媒体应用技术专业知识和丰富的实际工作经验，具有中级及以上相关专业技术职称，能承担本课程教学、实习实训指导等教学任务。
七、学习场地、设施要求
理实一体教室，教室配备黑(白)板、多媒体计算机(48台，安装HBuilder软件和多媒体教学软件)、投影设备、音响设备，互联网接入或WiFi环境，并具有网络安全防护措施。
安装应急照明装置并保持良好状态，符合紧急疏散要求、标志明显、保持逃生通道畅通无阻。
支持信息化教学方面的基本要求
具有一定网络软硬件条件及终端，能够提供数字化教学资源库线上学习、文献资料查阅、常见问题解答等信息化条件。
八、课程资源的开发与利用
专业教师积极开发《网页布局与美化》课程的信息化网络教学资源并有效利用，包括课程标准、授课计划、电子教案、教学资源库等教学文件，及多媒体教学课件、项目库、试题库、精品在线开放课程等资源。
基于智慧职教、爱课程、超星、钉钉、腾讯云等各类教学平台，创新线上线下混合的教学方法，引导学生利用信息化教学条件自主学习，提升教学效果。
九、考核标准与方式
《网页布局与美化》课程采用过程性考核与终结性考核相结合的方式进行考核，主要考
核学生的职业技能和职业素养，课程具体评价方法和内容如表2所示。
表《网页布局与美化》课程评价方法和内容。
