版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
课程介绍
课程名称网页设计与制作开课时间第二学期、第三学期
上课
周课时4总学课时6416课程性质专业必修课
周数
过程性考核+
理论课时32实践课时32学分4考核方式
终结性考核
使用教材（名
教学
称、版本、出青椒小助手教学做一体化教室
版社、主编等）条件
《精通CSS与HTML设计模式》［美］鲍尔斯著刘申等译
主要参考资料
DIV+CSS网站布局案例精粹（第2版），清华大学出版社，闫睿编
专业：电子商务、网络营销、计算机网络技术、多媒体技术、动漫设计
授课对象与制作、计算机应用技术、软件技术等
年级：大学二年级
“网页设计与制作”课程是电子商务类专业、计算机类专业、多媒
体技术等专业的一门必修课程，也是其他专业学生深受喜爱的一门职业
技能拓展课程。本课程通常在第三学期开设，主要内容包括HTML5基础、
课程内容摘要
网页设计与制作基础知识、CSS样式表定义和应用、网页基本元素、网页
（不够可附
布局技术、多媒体网页设计制作、网页模板设计制作、DIV+CSS静态网站
页）
设计制作、JaveScript基础、静态网站维护与推广等。其前导课程是图
形图像处理技术、动画设计制作等，其后续课程电子商务网站建设、网
站建设与维护等。
备注：1.课程性质：公共必修课、公共选修课、专业必修课、专业选修课。
2.考核方式：考试、考查
3.课程内容摘要：主要介绍该课程的内容、教学目的及达到的教学效果。
单元教学首页
授课题目单元1网页设计与制作基础总课时4
任务驱动、案例分析、小组合作、讲练结合教学做一体化
教学方法授课地点
等教室
教学目标
1.了解网页、网站的概念及相关的基本知识；
2.掌握网站建设的一般流程；
知识目标
3.了解HTML概念，掌握HTML基本语法与结构；
4.熟悉常用的HTML标签，理解各种标签的使用方法。
1.掌握网页框架编写技能；
能力目标
2.能够使用记事本完成简单网页的编写与保存。
1.培养学生小组合作、积极进取的精神；
职业素质
目标2.引导和发展学生求同和求异思维；
3.具有流程化、规划化、标准化做事的意识。
•网页的类型，网页基本构成元素；
•网站建设的一般流程；
教学重点
•HTML基本语法与结构；
•HTML常用标签的使用方法。
•HTML基本语法与结构；
•HTML常用标签的使用方法。
教学难点
单元授课进度分解
情景1：认识网页与网站
授课进度第1讲（共2讲）授课情景名称
情景2：网站建设的一般流程
教学内容设计（体现教学步骤，包括时间分配和教学内容教学进程）
教学教学学生时间分
法
教学环节教学内容方
手段活动配
1.首次课，做课程介绍；（约10分钟）讲授教学头脑15分钟
2.提出课前安排的预习任务；法、问做一风暴、
引入、告知答法、体化学生
（教学内3.提问概念性的问题，了解学生课前预习情
参与回答
容、目的）况；
式教
引出本次课的教学任务。
4.学法
任务目标：任务教学小组45分钟
1.认识什么是网页，熟悉网页类型和网页基驱动、做一讨论、
讲练体化、随堂
本构成元素；
结合信息测试
2.了解设计制作网页常用的软件和技术；
化教
.认识什么是网站，理解网站的网址与域名。
3学
教学要点：
1.什么是网页？
授课
2.网页类型：静态网页、动态网页。
（突出教学
内容要点，3.网页基本元素：文本、图像、音频、视频、
掌握基本知
动画和超链接等。
识和技能）
4.网页的构成：由一些基本版块组成的，主
要包括Logo图标、导航条、Banner、内容版
块、版尾版块等。
5.网页设计常用基本语言：HTML、CSS、
JavaScript是网页设计制作最核心也是最基
本应用技术。
6.什么是网站？
7.网址与域名。
8.网站建设的一般流程：网站策划-收集网
站的素材和内容-设计制作网站-网站测试与
发布-网站推广与维护。
实训任务：上网浏览不同类似、不同风格的任务教学小组
网站和网页，对各类网站页面特色做出归纳驱动、做一合作、
参与体化任务
课堂演练性总结。25分钟
式教完成
学法情况
汇报
总结（本堂由学生对本次课学习的内容进行归纳总结，教师根据学生总结的内容
课的要点归
纳，应写出做补充说明，强调本节课所学的重点知识和难点知识。5分钟
结论性的文
字）
1.基本作业
完成在线课程网站发布的课后复习题。
布置作业
（理论或实2.知识拓展性作业
践）
利用课外时间，在线查阅并分析营销宣传类网站的页面风格特点及内容宣传方
-p.
口40
教学后记
备注：1.教案编写要求，请参考《教案编写规范》（文件编号zy/jwc-13）。
2.教学手段：举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等。
3.教学方法：（讨论、启发、演示、辩论、讲练结合等）。
4.授课：内容不照本宣科，不满堂灌，注重引导学生思考问题、研窕问题、解决问题。
5.教学后记：课后由教师手动填写，对该堂课教后的感受及学生的收获、改进方法等。
单元授课进度分解
授课进度第2讲（共2讲）授课情景名称使用HTML制作简单的网页
教学内容设计（体现教学步骤，包括时间分配和教学内容教学进程）
教
教学学生时间分
教学环节教学内容方
手段活动配
1.检查课前预习情况——HTML5简介任务翻转头脑5分钟
2.通过翻转课堂方式导入本次课的教学任驱动、课堂、风暴、
教学学生
务案例
引入、告知做一、回答
（教学内明确本节课的学习任务：分析
容、目的）小组
（）掌握的基本语法和文档结构；
1HTML5合作
（2）HTML5常用的标签及标签主要属性；
（3）能够通过HTML制作简单的网页。
教学内容1:HTML5的基本语法与结构：任务教学小组40分钟
（1）HTML5的基本语法驱动、做一讨论、
体化、随堂
HTML5的语法主要由标签（tag）和属性案例
信息测试
（attribute）组成。所有标签都由一对尖括号分析、
化教
，，<，，和“〉”括起来。参与
学
①双标签。双标签是指由开始和结束两个标式教
授课签符号组成的标签，其语法格式：学法
（突出教学
内容要点，<x>受控内容</x>
掌握基本知②单标签。单标签也称空标签，指用一个标
识和技能）
签符号即可完整的描述某个功能的标签。其
语法格式：<x>
（2）网页的HTML结构
HTML文件的主体结构由<html>、<head>
和〈body>3对标签组成。
<html>
<head>
头部信息：如<title>、vmeta>等
</head>
<body>
文档主体
</body>
</html>
教学内容2：常用的HTML5标签
文本与段落标签、列表标签、超链接标签、
图像标签、表格标签、表单标签等。
任务1：使用记事本编辑简单网页任务做中头脑40分钟
操作步骤：打开记事本，在记事本中输入下驱动、练、信风暴、
实践息化小组
面的HTML代码，将其以chOl-1为文件名、
演练、教学合作
以.html为文件扩展名进行保存。
小组完成
任务：制作滚动图片链接
2合作演练
课堂演练
通过本任务的训练，用户能够进一步掌握任务
HTML文档结构，了解制作滚动图片链接的
基本方法，理解在网页中添加图像元素时，
正确使用相对路径和绝对路径的重要性。
以小组为单位，汇报实训任务完成情况，展
示实训结果，教师逐一检查并进行评价。
总结（本堂本次课学习了HTML5的基本语法和文档结构，介绍了HTML5常用
课的要点归
的标签及标签主要属性，通过课堂演练，学生能通过HTML制作简
纳，应写出5分钟
结论性的文单的网页，并以小组为单位进行了汇报。
字）较好地完成了本次课的教学任务，达到了预期的教学目标。
布置作业设计制作个人母校概况的简单页面
（理论或实
践）
教学后记
单元教学首页
授课题目单元2网页版式设计与色彩搭配总课时4
任务驱动、案例分析、小组合作、讲练结合教学做一体化
教学方法授课地点
等教室
教学目标
5.了解网页版式设计的风格、原则和步骤；
知识目标6.理解色彩的基本理论和视觉效果；
7.掌握网页配色原理及网页配色技巧。
3.具备独立完成网站合理配色的能力；
能力目标
4.具备分析问题、解决问题的能力。
4.具有一定的审美观、鉴赏能力；
职业素质
目标5.具有小组合作、积极进取的精神。
•色彩的基本理论和视觉效果；
教学重点
•网页配色原理及配色技巧。
•网页版式设计；
•网页配色技巧。
教学难点
单元授课进度分解
授课进度第1讲（共2讲）授课情景名称网页版式设计
教学内容设计（体现教学步骤，包括时间分配和教学内容教学进程）
教学教学学生时间分
法
教学环节教学内容方
手段活动配
1.复习上次课讲授的重点内容讲授教学头脑10分钟
2.打开准备好的几个网站案例，分别进行展法、问做一风暴、
答法、体化学生
示，要求学生注意观察下面的两个问题：
引入、告知
参与回答
（教学内（1）注意观察不同网站的配色特色；
容、目的）式教
（2）注意观察不同风格网站的版式特点。
学法
让学生带着好奇和问题，接受本次课的学习。
案例分析：不同风格网页作品欣赏与解析任务教学小组35分钟
给出几个有代表性的网页，通过对它们的赏驱动、做一讨论、
讲练体化、随堂
析，认识不同风格网页的特点。
结合信息测试
学习任务一：网页版式设计
化教
（1）掌握版式设计的概念；
学
（2）认识版式设计在网页设计中的重要
性；
授课
（突出教学（3）了解常见的网页版式设计风格。
内容要点，
掌握基本知1.版式设计概述
识和技能）
2.网页版式的尺寸和构成要素
3.网页的版式设计风格
4.网页版式设计原则
5.网页版式设计的视觉流程
6.网页版式设计的步骤
1）构思。2）粗略布局。3）完善布局。4）
深入优化。
学习任务二：色彩的基本理论及其视觉效果
（1）了解色彩的基本概念以及色彩的视觉
效果；
（2）掌握光的三原色理论；
（3）掌握色彩的三个基本属性。
1.色彩的基本理论
2.色彩的视觉效果
1）色彩的心理感觉
2）色彩的冷暖
3）色彩的软硬
4）色彩的进退
5）色彩的大小
学习任务三：网页中的色彩及配色
（1）了解网页色彩的概念；
（2）掌握在网页中色彩的数字表达方式；
（3）掌握网页的配色原理及技巧。
1.网页色彩
2.网页中色彩的作用
1）划分视觉区域
2）引导主次
3）烘托主旨
3.网页配色原理
1）色彩的适合性
2）色彩的鲜明性
3）色彩的独特性
3.网页配色技巧
遵循一定的原则和技巧：
（1）使用一种色彩。
（2）使用邻近色。
（3）使用对比色。
4.非彩色搭配
任务1:总结不同主题网站的配色风格。任务教学小组
访问/moban/,在右侧的模驱动、做一合作、
讲练体化实战
板分类中选择相应主题的网站，总结不同主
结合演练
课堂演练题网站的配色风格。40分钟
等
任务2：网页配色练习
尝试按照春夏秋冬不同季节的风格对其进行
配色。
总结（本堂根据学生讨论的结果进行分析说明，然后进行补充、强调本节需要掌
课的要点归握的重点和难点知识。
纳，应写出5分钟
结论性的文网站按主题，主要分为教育类网站、政府类网站、科技类网站、商务
字）类网站等。同类型的网站在页面设计上有很大的相似性。
1.基本作业
完成在线课程网站发布的课后复习题。
布置作业
（理论或实2.知识拓展性作业
践）
要求学生利用课余时间上网浏览各类，分析网站的配色方案和布局特点，进一
步提升鉴别不同网站风格的能力。
教学后记
备注：1.教案编写要求，请参考《教案编写规范》（文件编号zy/jwc-13）。
2.教学手段：举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等。
3.教学方法：（讨论、启发、演示、辩论、讲练结合等）。
4.授课：内容不照本宣科，不满堂灌，注重引导学生思考问题、研窕问题、解决问题。
5.教学后记：课后由教师手动填写，对该堂课教后的感受及学生的收获、改进方法等。
单元授课进度分解
授课进度第2讲（共2讲）授课情景名称校友网首页效果图设计
教学内容设计（体现教学步骤，包括时间分配和教学内容教学进程）
教
教学学生时间分
教学环节教学内容方
手段活动配
检查上次所讲内容，本次课的预习情况任务翻转头脑5分钟
通过翻转课堂方式导入本次课的教学任务驱动、课堂、风暴、
教学学生
引入、告知引入本次课学习任务：校友网首页效果图设案例
（教学内做一、回答
容、目的）计分析
小组
合作
学习任务：校友网首页效果图设计任务教学小组25分钟
（1）掌握骨骼式网页版式设计的方法；驱动、做一讨论、
授课体化、随堂
（2）熟悉网站色彩搭配技巧；案例
（突出教学信息测试
内容要点，（3）掌握使用Photoshop设计首页效果图分析、
掌握基本知化教
的操作技巧。参与
识和技能）学
带领学生分析校友网首页效果图的结构和配式教
色特点。学法
实训演练：校友网首页效果图设计讲练举例完成45分钟
（1）确定校友网首页设计风格；结合讲解实训
内容
（2）确定校友网首页内容呈现方式；
（3）确定校友网首页色彩搭配；
（4）通过Photoshop进行网页配色；
课堂演练
（5）分组完成实训任务。
任务拓展：网页版式、网页配色原则归纳总
结
（1）分组归纳总结网页版式设计原则；
（2）分组归纳总结不同主题类型网站页面
配色基本原则。
（3）以小组为单位进行汇报。
总结（本堂以小组为单位，归纳总结所学知识，展示实训结果，教师逐一检查并
课的要点归
进行评价。
纳，应写出15分钟
结论性的文
字）
布置作业
（理论或实
践）
教学后记
备注：1.教案编写要求，请参考《教案编写规范》（文件编号zy/jwcT3）。
2.教学手段：举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等。
3.教学方法：（讨论、启发、演示、辩论、讲练结合等）。
4.授课：内容不照本宣科，不满堂灌，注重引导学生思考问题、研究问题、解决问题。
5.教学后记：课后由教师手动填写，对该堂课教后的感受及学生的收获、改进方法等。
单元教学首页
授课题目单元3DreamweaverCC工具的使用总课时4
任务驱动、案例分析、小组合作、讲练结合教学做一体化
教学方法授课地点
等教室
教学目标
8.熟悉DreamweaverCC的界面布局；
9.掌握DreamweaverCC面板或者面板组的基本操作方法；
10.掌握DreamweaverCC常用初始化设置；
11.掌握DreamweaverCC中创建、保存及预览网页的方法；
知识目标
12.理解本地站点和远程站点的含义；
13.掌握站点的规划原则；
14.掌握创建与管理站点的方法；
15.掌握页面属性设置的方法。
5.能够安装DreamweaverCC并进行初始化设置；
6.能够在DreamweaverCC中创建简单网页并保存和预览；
能力目标
7.能够在DreamweaverCC中创建本地站点并能管理站点；
8.能够对网页进行页面属性的设置。
6.熟悉网站设计行业职业道德规范；
职业素质目7.具备良好的职业道德和沟通交流能力；
标8.具备独立思考和认真钻研的良好品质；
9.通过小组合作能够完成安排的学习任务。
•DreamweaverCC界面布局；
•DreamweaverCC中创建、保存及预览网页的方法；
教学重点
•DreamweaverCC中创建站点的方法；
•页面属性设置的方法。
•DreamweaverCC中创建站点的方法；
教学难点
•页面属性设置的方法。
单元授课进度分解
授课进度第1讲（共2讲）授课情景名称认识中文版DreamweaverCC
教学内容设计（体现教学步骤，包括时间分配和教学内容教学进程）
教
教学学生时间分
教学环节教学内容方
手段活动配
引入新课：案例教学课前
1.案例分析分析、做一预习、
通过在DreamweaverCC中展示“欢迎光临”任务体化、小组
网站，让学生们初步认识DreamweaverCC驱动、多媒合作
界面布局。讲练体教等
引入、告知2.提出问题结合学等
（教学内分钟
DreamweaverCC的操作区域主要有几种视等10
容、目的）
图方式？如何对DreamweaverCC进行个性
化设置？
3.介绍本次课的教学目标、教学重点和难点。
任务3.1认识中文版DreamweaverCC翻转教学小组
1.DreamweaverCC的界面布局，了解菜单课堂、做一合作、
任务体化、抢答、
栏、文档窗口、文档工具栏、工具栏、状态
驱动、混合随机
栏、“属性”面板和其他面板组的功能，了解
案例式教提问
面板组的调整操作。
授课分析、学模等
（突出教学
2.DreamweaverCC初始化设置。通过"首讲练式等
内容要点，40分钟
掌握基本知选项”菜单命令，对Dreamweaver做常规、结合
识和技能）
CSS样式、代码提示、代码格式、应用程序等
内更新、新建文档、界面等初始化操作。
3.边学边练：在DreamweaverCC中创建、
保存简单文本网页文件。
说明：详情的教学内容见本次课的PPT文档
1.任务拓展：制作“自我介绍”简单文本网任务教学小组
页，并在浏览器中进行预览。驱动、做一合作、
讲练体化实战
课堂演练2.单元技能实战演练：以小组为单位，认识35分钟
结合演练
DreamweaverCC操作界面，对软件做个性化
等
设置，并完成简单文本页面的制作。
总结（本堂以小组为单位，通过提问学生，总结本次课的学习内容。教师重点对
课的要点归本次课学习的在Dreamweaver界面与个性化设置、创建并保存预览网
纳，应写出5分钟
页等内容进行归纳总结，强调本次课的重点和难点知识和技能要求，
结论性的文
字）并针对本次课的学习内容，做好课外作业的统筹安排。
1.基本作业：利用课外时间，学生们完成本次课对应的课后习题。
布置作业
（理论或实2.举一反三：以小组为单位，利用课外时间完成“我的家乡”简单网页中文
践）
本内容的制作。
按照授课计划完成本次课的教学任务。
在教学过程中，注重职业规范等课程思政育人元素的融入，突出小组合作、学
教学后记生遵守职业规范与流程的培养。通过学生们上机实训和完成的作业情况来看，
学生们基本掌握了本单元任务的教学内容。
备注：1.教案编写要求，请参考《教案编写规范》（文件编号zy/jwc-13）。
2.教学手段：举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等。
3.教学方法：（讨论、启发、演示、辩论、讲练结合等）。
4.授课：内容不照本宣科，不满堂灌，注重引导学生思考问题、研究问题、解决问题。
5.教学后记：课后由教师手动填写，对该堂课教后的感受及学生的收获、改进方法等。
单元授课进度分解
授课进度第2讲（共2讲）授课情景名称任务3.2规划与创建站点
教学内容设计（体现教学步骤，包括时间分配和教学内容教学进程）
教
教学学生时间分
教学环节教学内容方
手段活动配
引入新课：案例教学课前
1.案例分析分析、做一预习、
通过在DreamweaverCC中展示"欢迎光临"任务体化、小组
网站，让学生们初步认识DreamweaverCC驱动、多媒合作
引入、告知
（教学内站点的意义。讲练体教等10分钟
容、目的）2.提出问题结合学等
为什么要在DreamweaverCC中创建站点？等
如何在DreamweaverCC中创建站点？
3.介绍本次课的教学目标、教学重点和难点。
任务3.2规划与创建站点翻转教学小组
1.认识本地站点与远程站点课堂、做一合作、
任务体化、抢答、
在Dreamweaver中，网页设计都是以一个完
驱动、混合随机
整的Web站点为基本对象，所有资源的改变
案例式教提问
和网页的编辑都在此站点中进行。
分析、学模等
授课2.规划站点的原则讲练式等
（突出教学（1）构建层次清晰的文档结构。（2）优化网结合
内容要点，40分钟
等
掌握基本知站的链接结构。（3）规划规范、统一的网页
识和技能）布局。
3.边学边练：创建本地站点
4.边学边练：管理站点
（1）编辑站点（2）复制站点（3）删除站点
（4）导出与导入站点
5设.置页面属性
通过“页面属性”对话框设置当前被编辑网
页文档的整体属性，包括网页的标题、背景
图像、正文中各种元素的颜色等内容。
说明：详情的教学内容见本次课的PPT文档
1.任务拓展：参考着教材说明，制作“欢迎任务教学小组
光临”网页，并设置网页属性。驱动、做一合作、
讲练体化实战
课堂演练2.单元技能实战演练：以小组为单位，通过35分钟
七Zd口r占口演练
DreamweaverCC软件完成“我的网上家园”
等
页面的制作。
总结（本堂以小组为单位，通过提问学生，总结本次课的学习内容。教师重点对
课的要点归本次课学习的在Dreamweaver中创建站点、设置页面属性等内容进行
纳，应写出5分钟
归纳总结，强调本次课的重点和难点知识和技能要求，并针对本次课
结论性的文
字）的学习内容，做好课外作业的统筹安排。
1.基本作业：利用课外时间，学生们完成本次课对应的课后习题。
布置作业
（理论或实2.举一反三：以小组为单位，利用课外时间完成“我的家乡”简单网页的制
践）
作，重点要求在Dreamweaver中建立站点并通过页面属性进行页面美化。
按照授课计划完成本次课的教学任务。
在教学过程中，注重职业规范等课程思政育人元素的融入，突出小组合作、学
教学后记生遵守职业规范与流程的培养。通过学生们上机实训和完成的作业情况来看，
学生们基本掌握了单元3的教学内容。
备注：1.教案编写要求，请参考《教案编写规范》（文件编号zy/jwc-13）。
2.教学手段：举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等。
3.教学方法：（讨论、启发、演示、辩论、讲练结合等）。
4.授课：内容不照本宣科，不满堂灌，注重引导学生思考问题、研究问题、解决问题。
5.教学后记：课后由教师手动填写，对该堂课教后的感受及学生的收获、改进方法等。
单元教学首页
授课题目单元4CSS3样式总课时4
任务驱动、案例分析、小组合作、讲练结合教学做一体化
教学方法授课地点
等教室
教学目标
16.了解CSS的基本语法和样式表类型；
17.掌握CSS样式的创建与属性设置；
知识目标
18.掌握CSS样式表的编辑及引用；
19.掌握应用CSS美化网页的方法。
9.能定义四种CSS样式表；
能力目标10.能通过CSS样式编辑网页。
10.具有网站设计行业职业道德规范；
具备良好的职业道德和沟通交流能力；
职业素质目11.
标12.具备独立思考和认真钻研的良好品质；
13.具有小组合作、勇于创新的品质。
•CSS样式表的创建、编辑和应用；
教学重点
•使用CSS美化网页。
•使用CSS样式编辑、美化网站页面。
教学难点
单元授课进度分解
授课进度第1讲（共2讲）授课情景名称定义和应用CSS3样式
教学内容设计（体现教学步骤，包括时间分配和教学内容教学进程）
教学教学学生时间分
法
教学环节教学内容方
手段活动配
提问学生的问题：网站站点创建需要注意的案例翻转课前
问题是什么？分析、课堂、预习、
教师根据上机实训出现的问题及学生回答的任务教学小组
问题，进行解说，并把上次课重点建设的内驱动、做一合作
容进行概述。讲练体化等
引入、告知
夕士
（教学内任务目标：%口10分钟
容、目的）（1）认识CSS3样式，了解使用CSS样式的等
发展历史；
（2）掌握CSS3样式的分类；
（3）掌握CSS3的基本语法；
（4）能够使用CSS样式面板管理CSS3样式。
1.CSS3样式设置规则。翻转教学小组
在DreamweaverCC中，对CSS3样式的管理课堂、做一合作、
任务体化、抢答、
主要通过“CSS设计器”面板完成。选择“窗
驱动、混合随机
口一CSS设计器”菜单命令或按<Shift+Fll>
案例式教提问
组合键，展开设计器”面板中进行详
“CSS分析、学模等
授课
细设置。
（突出教学讲练式等
任A
内容要点，2.定义CSS3选择器%口40分钟
掌握基本知
一个样式表一般由若干样式规则组成，等
识和技能）CSS
每个样式规则都可以看成是一条CSS的基本
语句，每个规则都包含一个选择器（例如
body,p等）和写在花括号里的声明，这些声
明通常是由几组用分号分隔的属性和值组
成。
(1)CSS3标签选择器；
(2)CSS3类别选择器；
(3)CSS3ID选择器；
(4)CSS3复合选择器。
3.CSS3样式的调用
CSS3样式可以使用多种方法调用。
(1)行内样式表；
(2)内部样式表；
(3)外部样式表；
(4)导入样式表。
4.布局和定义CSS3基础样式
可以通过“CSS设计器”面板添加CSS样式，
然后在属性面板中配置CSS样式的属性。讲
解创建CSS样式的步骤。
5.链接或导入外部CSS3样式
使用“CSS设计器”面板，可以将外部的CSS3
样式文件应用到当前页面中。讲解链接外部
样式表的具体方法。
6.查看CSS3样式
通过“CSS设计器”面板，可以查看当前文
档所使用的CSS样式。
7.编辑与删除CSS3属性
通过“CSS设计器”面板，可以对CSS样式
进行编辑和删
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2023年甘肃省小学教师资格证《小学综合素质》科目真题冲刺卷
- 《2024年 蒙古语语料库建设的有关问题》范文
- 江苏省连云港市2024年中考英语真题
- 2010年7月自考03297企业文化试题及答案含解析
- WPS案例教程 课件 第12章 WPS操作界面
- 中医的阴阳五行课件
- 超星尔雅学习通《形势与政策（2024春）》章节测试审定版
- 《2024年 基于物联网的智慧社区设计与实现》范文
- 《2024年 我国企业融资效率及影响因素研究-基于国有企业和民营企业融资的比较分析》范文
- 2023年河南平顶山中考数学真题及答案
- UG自动编程编程教案2
- 百度Apollo：无人之境旅途：2022百度自动驾驶出行服务年度报告
- 雅思小作文柱图表图写作
- o型圈规格尺寸表国标
- 工商银行存款证明书
- 中等职业学校劳动教育课程的实施问题及对策研究共3篇
- 靶向治疗鳞状细胞癌中Bmi1+肿瘤干细胞可以克服化疗抗药性、抑制其转移
- 创新创业基础(杨卫军)第二章 创新思维
- 完整版各城基本风压
- GB/T 5237.5-2017铝合金建筑型材第5部分：喷漆型材
- 12YJ9-1 室外工程标准图集
评论
0/150
提交评论