下载文档原格式
《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。
第一章习题参考答案一、选择题1、A2、A3、B4、C5、A、B、C、D6、A、C、D7、B8、C9、B二、简答题1．答：URL是UniformResourceLocation的缩写,译为“统一资源定位符”，URL是Internet 上用来描述信息资源的字符串,主要用在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。
采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等；2答：文本、图像、动画、视频等。
3.答：网页结构语言的作用是将网页需要的内容以结构化、模块化的方式总结和存储，供表现语言和行为进行调用。
网页结构语言包括可扩展超文本标记语言XHTML 1.0和HTML 5等两种结构语言。
其中，XHTML 1.0为当前被广泛使用的标准，而HTML 5标准则是网页未来将被使用的标准。
网页表现语言的作用是为网页的结构语言定义尺寸、位置、背景，以及文本的各种效果。
目前网页表现的国际标准语言为CSS样式表技术。
网页结构语言和网页表现语言共同作用可以为用户呈现网页的整体画面，然而，网页是一种交互性的媒体，其除了可以呈现内容外，还可以根据用户的界面操作响应各种事件，此时，就需要用到网页的行为语言。
网页的行为语言包括多种类型，例如，JavaScript、JScript以及VBScript等。
4.答：一个完整的HTML5文档包含声明、头部和主体三个部分组成。
第二章习题参考答案一、选择题1.A、B2.A3.B4.D5.D6.D7.C二、简答题1．答：（一）网站功能需求分析；（二）网站的策划，本阶段主要包含网站栏目，内容，产品提炼等等；（三）网站设计，根据策划开始进行设计；（四）程序代码的开发；（五）上线测试；（5）后期维护；2.答：（1）对称与均衡对称分为左右对称、上下对称、重复对称、旋转对称等形式。
对称的造型在大自然中比比皆是，同时也是版式设计常用的构成形式。
对称的形式给人以稳定平衡的感觉，但也容易流于刻板、单调。
网页设计与制作案例教程（HTML5CSS3）素材本文旨在介绍《网页设计与制作案例教程（HTML5 CSS3）素材》的主题和背景。
本教程的主题是网页设计与制作案例教程，重点涵盖HTML5和CSS3素材的使用。
随着互联网的迅速发展，网页设计和制作变得越来越重要。
作为一种应用广泛的技术，HTML5和CSS3提供了丰富的功能和特性，可以使网页呈现出更加精美和交互性强的效果。
因此，研究和掌握HTML5和CSS3的使用对于提高网页设计和制作的质量和效果至关重要。
本教程将为读者提供一系列实际案例，展示如何利用HTML5和CSS3素材设计和制作各种类型的网页。
通过研究这些案例，读者将能够掌握重要的网页设计原理和技巧，提升自己的设计能力，并能够应用到实际项目中。
教程内容涵盖了HTML5和CSS3的基础知识、常用元素和样式以及高级特性的运用。
每个案例都包含了详细的步骤和说明，帮助读者理解和掌握相关的技术和方法。
希望通过本教程，读者可以研究到实用的网页设计和制作技巧，并能够应用到自己的项目中，提升自己的能力和竞争力。
本部分将介绍HTML5的基本概念和语法，包括标签、属性和元素的使用。
HTML5是一种用于构建网页的标记语言，它在HTML4的基础上进行了增强和改进。
HTML标签是HTML文档的基本结构元素，它们用于定义网页的内容和结构。
在HTML5中，标签可以包含属性，用于提供更多的信息和控制网页的呈现方式。
属性可以对标签进行设置，如字体、颜色、大小等。
除了标签和属性，HTML5还引入了一些新的元素，用于创建更丰富和动态的网页内容。
例如，``元素可以用于嵌入视频文件，``元素可以用于绘制图形等。
掌握HTML5的基本概念和语法是网页设计与制作的基础，它将为你提供开发高质量和现代化网页的能力。
待续。
本部分将介绍CSS3的基本概念和语法，包括选择器、属性和样式表的使用。
CSS3（Cascading Style Sheets 3）是一种用于描述网页样式的标记语言，它是CSS的最新版本。
《网页设计与制作》课程教案一、教学目标1. 了解网页设计与制作的基本概念和流程。
2. 掌握HTML、CSS和JavaScript的基本语法和应用。
3. 学会使用网页设计软件进行网页布局和美观设计。
4. 能够独立设计并制作一个简单的网页。
二、教学内容1. 网页设计与制作的基本概念和流程。
2. HTML的基本语法和使用方法。
3. CSS的基本语法和使用方法。
4. JavaScript的基本语法和使用方法。
5. 网页设计软件的使用方法和技巧。
三、教学方法1. 讲授法：讲解网页设计与制作的基本概念和流程，HTML、CSS和JavaScript 的基本语法和使用方法。
2. 示范法：通过实际操作演示如何使用网页设计软件进行网页布局和美观设计。
3. 练习法：学生跟随教师的步骤进行实际操作练习，巩固所学知识。
4. 互助法：学生之间相互讨论和帮助，解决学习中遇到的问题。
四、教学准备1. 教室环境：安装有网页设计软件的计算机。
2. 教学材料：教案、PPT、网页设计软件教程。
3. 网络环境：学生可以访问互联网，查找相关资料。
五、教学过程1. 导入：通过展示一些精美的网页，引起学生对网页设计与制作的兴趣。
2. 讲解：讲解网页设计与制作的基本概念和流程，HTML、CSS和JavaScript 的基本语法和使用方法。
3. 示范：教师使用网页设计软件进行网页布局和美观设计的实际操作演示。
4. 练习：学生跟随教师的步骤进行实际操作练习，巩固所学知识。
5. 讨论：学生之间相互讨论和帮助，解决学习中遇到的问题。
7. 作业：布置相关的练习题目，让学生课后巩固所学知识。
六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度，提问和回答问题的积极性。
2. 练习完成情况：检查学生完成练习的情况，包括正确性和完整性。
3. 作业质量：评估学生作业的质量，包括对知识的掌握程度和创意性。
4. 同伴评价：学生之间相互评价对方的作品，提供反馈和建议。
《网页设计与制作》教案第一章：网页设计基础1.1 网页设计概述介绍网页设计的概念、目的和重要性讨论网页设计的标准和原则1.2 网页设计流程讲解网页设计的基本流程，包括需求分析、设计稿、切片、编码和测试等步骤1.3 网页设计工具介绍常用的网页设计工具，如Photoshop、Dreamweaver、Fireworks等第二章：HTML与CSS基础2.1 HTML概述介绍HTML的概念、作用和基本结构2.2 HTML标签讲解常用的HTML标签，如、段落、图像、、列表等2.3 CSS概述介绍CSS的概念、作用和基本语法2.4 CSS选择器讲解常用的CSS选择器，如类选择器、ID选择器、属性选择器等第三章：网页布局与排版3.1 网页布局概述介绍网页布局的概念和重要性3.2 常用的网页布局方法讲解常用的网页布局方法，如固定布局、百分比布局、弹性布局等3.3 排版与字体介绍排版和字体的概念、作用和常用属性3.4 响应式网页设计讲解响应式网页设计的概念、方法和实现方式第四章：网页特效与交互4.1 网页特效概述介绍网页特效的概念和作用4.2 JavaScript基础讲解JavaScript的概念、作用和基本语法4.3 常用的网页特效与实例讲解常用的网页特效，如鼠标悬停效果、下拉菜单、滚动动画等，并提供实例进行演示4.4 交互式网页设计讲解交互式网页设计的概念、方法和实现方式第五章：网页设计与制作实践5.1 实践项目概述介绍实践项目的需求和目标5.2 网页设计稿制作根据实践项目需求，使用设计工具制作网页设计稿5.3 网页编码与测试使用HTML和CSS编写网页代码，并进行测试和调试讲解网页发布的步骤和注意事项，以及常用的网页推广方法第六章：网页图像与多媒体6.1 图像格式与优化介绍常见的网页图像格式，如JPG、PNG、GIF等，以及图像优化方法6.2 音频与视频讲解如何在网页中嵌入音频和视频，以及常用的媒体格式6.3 Flash动画介绍Flash动画的概念、制作方法和在网页中的应用6.4 动态效果与动画讲解如何在网页中实现动态效果和动画，包括使用CSS动画和JavaScript实现第七章：网页服务器与数据库7.1 服务器概述介绍网页服务器的概念、作用和常用服务器软件7.2 数据库概述介绍数据库的概念、作用和常用数据库管理系统7.3 动态网页制作基础讲解动态网页制作的基本原理，如服务器端编程和数据库连接7.4 实践项目：搭建简易的个人博客系统讲解如何使用服务器和数据库搭建一个简易的个人博客系统，包括前端设计和后端编程第八章：网页安全与SEO介绍网页安全的概念和重要性，以及常见的网络安全威胁8.2 网页安全措施讲解如何防范网络攻击和提高网页安全性，如使用SSL证书、X-Frame-Options 等8.3 SEO概述介绍搜索引擎优化（SEO）的概念、作用和方法8.4 SEO实践技巧讲解如何优化网页内容、结构和，以提高搜索引擎排名第九章：网页设计与制作的进阶技巧9.1 响应式网页设计深入讲解响应式网页设计的原理和实践方法，包括媒体查询和弹性布局9.2 前端框架与库介绍常用的前端框架和库，如Bootstrap、jQuery、React等，以及如何使用它们提高网页制作效率9.3 网页性能优化讲解如何提高网页加载速度和性能，包括图片优化、代码压缩和缓存策略9.4 实践项目：制作一个响应式商务网站讲解如何使用响应式设计和前端框架制作一个商务网站，包括布局、样式和交互设计第十章：网页设计与制作的拓展与趋势10.1 网页设计与制作的未来趋势探讨网页设计与制作的发展方向，如虚拟现实（VR）、增强现实（AR）等技术的应用10.2 网页设计规范与最佳实践介绍网页设计规范和最佳实践，以提高网页质量和用户体验10.3 跨平台网页设计与制作讲解如何使用跨平台技术，如PWA（Progressive Web Apps）、Node.js等，实现网页在不同平台和设备的兼容性和性能10.4 实践项目：制作一个跨平台的网页应用重点和难点解析重点环节1：网页设计基础和流程网页设计的标准和原则是设计的基石，需要重点掌握。
一、教案基本信息教案名称：《网页设计与制作》教案适用课程：网页设计与制作课时安排：共20课时，每课时45分钟教学目标：1. 了解网页设计的基本概念和流程；2. 掌握HTML、CSS和JavaScript的基本语法和应用；3. 能够独立设计和制作简单的网页。
教学方法：1. 讲授与实践相结合；2. 案例分析；3. 小组讨论与协作。
教学内容：1. 网页设计基本概念与流程；2. HTML基本语法及应用；3. CSS基本语法及应用；4. JavaScript基本语法及应用；5. 网页设计与制作实践。
二、第一章：网页设计基本概念与流程课时安排：2课时教学内容：1. 网页设计基本概念；2. 网页设计流程；3. 网页设计原则与技巧。
教学方法：1. 讲授与实践相结合，通过案例分析让学生了解网页设计的基本概念和流程；2. 小组讨论，让学生分享对网页设计原则与技巧的理解。
教学活动：1. 引入案例：分析优秀网页设计案例，引导学生了解网页设计的基本概念；2. 讲解网页设计流程，让学生掌握从需求分析到设计制作的过程；3. 小组讨论：学生分组讨论网页设计原则与技巧，分享心得体会。
作业与评估：1. 课后作业：要求学生总结本节课所学的网页设计基本概念和流程；2. 课堂表现：观察学生在讨论中的参与程度和理解程度。
三、第二章：HTML基本语法及应用课时安排：4课时教学内容：1. HTML基本语法；2. 常用HTML标签及属性；3. HTML页面结构。
教学方法：1. 讲授与实践相结合，通过案例让学生掌握HTML基本语法和常用标签；2. 小组讨论，让学生分析实际案例中的HTML代码。
教学活动：1. 讲解HTML基本语法，让学生了解HTML代码的构成；2. 演示常用HTML标签及属性，让学生通过实践掌握其应用；3. 案例分析：学生分组分析实际案例中的HTML代码，理解其结构。
作业与评估：1. 课后作业：要求学生编写一个简单的HTML页面，运用所学标签和属性；2. 课堂表现：观察学生在讨论和实践中对HTML基本语法的掌握程度。
《 网页设计与制作项目教程（）（一般）》试卷
得分
一、单选题（每题2分，共计30分）
1． 关于<>标记的描述，下列选项中正确的是（）。（ ）
A、是表格中的单元格标记
B、可以单独使用
C、是表格中的行标记
D、没有属性
2． 若超链接的属性，需要链接到页面中的锚点，以下书写正确的是（ ）（ ）
A、
B、
C、
D、
3． 中，通过链接伪类可以实现不同的链接状态。下列用来定义未访问时超链接状态的是（ ）（ ）
A、
B、
C、
D、
4． 下列有关样式，说法正确的是（ ）。（ ）
A、样式必须写在一对;标签内部
B、用于设置页面中的文本内容、图片的外形以及版面的布局等外观显示样式
C、只有外部的文件才是符合结构与表现分离的特点
D、目前流行的版本为3
5． 下列样式代码中，可以实现相对定位模式的是（ ）。（ ）
A、: ;
B、: ;
C、: ;
D、: ;
6． 关于样式代码“{:200; :15; :20;}”下列说法正确的是（ ）。（ ）
A、的总宽度为200
B、的总宽度为270
C、的总宽度为235
D、以上说法均错误
7． 关于行内式引入样式表，以下书写正确的是（ ）（ ）
A、 :12; ;段落文本;
B、 :12, ;段落文本;
C、 :12; ;段落文本;
D、 :12; ;段落文本;
8． 使用标签指定式选择器，让段落应用名为的类，下列写法正确的是( )（ ）
总分 题号 一 二 三 四 五
题分
得分
A、 {;} B、{;} C、{;} D、{;} 9． 下列选项中，调用名为 "" 的函数正确的是（ ）（ ） A、 B、() C、() D、 10． 认真阅读下面代码，并按要求进行作答。1=" a "2=" "312;根据上述代码，3的运算结果是（ ）（ ） A、 B、 C、 D、 11． 关于有序列表的描述，下列说法正确的是（ ）（ ） A、有序列表没有排列顺序 B、有序列表按顺序排列，并不带有序号 C、有序列表按顺序排列并通过属性定义序号样式 D、有序列表不可以和无序列表嵌套使用 12． 若要在网页中插入样式表，以下用法中正确的是（ ）（ ） A、; B、;
C、;
D、;
13． 下列选项中，用于删除当前节点的子节点的方法是（ ）（ ）
A、()
B、()
C、()
D、()
14． 以下属性中，不能增加盒子尺寸的属性是（ ）。（ ）
A、
B、
C、
D、
15． 网页程序设计中，运行下面的代码，则对话框中将显示（ ）。< ""> 3 2 (2)(z);<>（ ）
A、2
B、2.5
C、5
D、16
得分
二、多选题（每题3分，共计15分）
16． 关于文本格式化标记，下列说法正确的是（ ）。（ ）
A、;和;，文字以粗体方式显示（推荐使用）。 B、;和;，文字以下划线方式显示（推荐使用）。 C、;和;，文字以加删除线方式显示（推荐使用）。 D、以上说法都正确。 17． 关于后代选择器，下列说法正确的是（ ）。（ ） A、后代选择器主要用于嵌套的标签。 B、后代选择器可以用于很多层的标签嵌套。 C、后代选择器多个标签之间是用空格隔开的。 D、后代选择器外层标记写在前面，内层标记写在后面。 18． 下面的选项中，支持透明的图像是哪一项？（ ）（ ） A、格式 B、格式 C、格式 D、格式 19． 下列选项中，关于控制单元格边距说法正确的是（ ）。（ ） A、行标记;应用内边距属性和外边距属性无效 B、;标记应用外边距属性无效 C、要想设置相邻单元格边框之间的距离，只能对;标记应用属性 D、以上说法均正确 20． 下面选项中，对语言描述正确的是（ ）。（ ） A、是页面中的一种脚本语言文字。 B、用于为页面添加动态效果。
C、可以替代和。
D、语言的前身是语言。
得分
三、判断题（对的打“√”，错的打“×”；每题2分，共20分）
21． 将网页中文档的对象关系规划为节点层级，各对象间的层次结构被称为节点树。（ ）（ ）
22． <><>标记用于为表单内容分组，其配套标记<><>，用于为各个表单组定义名称。（ ）
23． 内嵌式样式只对其所在的页面有效，因此，仅设计一个页面时可以使用内嵌式。（ ）
24． 属性用于设置表格边框合并与分离。（ ）
25． （英文 的缩写）是域名解析系统。但是，在上域名与地址之间并不是对应的。( )（ ）
26． 的语句是一种特殊的语句，专门用于处理与数组和对象相关的循环操作。（ ）（ ）
27． 在表格中，<>标记无宽度属性，其宽度取决于表格标记<>。（ ）
28． 当对某一个<>标记应用属性设置宽度时，该列中的所有单元格均会以设置的宽度显示。（ ）
29． 代码“< "3">海淀区<>”表示的意思是将三行合并为一行。（ ）
30． 在文档对象节点树中，具有相同父节点的节点叫做;父节点;。（ ）（ ）
得分
四、填空题（每题2分，共计10分）
31． 元素对象除了节点操作，还具有一些属性和内容的操作。其中，属性用于获取或设置元素的内容。
32． 使用对象的方法和方法在网页上实现前进或后退的作用。
33． 在中，为标记设置字体加粗的代码为。
34． <>标记的属性可以设置文本的颜色。
35． 在中，用于设置行间距的属性是，一般称为行高。
得分
五、简答题（每题5分，共计25分）
36．认真阅读下面代码，分析x，y和 z 输出结果分别是多少？5+5"5"+5""+5;
37．简述什么是以及的作用。
38．请阅读下面的代码，并按照要求填补空缺的代码。< ""> (){ h1 ; 创建一个
39．阅读下面的代码，并按照注释要求填写代码。< "">{ :200:100:”宋
体” ; /* 用两种方法控制左右间距为10，上下间距为20 */}<>
40．简述你对内嵌式样式表中关于“层叠性”的理解。
答案
一、单选题（每题2分，共计30分）
1． C
2． D
3． A
4． B
5． D
6． B
7． C
8． C
9． C
10．A
11．C
12．D
13．D
14．D
15．B
二、多选题（每题3分，共计15分）
16．
17．
18．
19．
20．
三、判断题（每题2分，共计20分）
21．对
22．对
23．对
24．对
25．错
26．对
27．对
28．对
29．对
30．错
四、填空题（每题2分，共计10分）
31．【】
32．【】
33．【;{;}】
34．【】
35．【】
五、简答题（每题5分，共计25分）
36．x","y和;输出结果分别是：<><>10<><>55<><>5
37．是页面中的一种脚本语言","通过可以将静态页面转变成支持用户交互并响应相应事件的动态页面。在
网站建设中","用于搭建页面结构","用于设置页面样式","而则用于为页面添加动态效果。
38．("h1")
39．1;10;20;<>2;10;10;20;20
40．关于内嵌式样式表中“层叠性”","有两层意思：<>;（1）所谓层叠性是指多种样式的叠加。一个标签
","可以通过、、标签选择器来获得不同的样式。即多个可以同时作用于一个标签上。<>;（2）当作用
在标签上的有“冲突”的时候","这时就会出现优先级的问题。遵循的规则大致是：对于由多个基础选
择器构成的复合选择器（并集选择器除外）","其权重为这些基础选择器权重的叠加。权重相同时","遵
循就近原则。如果是通过继承关系影响的","继承样式的权重为0。
