《HTML CSS JAVASCRIPT网页制作案例教程》_教学大纲
《HTML+CSS+JavaScript网页制作案例教程》课程教学
传智播客《HTML+CSS+JavaScript网页制作案例教程》教学设计课程名称：HTML+CSS+JavaScript网页制作案例教程授课年级：2015年级授课学期：2015学年第二学期教师姓名：某某老师201 年月日课题名称第5章列表与超链接计划课时6课时内容分析通过第4章盒子模型的学习，已经很容易对网页做一个简单的结构划分。
但是一个网站由多个网页构成，每个网页上都有大量的信息，要想使网页中的信息排列有序，条理清晰，并且网页与网页之间有一定的联系，就需要使用列表和超链接。
本章将对列表标记、超链接标记以及CSS控制列表和超链接的样式进行详细讲解。
教学目标●掌握无序、有序及定义列表的使用，可以制作常见的网页列表模块；●掌握超链接标记的使用，能够使用超链接定义网页元素；●掌握CSS伪类，会使用CSS伪类实现超链接特效；重点及措施教学重点：无序列表、有序列表、定义列表、超链接、链接伪类、锚点链接。
措施：通过上机操作加强学习和补充案例进行巩固。
难点及措施教学难点：有序列表、定义列表、链接伪类。
措施：通过上机操作加强学习和补充案例进行巩固。
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解。
教学过程第一课时（制作“精美电商悬浮框”，讲解无序列表、有序列表）复习上节课内容在讲解本节内容前，抛出以下问题让学生回答，以复习第四章“CSS盒子模型”的相关知识。
1、一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（）A、333pxB、366pxC、336pxD、363px答案：C●盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和；●所以，盒子的总宽度= width（300px）+左内边距（30px）+左右边框宽度之和（3px*2） =336px；说明：教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容的学习。
《HTMLCSSJavaScript网页制作三合一案例教程》教学课件13第十三章
《HTMLCSSJavaScript网页制作三合一案例教程》教学课件13第十三章以下是根据题目《HTMLCSSJavaScript网页制作三合一案例教程》教学课件13第十三章所编写的文章：HTMLCSSJavaScript网页制作三合一案例教程在本章中，我们将介绍一个HTMLCSSJavaScript的网页制作三合一案例教程。
通过学习这个案例，您将掌握使用HTML、CSS和JavaScript来创建一个完整的网页。
一、案例介绍本案例是一个简单的个人博客网页制作案例。
我们将使用HTML来构建网页的骨架结构，使用CSS来美化网页的样式，使用JavaScript来添加交互功能。
二、网页结构1. HTML结构我们首先使用HTML来创建网页的骨架结构。
在HTML文件中，我们可以使用不同的标签来定义网页的各个部分，如头部、导航栏、内容和页脚等。
通过合理的使用这些标签，我们可以建立一个清晰的网页结构。
2. CSS样式接下来，我们使用CSS来美化网页的样式。
通过为各个HTML元素添加样式规则，我们可以改变它们的颜色、大小、字体等外观特性。
同时，我们也可以使用CSS来创建布局，通过控制元素的位置和大小来实现网页的整体排版。
3. JavaScript交互最后，我们使用JavaScript来添加网页的交互功能。
通过JavaScript编写的代码，我们可以实现一些动态效果，比如点击按钮弹出提示框，显示隐藏的内容等。
这些交互功能可以增强用户对网页的体验，并且使网页更加生动有趣。
三、案例实现步骤下面是案例实现的主要步骤：1. 创建HTML文件，并编写网页的结构。
2. 使用CSS为网页添加样式，并进行美化。
3. 使用JavaScript来实现网页的交互功能。
4. 调试和测试网页，确保功能正常。
5. 优化网页的性能和用户体验。
四、案例效果展示在完成案例的实现后，我们可以通过本地或远程服务器来查看最终的效果。
你将会看到一个美观、交互且功能完备的个人博客网页。
《HTML+CSS+JavaScript网页制作案例教程》课程教学Design
传智播客《HTML+CSS+JavaScript网页制作案例教程》教学设计课程名称：HTML+CSS+JavaScript网页制作案例教程授课年级：2015年级授课学期：2015学年第二学期教师姓名：某某老师1201 年月日课题名称第5章列表与超链接计划课时6课时内容分析通过第4章盒子模型的学习，已经很容易对网页做一个简单的结构划分。
但是一个网站由多个网页构成，每个网页上都有大量的信息，要想使网页中的信息排列有序，条理清晰，并且网页与网页之间有一定的联系，就需要使用列表和超链接。
本章将对列表标记、超链接标记以及CSS控制列表和超链接的样式进行详细讲解。
教学目标●掌握无序、有序及定义列表的使用，可以制作常见的网页列表模块；●掌握超链接标记的使用，能够使用超链接定义网页元素；●掌握CSS伪类，会使用CSS伪类实现超链接特效；重点及措施教学重点：无序列表、有序列表、定义列表、超链接、链接伪类、锚点链接。
措施：通过上机操作加强学习和补充案例进行巩固。
难点及措施教学难点：有序列表、定义列表、链接伪类。
措施：通过上机操作加强学习和补充案例进行巩固。
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解。
教学过程第一课时（制作“精美电商悬浮框”，讲解无序列表、有序列表）复习上节课内容在讲解本节内容前，抛出以下问题让学生回答，以复习第四章“CSS盒子模型”的相关知识。
1、一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（）A、333pxB、366pxC、336pxD、363px答案：C●盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和；●所以，盒子的总宽度= width（300px）+左内边距（30px）+左右边框宽度之和（3px*2） =336px；说明：教师可根据学生对上述问题的回答情况，对以上问题进行简单讲解或直接进入本课时新内容的学习。
网页设计与制作HTMLCSS教学大纲
《网页设计与制作(HTML+CSS)》课程教学大纲（课程英文名称）课程编号：2学分：5学分学时：64学时（其中：讲课学时：45 上机学时：19 ）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计javascript网页特效适用专业：信息及其计算机相关专业开课部门：计算机系一、课程的性质与目标《网页设计与制作(HTML+CSS)》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。
二、课程的主要内容及基本要求第一章HTML与CSS网页设计概述（4学时）[知识点]➢Web的基础知识➢HTMLl简介➢CSS简介➢常用浏览器介绍➢Dreamweaver 工具使用➢利用Dreamweaver创建第一个页面[重点]➢HTML简介➢Dreamweaver工具使用[难点]➢Dreamweaver工具创建第一个页面[基本要求]➢了解HTML版本的发展历程➢掌握Dreamweaver工具的使用，能够使用Dreamweaver创建一个包含html结构和CSS样式的简单网页。
第二章 HTML入门（6学时）[知识点]➢HTML基本语法结构➢HTML 标记属性➢HTML 常用文本控制标记➢HTML 文本格式化标记➢HTML 图像标记➢HTML 相对路径和绝对路径➢HTML 图文混排技巧[重点]➢HTML基本语法结构➢HTML 常用文本控制标记➢HTML 图像标记➢HTML 相对路径和绝对路径[难点]➢HTML 标记属性的使用➢HTML 相对路径和绝对路径[基本要求]➢掌握HTML基本语法结构➢掌握HTML中常用的文本标记➢区分什么是相对路径和绝对路径➢掌握HTML图像标记的使用➢掌握图片混排常用技巧[阶段案例]使用HTML文本控制标记、HTML图像标记及相关标记的属性实现网页中常见的图文混排效果，如下图所示。
《HTML CSS JavaScript网页制作三合一案例教程》教学课件 01第一章
14
文档标签栏位于应用程序栏下方，左侧显示当前翻开的所有网页文档的 名称及其关闭按钮；右侧显示当前文档在本地磁盘中的保存路径以及复 原按钮；下方显示当前文档中的包含文档〔如CSS文档〕以及链接文档。 当用户翻开多个网页时，通过单击文档标签可在各网页之间切换。另外， 单击下方的包含文档或链接文档，可翻开相应文档，如图1-12所示。
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
27
HTML标签是由尖括号括起来的关键词，绝大多数HTML标签都是成对出 现的，包含标记头< >和标记尾< / >。标记头是开始标签，标记尾是结束 标签，中间是元素内容，如段落标签<p></p>。除双标签外也存在少量 的单标签，如换行标签<br/>。 HTML文档源码中一行可以写多个不同的标签，也可将一对标签写在不 同的行中，但每对标签必须嵌套使用，不能交叉使用。下面的列表中列 出了标签的正确用法和错误用法。
4
案例一 了解网站开发流程
案例步骤
网站开发流程从整体上来说可以分成3大局部，分别是网站 设计、网站制作和后期维护，如图1-1所示。在这3局部中， 本书着重介绍的是网站制作局部，强调3个要点的讲解：设 置站点、搭建网页主体结构层、搭建网页样式层。
5
6 支撑知识点
一、网页、网站和主页
简单来说，网页就是我们上网时在浏览器中翻开的一个个画 面。网页中可以包含文字、图像、表格、超链接、声音、影 像等，其中文字、图像、超链接是组成网页最根本的3个元 素。网站就是一组相关网页的集合，是通过Internet向全世 界发布信息的载体。 主页就是翻开某个网站时显示的第一个网页，又叫首页。每 个网站都有一个主页，通过它可以翻开网站的其他页面。主 页文件根本名一般为index或default，如、、和等。
《HTML、CSS、DIV网页设计》课程教学大纲(移动互联网-黄海平)
《HTML、CSS、DIV网页设计》课程教学大纲课程代码：21134030课程名称：HTML、CSS、DIV网页设计课程性质：专业必修课学分：3 学时：72讲课学时：36 实践/实验学时：36适用专业：软件工程先修课程：大学计算机基础一、课程目标本课程主要介绍Internet互联网基本知识，掌握网页设计基本方法。
掌握HTML和CSS的基本规范和应用。
掌握HTML语言基础及最新标准，网页基本的文字和段落的格式化，列表、图表、超链接、图像等HTML元素的使用，CSS的设计理念和高级应用，CSS常用概念如盒模型、选择器、常见属性及最新标准，表格、框架和表单。
使学生能够正确而熟练地使用HTML进行网页的设计，能够结合开发案例进行实际网页开发的设计和实现。
培养学生认识网页设计在Web应用开发中的地位及作用，加深学生对用户体验的重要性的理解，为学生今后从事Web 应用软件开发工作打下坚实的基础。
二、教学内容1.Web开发技术综述教学要求：了解Web的起源；Web前端开发的由来；Web前端开发所涉及的内容；Web 前端开发工具介绍；常见浏览器及Web前端开发涉及的标准。
教学内容：Z1. Web的起源Z2.网页设计的相关国际标准ZN3.网页设计开发环境的配置Z4.网页浏览器的兼容性问题实验内容：实验一网页设计开发环境和运行环境的配置方法，插件的下载和安装。
（1）开发工具安装：下载和安装开源代码编辑器Notepad++，标准浏览器（2）使用Notepad++编写个人简历网页2. HTML入门教学要求：掌握HTML文档的结构及其各个组成部分，熟悉和掌握头部、主体、常用标记、常见属性、语法及规范；HTML的兼容性及其测试方法。
教学内容：HTML文档的结构及其各个组成部分；常用标记、常见属性、语法及规范；Chrome程序员开发工具的使用；Z1. HTML文档的结构Z2. 常用标记、常见属性、语法及规范实验内容：实验二 HTML文档的结构的练习（1）创建一个包含html结构的简单网页（2）Chrome程序员开发工具3.CSS入门教学要求：掌握CSS的特点及3种设置方法；CSS属性中的单位；CSS文字样式； CSS 背景与颜色；CSS的继承和重叠；教学内容：CSS的特点及3种设置方法；CSS属性中的单位；文字样式；背景与颜色；Z1. CSS样式规则Z2. CSS基础选择器N3. 复合选择器Z4. 字体样式属性Z5. 样式外观属性实验内容：实验三使用CSS文本样式属性控制网页中的文本，制作网页中常见的新闻页面，效果。
网页设计与制作(HTML5 CSS3 JavaScript)教学大纲
《网页设计基础》课程编号：...课程名称：网页设计基础学分：3 学时48 （其中实验学时：16）先修课程：计算机基础B一、目的与任务本课程是本科文科各专业的一门必修的计算机基础课，是计算机基础教学中的重要环节。
本课程的主要任务是使学生掌握在信息社会中必要的计算机应用技能——网页设计与制作，培养学生的计算机文化意识。
课程将讲授HTML、CSS、JavaScript等基本技术，并通过大量实验使学生掌握网页设计与制作技能，为培养理论与实践相结合的、全面发展的计算机应用高级人才打下基础。
二、教学内容与学时分配理论教学部分（32学时）第1章HTML5基础（2学时）浏览器、服务器和URL创建网站的基本步骤HTML的概念和原理使用基本HTML标记符（<html> <head> <title> <body> <p>）创建简单网页第2章文本格式与超链接（4学时）段落格式字体格式列表格式创建超链接第3章CSS入门（4学时）CSS样式定义CSS的属性单位3种CSS样式表5种CSS选择器3种常见CSS属性第4章图像与多媒体（2学时）网页图像基础图像处理基本操作图像标记符img使用多媒体对象第5章表格与表单（2学时）创建表格表格的属性设置创建表单创建表单控件第6章CSS3进阶（6学时）CSS3高级选择器CSS3布局CSS3高级属性CSS3样式的优先级第7章JavaScript与前端开发（3学时）使用客户端脚本JavaScript编程*前端开发技术第8章网页设计基础（3学时）设计与认知网站设计的原则设计适于导航的网页设计网站导航设计版式第9章使用Dreamweaver（3学时）使用本地站点编辑网页使用CSS样式高级功能第10章综合项目实践（3学时）网站开发项目管理综合实例实验教学部分（16学时）实验0：确定网站主题（搜集资料）实验1：制作纯文本网站（2学时）实验2：添加CSS（2学时）实验3：加入图片与多媒体（2学时）实验4：表格与表单（2学时）实验5：CSS布局（2学时）实验6：综合项目实践（6学时）三、考核与成绩评定采用日常性考核（大作业）和期末终结性考核相结合的方式。
网页制作 教学大纲
网页制作教学大纲网页制作教学大纲一、引言在当今数字化时代，网页设计与制作已经成为一项重要的技能。
无论是个人网站、企业宣传页面还是电子商务平台，都需要精心设计的网页来吸引用户，并提供良好的用户体验。
本文将探讨网页制作的教学大纲，以帮助学习者系统学习和掌握网页制作的技能。
二、基础知识1. 网页制作的概念和发展历程- 介绍网页制作的定义和背景- 回顾网页制作的发展历程，从简单的HTML页面到现代的响应式设计2. HTML与CSS基础- 介绍HTML和CSS的作用和基本语法- 学习如何使用HTML标签创建网页结构- 学习如何使用CSS样式表美化网页3. 响应式设计与移动优先- 解释响应式设计的概念和重要性- 学习如何使用媒体查询和流式布局创建适应不同设备的网页- 强调移动优先设计的原则和实践三、进阶技巧1. 图像和多媒体的应用- 学习如何插入图像和视频到网页中- 探讨图像和多媒体的优化和压缩方法，以提高网页加载速度2. 交互式元素与动画效果- 学习如何使用JavaScript和CSS动画创建交互式元素和动画效果 - 强调用户体验的重要性，提供用户友好的交互功能3. 网页导航与布局设计- 探讨网页导航的设计原则和最佳实践- 学习如何创建吸引人的网页布局，包括网格系统和平衡布局四、实践项目1. 个人网站设计与制作- 学习如何规划和设计个人网站的结构和内容- 实践使用HTML、CSS和JavaScript创建个人网站2. 企业宣传页面设计与制作- 学习如何根据企业品牌和目标受众设计企业宣传页面- 实践使用响应式设计和交互式元素创建企业宣传页面3. 电子商务平台设计与制作- 学习如何设计和制作电子商务平台的网页- 探讨电子商务平台的用户体验和安全性要求五、实践与评估1. 实践项目的完成与展示- 学习如何将网页上传到服务器并进行测试- 学习如何使用浏览器开发者工具进行调试和优化2. 项目评估与反馈- 学习如何评估网页设计的质量和用户体验- 探讨如何接受反馈并进行改进六、总结通过本教学大纲的学习，学生将掌握网页制作的基础知识和技能，并能够设计和制作个人网站、企业宣传页面和电子商务平台。
《HTMLCSSJavaScript网页制作案例教程》教学大纲
《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲（课程英文名称）课程编号：201509210011学分：5学分学时：64学时（其中：讲课学时：45 上机学时：19 ）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、JavaScript网页特效适用专业：信息及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。
通过本课程的学习，学生能够了解HTML、CSS 及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。
二、课程的主要内容及基本要求第一章网页那点事（2学时）[知识点]认识网页常见的互联网专业术语Web标准HTML简介CSS简介JavaScript简介常用浏览器介绍Dreamweaver 工具的使用使用Dreamweaver创建第一个页面[重点]Web标准Dreamweaver工具的使用[难点]Web标准Dreamweaver工具创建第一个页面[基本要求]了解Web标准，明确HTML、CSS及JavaScript在其中的作用。
熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。
第二章从零开始构建HTML页面（4学时）[相关案例]【案例1】简单的网页：【案例2】新闻页面：【案例3】图文混排：[知识点]HTML文档基本格式单标记与双标记标题与段落标记HTML文档头部相关标记font标记标记的属性文本格式化标记图像标记相对路径与绝对路径常用图像格式特殊字符标记[重点]HTML文档基本格式标记的属性图像标记相对路径与绝对路径[难点]相对路径与绝对路径[学习目标]掌握HTML文档基本格式，能够书写规范的HTML网页。
HTML+CSS+JavaScript网页制作(Web前端开发)(第3版)-首页
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
5-17
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部 门
软件与信息学院
课程名称
前端设计与开发
编号
1
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课 □实验课 □体育课 □习题课 □实训课□实践环境课
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT23幅 □有其他电子文件
复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
4-11、4-12
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
65分钟
10分钟
1、引言
1）简述CSS的引用方法
2）简述基本选择器
3）简述复合选择器
2、CSS基础
1）选择器
伪类和伪元素选择器
《网页设计与制作案例教程》教学大纲[4页]
![《网页设计与制作案例教程》教学大纲[4页]](https://img.taocdn.com/s3/m/3fee5ca603d276a20029bd64783e0912a3167c55.png)
《Dreamweaver CS6网页设计与制作案例教程》教学大纲学时： 64 学时课程类别：专业必修课适用专业：计算机应用技术一、课程的性质与任务课程的性质：本课程是一门专业基础课，要求学生掌握HTML、css 和Dreamweaver 制作网页的知识和技术，同时为后续课程的学习奠定基础。
课程的任务：通过本课程的学习，使学生了解网站开发的流程，掌握HTML和 CSS技术实现网页的构建和美化，并用 Dreamweaver CS6工具实现网页的制作。
前导课程：计算机应用基础后续课程：Javascript 、 php动态网页等。
二、教学基本要求本课程以《计算机应用基础》、《photoshop》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握 HTML、CSS等网页基础编程知识，并使用主流工具 Dreamweaver CS6进行网页制作。
三、教学条件多媒体教室，安装 Adobe Dreamweaver CS6的一体化实训室四、学时分配五、教学内容及学时安排第1章初识网页与Dreamweaver cs6教学时数： 4教学目标：1.了解网页和网站基本概念及网页基本类型。
2.了解网页制作相关软件。
3.了解Dreamweaver cs6工作界面。
4.掌握Dreamweaver cs6站点的创建和管理。
教学重点难点：1.理解网站的定位和风格2.学习模仿网页的色彩搭配3.分析网站的布局4.创建myweb站点。
教学方法：案例演示、理论讲解教学案例：1.创建hehua站点第2章HTML元素教学时数： 8教学目标：1.了解HTML标记的成分。
2.掌握HTML文档的基本组成部分。
3.了解常用的HTML元素标签。
4.了解HTML页面构成的元素标签。
教学重点难点：1． HTML文档结构2．掌握文本排版标记3．掌握文字列表的标记和属性4. 掌握HTML页面构成的元素标签教学方法：案例演示、理论讲解教学案例：1.制作荷花古诗页面 2.制作荷花典故页面第3章网页布局教学时数：12教学目标：1.掌握CSS常用方法。
《网页制作》课程教学大纲
《网页制作》课程大纲课程代码：00405235课程学分：3课程总学时：48适用专业：电子商务一、课程概述(一)课程的性质本课程全面介绍了网页制作的基本知识，对HTM1、CSS样式、文本样式与背景、常用Web元素、盒模型、界面设计、表单进行了系统讲解，并对JaVaSCript、网页多媒体实现、jQuery等进行了介绍。
学生学完本课程后，应全面掌握网页制作的基础知识，能够为企业网站建设和网页制作进行初步的方案策划与设计。
(二)课程设计理念与开发思路1.课程设计理念(1)注重实践导向。
本课程以电子商务专业学生的网页制作实践能力培养为导向，以电子商务行业企业典型工作任务为核心组织课程内容，以电子商务技术领域和岗位的任职要求为导向构建课程的知识体系，强化实践教学。
(2)注重情景创建。
通过知识体系设计和案例情景创建，使学生在课程学习中内化知识内容，并掌握网页制作基本操作技能，切身体会网页制作流程，全面提升学生的专业素养。
2.课程开发思路(1)知识体系模块化。
一方面，结合教材章节，将网页制作的知识点进行梳理，构建课程的完整知识体系。
同时，分模块进行课程讲授，便于同学们能由浅入深、由易到难地掌握课程相关知识。
(2)课堂讲授多样化。
一是多样化的素材展示，除了传统PPT展示外，还可提供相关的案例资料等。
二是多样化的课堂方式，如：教师讲授、同学发言、小组讨论等。
(3)课程考核多维化。
强化对过程学习的考核力度，提高过程学习的比重。
重视学生专业技能的考核，完善与强化学生的创新创业意识和能力。
(4)本课程课时安排为48节课讲授加课堂练习，共48个学时3个学分。
本课程为考查课，采用课程设计方式，平时成绩占40%,期末考试成绩占60%。
二、课程目标本课程主要使学生掌握HTM1、CSS样式、文本样式与背景、常用Web元素、盒模型、界面设计、表单等网页制作知识，能为企业构建网站提供技术支持。
通过该课程的学习，要求学生达到以下目标：（一）知识目标1.掌握网页制作的概念和框架结构；2.了解网页制作的常用要素，包括HTM1、CSS样式、文本样式与背景、常用TVeb元素、盒模型、界面设计、表单、网页多媒体实现；3.掌握网页制作的脚本编写方法，包括JaVaSCript、jQucry等；4.掌握网页制作的常用开发工具，如DreamWeaVerCS（二）能力目标1.能熟练使用HTM1的各种常用标记；2.能使用CSS样式表对网页进行样式的统一设计；3.能使用文本样式与背景以及常用Web元素对网页进行美化和修饰；4.能使用盒模型对网页界面进行有效设计，做到布局合理、结构清晰；5.能利用表单进行网页信息的填写和处理；6.能在网页使用多媒体，实现各种多媒体功能；7.掌握JaVaSCript、jQuer等代码技术，提高网页的互动性，增强网页的用户体验。
《HTML CSS JavaScript前端开发基础教程》教学大纲
《HTML+CSS+JavaScript前端开发基础教程》教学大纲课程代码：课程名称：HTML+CSS+JavaScript前端开发基础教程开课学期：5学分/学时：3/32+16课程类型：必修适用专业/开课对象：先修课程：开课单位：团队负责人：责任教授：执笔人：核准院长：一、课程的性质、目的与任务《HTML+CSS+JavaScript前端开发基础教程》是软件工程专业中一门综合性很强的基础课程，主要内容包括十九个章节。
在第一章介绍了HTML/CSS/JavaScript的背景，以及相关的开发环境以及一些入门相关的知识点。
在第二章介绍什么是标记语言，以及HTML的基本特征与说明，HTML结构，HTML 示例与调试等。
在第三章介绍了基本的HTML元素、属性、样式、注释以及区块的概念。
在第四章介绍常用的HTML控件，包括表单、多媒体以及HTML表格。
在第五章介绍客户端存储方案，包括Cookie、localStorage、sessionStorage以及它们三部分的对比。
在第六章简单介绍了两个简单HTML样例的实现与代码分析。
在第七章介绍CSS基本概念，包括CSS特性、语言基础、选择器、CSS字体、颜色以及CSS3背景设置等。
在第八章介绍CSS盒子模型，包括概念、边框、轮廓、外边距以及填充等。
第九章介绍弹性盒布局，主要包括原理介绍以及案例说明。
在第十章介绍了CSS的定位，包括position定位属性值说明，Float浮动属性说明，以及align属性说明等。
在第十一章介绍了CSS3动画以及响应式，通过该功能实现丰富的页面展示效果。
在第十二章介绍了CSS的两个简单样例以及代码分析。
在第十三章介绍了JavaScript的基本概念，变量使用、保留字、数据类型以及事件等。
在第十四章介绍了JavaScript的常用功能，包括对象、数组、函数、日期、表单、类库以及jQuery详细介绍。
在第十五章介绍了JavaScript自带的常用的对象类型。
《HTML+CSS+JavaScript网页制作案例教程(第2版)》教学教案—01网页那点事
《HTML+CSS+JavaScript网页制作案例教程》（第2版）教学教案课题名称第1章 HTML5+CSS3网页设计概述计划课时2课时内容分析在学习网页制作之前，首先需要了解一些与网页相关的知识，为初学者学习后面章节的内容打下坚实的基础。
本章将从网页概述、网页制作技术入门以及Dreamweaver工具的使用等几个方面详细讲解网页的基础知识。
教学目标●了解Web标准，明确HTML、CSS及JavaScript的作用。
●熟悉Dreamweaver工具的基本操作，能够使用Dreamweaver创建简单的网页。
重点及措施教学重点：Dreamweaver初始化设置、Dreamweaver基本操作、创建第一个网页。
措施：通过网页代码练习加强学习，并通过动手实践进行巩固。
难点及措施教学难点：无。
措施：无。
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解。
教学过程第一课时（讲解网页的组成、网页名词解释、HTML、CSS、JavaScript等知识点）本课时内容学习✧分组讨论对新课进行讲解前，先让学生分组讨论以下问题：什么是网页？你真的认识网页吗？请小组代表对以上问题发表见解。
教师对上述问题进行解释：答案：说到网页，其实大家并不陌生，我们上网时浏览新闻、查询信息、看视频等都是在浏览网页。
网页可以看做承载各种网站应用和信息的容器，所有可视化的内容都会通过网页展示给用户。
为了使初学者更好地认识网页，我们首先来看一下淘宝网站。
打开谷歌浏览器，在地址栏中输入淘宝网址“https:///”，单击“Enter”键，此时浏览器中显示的页面即为淘宝网的首页单击“F12”键，浏览器中弹出的窗口便会显示当前网页的源代码✧知识点讲解➢讲解“网页的组成”（1）教师列举生活中浏览网页的实例，并展示网页的结构。
（2）教师展示PPT，对网页的结构进行具体讲解。
（3）学生自主提问，教师对疑难问题进行解答。
➢讲解“网页名词解释”（1）教师展示PPT，讲解网页中的常见名词，并通过示例加以说明。
网页制作教学大纲
网页制作教学大纲网页制作教学大纲随着互联网的快速发展，网页制作已经成为一项重要的技能。
无论是个人博客、企业官网还是电子商务平台，都需要一个精美、实用的网页来吸引用户。
因此，学习网页制作成为了许多人的追求。
本文将为大家介绍一份完整的网页制作教学大纲，帮助读者系统地学习网页制作的各个方面。
一、HTML基础知识1.1 HTML简介HTML是网页制作的基础语言，学习HTML的基本概念和语法是网页制作的第一步。
本节将介绍HTML的历史背景、基本标签和常用属性。
1.2 HTML文档结构学习HTML文档的结构对于编写整洁、有序的网页至关重要。
本节将介绍HTML文档的基本结构，包括DOCTYPE声明、html、head和body标签的作用。
1.3 HTML文本标签网页中的文本是最基本的元素，学习如何使用HTML标签来定义文本的样式和结构是网页制作的核心。
本节将介绍常用的文本标签，如p、h1-h6、strong、em等。
二、CSS样式设计2.1 CSS简介CSS是网页样式设计的关键技术，学习CSS可以为网页增加丰富的样式和布局效果。
本节将介绍CSS的基本概念和语法。
2.2 CSS选择器选择器是CSS中最重要的概念之一，通过选择器可以选择特定的HTML元素并为其添加样式。
本节将介绍常用的选择器，如标签选择器、类选择器、ID选择器等。
2.3 CSS样式属性掌握常用的CSS样式属性可以使网页呈现出各种各样的效果。
本节将介绍常用的样式属性，如背景、边框、字体、颜色等。
三、响应式网页设计3.1 移动设备的普及随着智能手机和平板电脑的普及，移动设备上的网页访问量大幅增加。
学习响应式网页设计可以使网页在不同设备上都能有良好的显示效果。
3.2 媒体查询媒体查询是响应式网页设计中的重要技术，通过媒体查询可以根据设备的特性来调整网页的样式和布局。
本节将介绍媒体查询的基本语法和常用的媒体特性。
3.3 弹性布局弹性布局是一种适应不同屏幕尺寸的布局方式，通过使用弹性盒子模型和网格布局可以实现网页的自适应。
网页制作教学大纲
网页制作教学大纲网页制作教学大纲随着互联网的迅猛发展，网页制作已经成为了一种非常重要的技能。
无论是个人还是企业，都需要一个优秀的网页来展示自己的形象和产品。
因此，学习网页制作已经成为了现代人必备的一项技能。
本文将为大家提供一份网页制作教学大纲，帮助初学者快速入门。
一、HTML基础1.1 什么是HTMLHTML（Hypertext Markup Language）是一种用于创建网页的标记语言。
学习HTML是网页制作的第一步。
本节将介绍HTML的基本概念和语法规则。
1.2 HTML标签HTML标签是用于定义网页结构和内容的元素。
本节将介绍HTML常用的标签，如标题标签、段落标签、链接标签等，并讲解它们的使用方法。
1.3 HTML属性HTML属性是用于为HTML元素提供额外的信息。
本节将介绍HTML常用的属性，如颜色属性、字体属性等，并讲解如何使用这些属性来美化网页。
二、CSS样式设计2.1 什么是CSSCSS（Cascading Style Sheets）是一种用于描述网页样式的语言。
学习CSS可以帮助我们为网页添加各种各样的样式，使其更加美观和易读。
本节将介绍CSS的基本概念和语法规则。
2.2 CSS选择器CSS选择器用于选择要应用样式的HTML元素。
本节将介绍CSS常用的选择器，如标签选择器、类选择器、ID选择器等，并讲解它们的使用方法。
2.3 CSS样式属性CSS样式属性用于定义HTML元素的样式。
本节将介绍CSS常用的样式属性，如背景颜色、字体大小、边框样式等，并讲解如何使用这些属性来美化网页。
三、响应式设计3.1 什么是响应式设计随着移动设备的普及，网页需要适应不同的屏幕尺寸和设备。
响应式设计可以使网页在不同的设备上都能够良好地显示和使用。
本节将介绍响应式设计的基本概念和原理。
3.2 媒体查询媒体查询是用于根据设备特性来应用不同的CSS样式的技术。
本节将介绍媒体查询的语法和常用的媒体特性，如屏幕宽度、设备方向等，并讲解如何使用媒体查询来实现响应式设计。
HTMLCSSJavaSri网页设计基础与实战课程大纲学时-V1
HTMLCSSJavaSri网页设计基础与实战课程大纲学时-V1HTMLCSSJavaScript 网页设计基础与实战课程大纲一、课程简介本课程旨在帮助学生掌握 HTML、CSS 和 JavaScript 的基本知识和实际应用能力，从而打下网页设计的基础。
二、学时安排本课程总共 60 个学时，其中：1. HTML 基础知识与实战应用（20 学时）2. CSS 基础知识与实战应用（20 学时）3. JavaScript 基础知识与实战应用（20 学时）三、课程内容1. HTML 基础知识与实战应用（1） HTML 基本结构和元素1. 文档类型声明 <!DOCTYPE>2. 页面头部 <head> 标签3. 页面主体内容 <body> 标签（2） HTML 基本标签1. 标题标签 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>2. 段落标签 <p>3. 时间标签 <time>4. 链接标签 <a>5. 图像标签 <img>6. 表格标签 <table>（3） HTML 表单1. 表单基础知识2. 表单元素 <input>、<button>、<textarea>、<select>、<label> 2. CSS 基础知识与实战应用（1） CSS 基础概念1. CSS 是什么2. CSS 选择器3. CSS 样式优先级（2） CSS 样式属性1. 字体和文本样式2. 盒子模型和布局3. 边框和背景样式3. JavaScript 基础知识与实战应用（1） JavaScript 基础语法1. 数据类型2. 变量和常量3. 运算符4. 函数（2） DOM 操作1. 什么是 DOM2. 获取 DOM 元素3. 修改 DOM 元素（3）事件处理1. 事件的介绍2. 事件的监听和处理四、其他补充本课程还涵盖了以下补充知识点：1. Web 标准和语义化网页2. 响应式设计和移动端适配3. CSS 预处理器和工具的使用五、总结HTMLCSSJavaScript 网页设计基础与实战课程，让学生全面掌握网页设计的基本知识和实际应用能力，为未来的 Web 开发打下坚实的基础。
《HTML网页设计》课程教学大纲
《HTML网页设计》课程教学大纲第一篇：《HTML网页设计》课程教学大纲《HTML网页设计》课程教学大纲一、教学目的和任务《HTML静态网页设计》是我院软件开发专业的专业基础课，选用教材《网页设计》，全书共分为17章，其中HTML内容占11章，包括HTML基本语法，常用标签的使用，表格的使用，层和框架的使用，在HTML中多媒体的应用，表单的使用，网页的图像及多媒体，以及站点的创建和管理。
其中重点包括常用标签的使用，表格的使用，框架和表单的使用，文字与段落，以及CSS应用。
一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识，让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。
另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握相关软件操作的基本知识，并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。
二、教学方法与教学要求1课前认真备课，选好实例网页制作技术不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。
课堂教学是传授知识的主要方式和场所，目的在于将书本知识转化为学生的知识和技能。
为实现这一目的，我深入钻研教材，理清教材内容特点、编排次序和知识点之间的衔接关系，整理出一条条线索。
如在上第一节课时，我会从网上下载一些经典的并具有代表性的网页给同学欣赏，在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。
课堂的教学方法教学过程是教师与学生之间信息传递及反馈的过程。
“我认为教学的艺术不在于传授本领，而在于激励、唤醒、鼓舞。
”因此，在学习过程中，给学生明确的思路，激励学生积极主动参与思考，运用任务驱动法、模块教学法，案例教学法和项目教学法等教学手段，引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感，使学习兴趣长久地保持下去。
HTMLCSSJavaScript教学教案讲解3
《HTML CSS JavaScript网页制作》教学教案第1讲在当今社会中，网络已成为人们生活的一部分，网页设计技术已成为学习计算机的重要内容之一。
目前大部分网页都采用可视化网页编辑软件来制作的，但是无论采用哪一种网页编辑软件，最后都是将所设计的网页转化为HTML。
HTML是搭建网页的基础语言，如果不了解HTML，就不能灵活地实现想要的网页效果。
本章就来介绍HTML的基本概念和编写方法以与浏览HTML文件的方法，使读者对HTML有个初步的了解，从而为后面的学习打下基础。
第2讲一个完整的HTML文档必须包含3个部分：一个由<html>元素定义的文档版本信息，一个由<head>定义各项声明的文档头部和一个由<body>定义的文档主体部分。
<head>作为各种声明信息的包含元素出现在文档的顶端，并且要先于<body>出现。
而<body>用来显示文档主体内容。
文字是网页中最基本的信息载体，文字通过不同的排版方式、不同的设计风格排列在网页上，提供了丰富的信息。
文字的控制与布局在网页设计中占了很大比例，因此掌握好文字的使用，对于网页制作来说是最基本的。
本章就来讲解这些基本标记的使用，这些都是一个完整的网页必不可少的。
第3讲超级链接是HTML文档的最基本特征之一。
超级链接的英文名是hyperlink，它能够让浏览者在各个独立的页面之间方便地跳转。
每个网站都是由众多的网页组成，网页之间通常都是通过链接方式相互关联的。
超链接的范围很广，可以将文档中的任何文字与任意位置的图片设置为超级链接。
超链接有外部链接、电子邮件链接、锚点链接、空链接、脚本链接。
第4讲第7讲第8讲第9讲第10讲第11讲第12讲第13讲第14讲第15讲第16讲第17讲41 / 41。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲（课程英文名称）课程编号：201509210011学分：5学分学时：64学时（其中：讲课学时：45上机学时：19）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计、JavaScript网页特效适用专业：信息及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。
通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。
二、课程的主要内容及基本要求第一章网页那点事（2学时）[知识点]认识网页常见的互联网专业术语Web标准HTML简介CSS简介JavaScript简介常用浏览器介绍Dreamweaver工具的使用使用Dreamweaver创建第一个页面[重点]Web标准Dreamweaver工具的使用[难点]Web标准Dreamweaver工具创建第一个页面[基本要求]了解Web标准，明确HTML、CSS及JavaScript在其中的作用。
熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。
第二章从零开始构建HTML页面（4学时）[相关案例]【案例1】简单的网页：【案例2】新闻页面：【案例3】图文混排：[知识点]HTML文档基本格式单标记与双标记标题与段落标记HTML文档头部相关标记font标记标记的属性文本格式化标记图像标记相对路径与绝对路径常用图像格式特殊字符标记[重点]HTML文档基本格式标记的属性图像标记相对路径与绝对路径[难点]相对路径与绝对路径[学习目标]掌握HTML文档基本格式，能够书写规范的HTML网页。
掌握标题、段落及文字标记，可以合理地使用它们定义网页元素。
掌握图像标记，学会制作图文混排页面。
第三章使用CSS技术美化网页（8学时）[相关案例]【案例4】文字Logo：【案例5】专题栏目：【案例6】搜索页面：[知识点]CSS样式规则引入CSS样式表CSS基础选择器CSS字体样式属性CSS文本外观属性CSS复合选择器CSS层叠性与继承性CSS优先级[重点]CSS样式规则引入CSS样式表CSS复合选择器CSS层叠性与继承性CSS优先级[难点]CSS复合选择器CSS优先级[基本要求]掌握CSS样式规则，能够书写规范的CSS样式代码。
掌握CSS字体样式及文本外观属性，能够控制页面中的文本样式。
掌握CSS复合选择器，可以快捷选择页面中的元素。
理解CSS层叠性、继承性与优先级，学会高效控制网页元素。
第四章CSS盒子模型（8学时）[相关案例]【案例7】音乐盒：【案例8】用户中心：【案例9】咖啡店banner：【案例10】图标导航栏：[知识点]认识盒子模型div标记边框属性内边距属性外边距属性背景属性元素的类型span标记元素的转换[重点]div标记边框属性内边距属性外边距属性背景属性元素的转换[难点]背景属性元素的类型元素的转换[基本要求]掌握盒子模型相关属性，能够使用它们熟练地控制网页元素。
理解块元素与行内元素的区别，能够对它们进行转换。
第五章列表与超链接（6学时）[相关案例]【案例11】精美电商悬浮框：【案例12】二维码名片：【案例13】电商团购悬浮框：【案例14】唱吧导航栏：唱吧导航栏默认效果鼠标移上歌曲分类时[知识点]无序列表有序列表定义列表定义列表实现图文混排列表嵌套list-style复合属性背景图像定义列表项目符号超链接标记<a>清除超链接图像的边框链接伪类锚点链接[重点]无序列表定义列表背景图像定义列表项目符号超链接标记<a>链接伪类[难点]背景图像定义列表项目符号链接伪类[基本要求]掌握无序、有序及定义列表的使用，可以制作常见的网页列表模块。
掌握超链接标记的使用，能够使用超链接定义网页元素。
掌握CSS伪类，会使用CSS伪类实现超链接特效。
第六章HTML表单（6学时）[相关案例]【案例15】用户登录界面：【案例16】趣味选择题：【案例17】空间日志：【案例18】学员档案：[知识点]认识表单创建表单input控件textarea控件select控件CSS控制表单样式[重点]input控件textarea控件select控件CSS控制表单样式[难点]input控件CSS控制表单样式[基本要求]理解表单的构成，可以快速创建表单。
掌握表单相关标记，能够创建具有相应功能的表单控件。
掌握表单样式的控制，能够美化表单界面。
第七章浮动与定位（6学时）[相关案例]【案例19】世界杯梦幻阵容：【案例20】商品专栏：【案例21】移动端电商界面：【案例22】违停查询：“违停查询界面”默认效果鼠标经过第一个“违停坐标”效果[知识点]元素的浮动属性floatclear属性清除浮动overflow属性清除浮动after伪对象清除浮动overflow属性元素的定位属性静态定位相对定位绝对定位固定定位z-index层叠等级属性[重点]元素的浮动属性floatclear属性清除浮动overflow属性清除浮动相对定位绝对定位[难点]overflow属性清除浮动相对定位绝对定位[基本要求]理解元素的浮动，能够使用浮动对网页进行布局。
熟悉清除浮动的方法，能够清除浮动的影响。
掌握常见的几种定位模式，能够对元素进行精确定位。
第八章JavaScript编程基础（8学时）[相关案例]【案例23】动态获取用户密码：【案例24】传智商城下拉菜单：“传智商城”效果展示“下拉菜单”效果展示【案例25】计算器：[知识点]JavaScript的引入关键字变量prompt()函数alert()函数console.log()函数函数Array数组对象DOM节点树节点的访问元素对象常用操作元素属性与内容操作元素样式操作数据类型运算符运算符优先级表达式条件语句eval()函数[重点]变量函数Array数组对象DOM节点树节点的访问元素对象常用操作元素属性与内容操作元素样式操作条件语句[难点]DOM节点树节点的访问元素对象常用操作元素属性与内容操作元素样式操作[基本要求]掌握JavaScript语法规则，能够书写规范的JavaScript代码。
掌握数组的概念，能够熟练使用数组的常用属性和方法。
掌握节点的访问，能够准确访问指定元素和相关元素。
掌握if语句及switch语句，能够灵活运用条件控制语句。
第九章JavaScript事件处理（10学时）[相关案例]【案例26】电商网站限时秒杀：限时秒杀秒杀结束【案例27】Tab栏切换效果：Tab栏切换前Tab栏鼠标悬浮状态【案例28】台球移动游戏：台球初始位置台球移动后的位置【案例29】用户登陆验证：用户登陆验证未输入密码提示密码输入不一致提示[知识点]JavaScript事件事件处理程序的调用BOM操作Date对象数据类型转换循环控制语句跳转语句鼠标事件键盘事件页面事件事件对象表单事件String对象[重点]BOM操作Date对象循环控制语句跳转语句鼠标事件键盘事件页面事件事件对象表单事件[难点]鼠标事件键盘事件页面事件事件对象表单事件[基本要求]了解什么是JavaScript事件，能够对事件处理程序进行调用。
掌握JavaScript常用事件，如鼠标事件、表单事件、键盘事件以及页面事件等。
掌握BOM操作，能够使用BOM与浏览器窗口进行交互。
掌握Data对象的常用方法，能够应用Data对象获取当前区域的日期时间字符串。
第十章实战开发—传智播客设计学院首页面（6学时）[案例展示][知识点]建立站点站点初始化设置切片效果图分析页面布局定义公共样式制作头部和导航制作banner和通告制作主体内容区域制作底部版权区域[重点]建立站点切片效果图分析定义公共样式制作头部和导航制作banner和通告制作主体内容区域制作底部版权区域[难点]切片制作头部和导航制作banner和通告制作主体内容区域[基本要求]掌握站点的建立，能够建立规范的站点。
了解切图工具，能够运用切片裁切效果图。
完成首页面的制作，并能够实现简单的JavaScript特效。
三、学时分配章目讲课实验上机合计第一章网页那点事2学时0学时2学时第二章从零开始构建HTML页面3学时1学时4学时第三章使用CSS技术美化网页6学时2学时8学时第四章CSS盒子模型6学时2学时8学时第五章列表与超链接4学时2学时6学时第六章HTML表单4学时2学时6学时第七章浮动与定位4学时2学时6学时第八章JavaScript编程基础6学时2学时8学时第九章JavaScript事件处理6学时4学时10学时4学时2学时6学时第十章实战开发—传智播客设计学院首页面合计45学时19学时64学时四、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。
学生的考试成绩由平时成绩（30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、实验和上机成绩（20%）。
五、选用教材和主要参考书本大纲是根据教材《HTML+CSS+JavaScript网页制作案例教程》所设计的。
六、大纲说明本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是制作网页模块，要求学生根据效果图编写网页前台代码。
撰写人：审定人：批准人：执行时间：。