《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. 优化网页的性能和用户体验。
四、案例效果展示在完成案例的实现后，我们可以通过本地或远程服务器来查看最终的效果。
你将会看到一个美观、交互且功能完备的个人博客网页。
网页设计与制作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+JavaScript网页设计
本章概述 本章的学习目标 主要内容
Hale Waihona Puke 第1页本章概述• 随着互联网的发展，越来越多的人学会了上网，通过网络，可以 聊天、购物、看新闻、查天气等等。这些功能都是通过访问不同 的网页来完成的，那么网页是怎么制作出来的，我们通过手机、 电脑上网时又如何访问不同的网页呢？本章将从最基本的概念讲 起，告诉读者网页与网站的基本原理，如何设计和开发网页。
第4页
1.1 网页的基本概念
• 随着Internet的不断发展，网页已经被越来越多的人所熟悉。那么 什么是网页，网页有是如何搭建并呈现在用户面前的呢？
• Internet，中文正式译名为因特网，又叫做国际互联网。Internet 采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个 Internet上。
• HTML是最早的超文本标记语言，它的发展经历了HTML 1.0、2.0、3.2、4.0、 4.01和5几个版本，在发展过程这，尤其是从HTML4.0开始淘汰了很多标记和 属性，本书对这些淘汰的标记和属性不再赘述。
第12页
CSS层叠样式表
• 层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅 可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格 式化。
第11页
HTML概述
• HTML的全称是超文本标记语言(Hyper Text Markup Language)，是Internet上用 于编写网页的主要语言，它提供了精简而有力的文件定义，可以设计出多姿 多彩的超媒体文件。
• HTML文件是纯文本的文件格式，所谓的超文本，主要是指它的超链接功能， 通过超链接将图片、声音和影视及其他网页或其他网站链接起来，构成内容 丰富的Web页面。
网页设计与制作(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学时）三、考核与成绩评定采用日常性考核（大作业）和期末终结性考核相结合的方式。
《HTML CSS JavaScript网页制作案例教程》_教学大纲解析
《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网页。
《网页制作》课程教学大纲
《网页制作》课程大纲课程代码：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等代码技术，提高网页的互动性，增强网页的用户体验。
- 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特效。
三、学时分配四、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。
学生的考试成绩由平时成绩（30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、实验和上机成绩（20%）。
五、选用教材和主要参考书本大纲是根据教材《HTML+CSS+JavaScript网页制作案例教程》所设计的。
六、大纲说明本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是制作网页模块，要求学生根据效果图编写网页前台代码。
撰写人：审定人：批准人：执行时间：。