《Web前端开发技术》课程教学设计方案
《Web前端开发》教案
Web前端开发教案第一讲：HTML基础与布局元素教学目标与要求：1．了解web基本概念及HTML的发展史2．使用HTML的基本结构创建网页3．使用行级和块级标签组织页面内容4．使用图像标签实现图文并茂的页面教学主要内容、时间安排及教学方法与手段：1-1Web概述1.1.1Web客户端技术●HTML●CSS●JavaScript1.1.2 Web服务端技术●PHP●●JSP1-2HTML基本结构头部+正文1-3HTML头部元素<head></head><title></title><link></link><meta></meta>1-4块级标签●基本块级标签标题标签段落标签水平线标签常用于布局的块级标签有序列表标签无序列表标签表格表单分区标签<div></div>1-5行级标签<img/><span><br/><a>1-6 W3C标准W3C：World Wide Web Consortium，万维网联盟W3C的职能：负责制定和维护web行业标准W3C标准包括：列的标准：HTML内容方面：XHTML样式美化方面：CSS结构文档访问方面：DOM页面交互方面：ECMAScript重点和难点：重点：HTML 基本结构、块级标签、行级标签难点：使用<div>进行布局复习思考题、作业题：任务1基本块级元素使用HTML编辑工具，编写HTML代码，实现如图所示的页面效果 任务2用于布局的块级元素编写HTML代码，实现如图所示的页面效果任务3行级元素编写HTML代码，实现如图所示的页面效果。
任务4超链接编写HTML代码，实现导航菜单的链接●单击lj.html页面的“人物简介”，将跳转到ww.html的介绍页。
●单击lj.html页面的“王孟”，将跳转到设置锚点的ww.html页面相应位置。
web前端开发技术教案
Web前端开发技术教案**教学目标**1. 让学生掌握HTML、CSS和JavaScript的基本概念和用法。
2. 培养学生的实际操作能力，能够独立完成简单的Web页面开发。
3. 培养学生的团队协作和沟通能力，了解前端开发在整体Web开发中的位置和作用。
**教学内容**1. Web基础知识介绍2. HTML基础标签及页面结构3. CSS选择器及样式应用4. JavaScript基础语法及事件处理5. 常见的前端框架和库介绍**教学难点与重点*** 重点：HTML、CSS和JavaScript的基本语法和用法。
* 难点：如何将各种技术整合在一起，构建一个完整的Web页面。
**教具和多媒体资源**1. 投影仪，用于展示代码和页面效果。
2. 电脑，安装有浏览器、文本编辑器和相关软件。
3. 教学PPT，简要介绍各个知识点。
**教学方法**1. **激活学生的前知**：通过提问，了解学生对Web的基本认知情况。
2. **教学策略**：结合实例进行讲解，让学生在实际操作中掌握技术。
3. **学生活动**：小组讨论、实战演练。
**教学过程**1. **导入**：通过展示一个简单的网页，引起学生的兴趣。
2. **讲授新课**：逐一讲解各个知识点，配合实例进行演示。
3. **巩固练习**：让学生自己动手编写简单的HTML、CSS和JavaScript代码。
4. **归纳小结**：总结本节课的重点内容，并回答学生的疑问。
**评价与反馈**1. **设计评价策略**：通过实操和小组报告，观察学生的掌握情况。
2. **为学生提供反馈**：点评学生的练习成果，给出改进建议。
**作业布置**1. 制作一个简单的个人网页，包含基本的页面结构和样式。
2. 为自己的网页添加一些基本的功能，如点击按钮改变颜色等。
**教后反思**1. 回顾教学目标是否达成，学生对前端开发技术是否有基本的理解和掌握。
2. 分析教学过程中遇到的问题，如何改进以提高教学质量。
课程设计报告(web前端开发)
课程设计报告(web前端开发)一、课程目标知识目标：1. 学生能理解并掌握HTML5、CSS3和JavaScript的基础知识，了解网页的基本结构和常见的前端开发技术。
2. 学生能了解并运用响应式设计原理，实现不同设备上的网页适配。
3. 学生掌握DOM操作，能实现动态交互效果和数据绑定。
4. 学生了解前端框架Vue.js的基本使用，能运用其进行组件化和模块化开发。
技能目标：1. 学生能运用所学知识独立完成静态网页的设计与制作，具备基本的网页布局能力。
2. 学生能通过JavaScript和框架实现简单的网页交互功能，提高用户体验。
3. 学生具备团队协作能力，能在项目中发挥自己的专长，与他人共同完成项目开发。
情感态度价值观目标：1. 培养学生对前端开发的兴趣和热情，激发其主动学习和探索的精神。
2. 培养学生具备良好的编程习惯，注重代码规范和性能优化。
3. 培养学生面对困难和挑战时，保持积极心态，善于寻求解决方案。
4. 培养学生具备合作精神，尊重他人意见，学会倾听和沟通。
课程性质：本课程为实践性较强的课程，注重培养学生的动手能力和实际项目经验。
学生特点：学生具备一定的计算机基础，对前端开发有一定了解，学习积极性较高。
教学要求：结合实际项目案例，以任务驱动的方式进行教学，注重理论与实践相结合，提高学生的实际操作能力。
同时，关注学生的个体差异，进行差异化教学，确保每个学生都能在课程中取得进步。
在教学过程中，及时评估学生的学习成果，调整教学策略，以达到课程目标。
二、教学内容1. 网页基础知识- HTML5基本标签、属性和文档结构- CSS3选择器、样式属性、盒模型和布局- 网页色彩、字体和图标设计2. 响应式设计- 媒体查询和设备适配- 弹性布局和网格布局- 移动端和桌面端页面优化3. JavaScript基础- 数据类型、运算符、流程控制- 函数、对象和数组- DOM操作、事件处理和表单验证4. 前端框架Vue.js- Vue.js基本概念、生命周期和指令- 组件化开发和模块化设计- 数据绑定、计算属性和侦听器5. 项目实战- 网页设计与制作：静态页面布局、样式设计、交互功能实现- 前端工程化：版本控制、构建工具、性能优化- 团队协作：项目分工、沟通与协作、代码审查教学内容安排与进度：第一周：网页基础知识学习第二周：响应式设计原理与实践第三周：JavaScript基础及DOM操作第四周：Vue.js框架学习第五周：项目实战与前端工程化第六周：团队协作与项目总结教材章节关联：《HTML5与CSS3权威指南》第1-5章、第7-9章《JavaScript高级程序设计》第1-6章、第13章《Vue.js实战》第1-7章教学内容确保科学性和系统性，结合实际案例，使学生掌握前端开发的核心知识，培养其解决实际问题的能力。
web前端开发学的课程设计
web前端开发学的课程设计一、课程目标知识目标：1. 理解Web前端开发的基本概念，掌握HTML、CSS和JavaScript的核心语法和用法；2. 学会使用浏览器开发者工具进行调试和优化；3. 掌握响应式设计的原理，能够实现不同设备上的良好浏览体验；4. 了解Web前端性能优化方法，提高页面加载速度和运行效率。
技能目标：1. 能够独立编写结构清晰、样式美观的静态网页；2. 能够运用JavaScript实现动态交互效果，如轮播图、下拉菜单等；3. 能够运用前端框架和库，如Bootstrap、jQuery等，提高开发效率；4. 能够对Web前端项目进行调试、优化和部署。
情感态度价值观目标：1. 培养学生对Web前端开发的兴趣和热情，激发学习动力；2. 培养学生的团队协作意识和沟通能力，提高项目开发效率；3. 培养学生关注用户体验，以用户需求为导向，提升产品品质；4. 培养学生具备良好的编程习惯，注重代码规范和文档编写。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机操作基础，对Web前端开发有一定了解，但缺乏系统学习和实践经验。
教学要求：结合课程性质和学生特点，采用案例教学、任务驱动、分组合作等教学方法，确保学生在掌握基本知识的基础上，提高实际操作能力和团队协作能力。
通过课后实践和项目实训，使学生能够将所学知识运用到实际项目中，提升综合素质。
二、教学内容1. 基础知识：- HTML：文本、链接、图片、列表、表格、表单等基本标签及属性；- CSS：选择器、字体样式、盒模型、布局、响应式设计、过渡和动画等；- JavaScript：变量、数据类型、运算符、流程控制、函数、事件处理、DOM 操作等。
2. 前端工具与库：- 浏览器开发者工具的使用；- 常用前端库（如jQuery、Bootstrap）的使用；- 版本控制工具（如Git）的简单应用。
3. 前端框架：- Vue.js框架的基本使用和原理；- React.js框架的基本使用和原理；- Angular框架的基本了解。
web前端课程设计
web前端课程设计一、课程目标知识目标：1. 让学生掌握Web前端开发的基本概念，理解HTML、CSS和JavaScript在网页中的作用和关系。
2. 学会使用HTML构建网页结构，掌握常见标签的使用方法。
3. 掌握CSS基本语法，能实现网页的布局和样式设计。
4. 掌握JavaScript基本语法，实现简单的交互效果。
技能目标：1. 培养学生独立完成静态网页设计与开发的能力。
2. 提高学生利用Web前端技术解决实际问题的能力。
3. 培养学生的团队协作和沟通能力，能与他人共同完成项目。
情感态度价值观目标：1. 培养学生热爱互联网技术，对Web前端开发产生浓厚的兴趣。
2. 培养学生具备良好的编程习惯，注重代码的可读性和可维护性。
3. 培养学生的创新意识和批判性思维，善于发现和解决问题。
课程性质：本课程为实践性较强的课程，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机基础，对Web前端技术有一定了解，但实践经验不足。
教学要求：结合课程性质和学生特点，教学过程中应以案例为主线，引导学生动手实践，注重培养学生的实际操作能力和解决问题的能力。
将课程目标分解为具体的学习成果，以便于教学设计和评估。
二、教学内容1. 网页基础知识- 网页的基本概念- 网页的组成元素2. HTML基础- HTML基本结构- 常见HTML标签及其使用方法- 表格、表单、列表等HTML元素的运用3. CSS样式- CSS基本语法- 选择器、属性和值- 盒子模型与布局- 响应式设计4. JavaScript基础- JavaScript语法基础- 数据类型、变量、运算符- 控制语句、函数- 事件处理、DOM操作5. 综合实战- 静态网页设计与开发- 响应式网页设计- 简单的动态效果实现教学内容安排与进度：第一周：网页基础知识，HTML基础第二周：CSS样式，盒子模型与布局第三周：JavaScript基础，事件处理第四周：综合实战，项目开发与优化教材章节关联：1. 网页基础知识——《Web前端开发基础》第1章2. HTML基础——《Web前端开发基础》第2-3章3. CSS样式——《Web前端开发基础》第4-5章4. JavaScript基础——《Web前端开发基础》第6-7章5. 综合实战——结合整本教材内容进行项目实践教学内容确保科学性和系统性，以教材为基础，结合实际案例，引导学生掌握Web前端技术的基本知识与技能。
web前端开发课程设计
web前端开发课程设计一、教学目标本课程旨在通过学习web前端开发，使学生掌握HTML、CSS和JavaScript的基本知识，能够独立完成静态网页的编写和设计。
具体目标如下：知识目标：理解并掌握HTML标签、属性及语义，能够编写结构合理的网页；熟练使用CSS选择器、盒模型、布局和样式优先级，能够实现美观的页面样式；掌握JavaScript基本语法、流程控制、函数和事件处理，能够实现网页的交互功能。
技能目标：能够使用至少一种前端构建工具（如Webpack）进行项目构建；熟悉版本控制系统（如Git）的使用，能够进行代码的版本管理和团队协作；能够运用响应式设计原理，实现适配不同设备的网页。
情感态度价值观目标：培养学生对前端开发的兴趣，激发其创新精神和团队合作意识，使其认识到web前端技术在现代社会中的重要作用，提高其信息素养。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分，具体安排如下：第1-2周：HTML基础知识，学习标签、属性及语义，掌握基本的页面结构编写。
第3-4周：CSS样式编写，学习选择器、盒模型、布局和样式优先级，能够实现页面样式的设计与优化。
第5-6周：JavaScript基础，学习基本语法、数据类型、流程控制、函数和事件处理，能够实现基本的网页交互功能。
第7-8周：前端构建工具和版本控制，学习Webpack的使用和Git的配置，掌握项目构建和团队协作的方法。
第9-10周：响应式设计，学习媒体查询和移动端布局，实现适配不同设备的网页。
三、教学方法为了提高学生的学习兴趣和主动性，本课程将采用多种教学方法，如讲授法、讨论法、案例分析法和实验法等。
讲授法：用于传授基本知识和概念，引导学生掌握核心要点。
讨论法：鼓励学生针对案例进行分析讨论，培养其解决问题的能力。
案例分析法：通过分析实际项目案例，使学生了解web前端技术在实际应用中的作用。
实验法：让学生动手编写代码，培养其实际操作能力和创新精神。
web前端开发技术授课计划
通过对我院学生学习能力的了解及分析,结合教材的内容,本学期计划采用理论与实践相结合的教学方式,以实际案例带动课堂学习,并在课下布置任务,着重对学生实操能力的培养。
通过对我院学生学习能力的了解及分析，结合教材的内容，本学期计划采用理论与实践相结合的教学方式，以实际案例带动课堂学习，并在课下布置任务，着重对学生实操能力的培养。
2. 2. 5注释标记
2. 2. 6预定格式标记
2
讲练
有
2. 2. 7综合应用文本标记设计博客
2
讲练
有
任务2. 3使用页面多媒体技术
2. 3. 1图像标记
2
讲练
有
3
3
2. 3. 2图文混排案例
2
讲练
有
2. 3. 3音乐和影像文件
2
讲练
有
任务2. 4超链接标记的使用
2. 4. 1文本的超链接
2. 4. 2图像的超链接
2
讲练
有
9.3JavaScript典型案例
2
讲练
有
13
13Байду номын сангаас
综合案例练习
2
实验
无
第10章Ajax入门
10.1 Ajax技术工作机制
2
讲练
无
10.1 Ajax技术工作机制
2
讲练
无
14
14
10.2JSON在模拟天气预报中的使用
2
讲练
10.3案例
2
第11章制作小型网站
2
讲练
15
15
第11章制作小型网站
2
讲练
任务1．3了解常用网络技术术语
web前段课程设计
web前段课程设计一、课程目标知识目标：1. 让学生掌握Web前端的基本概念，包括HTML、CSS和JavaScript的使用。
2. 使学生了解Web标准，理解网页结构和表现分离的原则。
3. 帮助学生掌握常用的HTML标签、属性，以及页面布局和样式设计。
技能目标：1. 培养学生能够运用HTML和CSS编写结构清晰、样式美观的静态网页。
2. 提高学生使用JavaScript实现简单交互功能的开发能力。
3. 培养学生具备良好的编码习惯，掌握基本的调试技巧。
情感态度价值观目标：1. 激发学生对Web前端开发的兴趣，培养其主动学习的热情。
2. 培养学生具有良好的团队协作精神，学会与他人分享和交流。
3. 增强学生的创新意识，使其能够运用所学知识解决实际问题。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机基础和网络知识，对网页制作有一定的好奇心和兴趣。
教学要求：结合实际案例，采用任务驱动的教学方法，引导学生主动探索，提高学生的实际操作能力。
将课程目标分解为具体的学习成果，以便于教学设计和评估。
二、教学内容1. HTML基础：包括HTML文档结构、常用标签及其属性、文本格式化、图像和链接的插入等。
- 教材章节：第1章 HTML基础- 内容安排：2课时2. CSS样式：学习CSS选择器、文本样式、颜色和背景、盒模型、浮动布局、定位等。
- 教材章节：第2章 CSS样式设计- 内容安排：3课时3. 网页布局：掌握常见的网页布局方法，如表格布局、Div+CSS布局等。
- 教材章节：第3章 网页布局- 内容安排：2课时4. JavaScript基础：了解JavaScript语法、变量、数据类型、运算符、流程控制语句等。
- 教材章节：第4章 JavaScript基础- 内容安排：3课时5. 交互功能实现：学习事件处理、表单验证、DOM操作等，实现简单的网页交互功能。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
任务3参考资料：
1参考资料：R05 图像的渐变效果设置.doc
2.参考资料：R06 HTML5音视频的嵌入设计案例.doc
第五模块：HTML5及其新增元素属性
HTML5新特性与页面结构。
HTML5新增元素和新增属性。
HTML5新增表单元素及新增属性的设置方法。
1 《WEB前端开发技术》第22讲 CSS盒子模型（上）;
2 《WEB前端开发技术》第23讲 CSS盒子模型（下）;
3 《WEB前端开发技术》第24讲 CSS排版与页面布局;
4 《WEB前端开发技术》第25讲 CSS3高级应用;
5 《WEB前端开发技术》第43讲 导航菜单设计;
任务2文本辅导：
1.文本辅导：F15 运用盒子模型相关属性控制页面中各个元素.doc
3.文本辅导：F14 CSS层叠性与选择器优先级.doc
任务3参考资料：
参考资料：R08 CSS文本样式及高级特性实现.docx
第七模块：CSS盒子模型与排版布局
CSS样式设置中常用的单位。
CSS盒子模型。
边框、边界、填充及内容等属性及设置方法。
DIV标记的CSS各类属性。
常见的页面布局类型。
DIV结构及CSS规则。
5《WEB前端开发技术》第30讲 JS程序控制结构（下）;
6《WEB前端开发技术》第31讲 javascript函数（上）;
7《WEB前端开发技术》第32讲 javascript函数（下）；
任务2文本辅导：
1.文本辅导：F23 Javascript数据类型和变量.docx
2.文本辅导：F24 String对象与Array对象.docx
任务2文本辅导：
1.文本辅导：F11 HTML5的部分新增元素用法.docx
2.文本辅导：F08 HTML5表单中新增属性使用.doc
任务3参考资料：
参考资料：R07 HTML5标签综合案例.docx
第六模块：CSS基础及样式属性
CSS基本概念、CSS类型。
4种CSS样式定义的方法。CSS中字体、排版、颜色、背景、列表等属性设置。
BOM结构图
浏览器对象模型的各对象的层次关系。
window对象的定时器及对话框方法。
navigator、screen、history、location等对象的属性和方法。
任务1：观看第36、37、38、39、40、41、42讲视频；
任务2：学习文本辅导中F16、F17、F18资料；
任务3：实践训练，完成参考资料中R16、R17应用。
DIV和SPAN标记语法及标记语法。
任务1：观看第16、17、18、19、20、21讲视频；
任务2：学习文本辅导中F12、F13、F14资料；
任务3：实践训练，完成参考资料中R08高级应用实现。
任务1视频资源：
1 《Web前端开发技术》第16讲 CSS基本语法规则
2 《WEB前端开发技术》第17讲 CSS定义与引用;
JavaScript程序的概念与作用。
JavaScript标识符和变量的概念及其使用方法。
JavaScript常用运算符和表达式概念。
JavaScript中顺序、分支、循环三种程序控制结构语法。
JavaScript函数的定义方法与使用。
任务1：观看第26、27、28、29、30、31、32讲视频；
任务2：学习文本辅导中F23、F24、F25、F26、F27资料；
任务1：观看第13、14、15讲视频；
任务2：学习文本辅导中F11、F08资料；
任务3：实践训练，完成参考资料中R07 动手实践。
任务1视频资源：
1 《Web前端开发技术》第13讲 HTML5概述；
2 《Web前端开发技术》第14讲 HTML5的文档结构；
3 《Web前端开发技术》 第15讲 HTML5新增表单输入类型与属性;
8.文本辅导：F22 CSS3综合运用设计推广软文.doc
任务3参考资料：
1.参考资料：R09运用盒子模型属性实现弹出框页效果.docx
2.参考资料：R10 运用元素的浮动和定位实现焦点图效果.docx
3.参考资料：R11 CSS3的2D与3D属性方法.docx
第八模块：JavaScript编程基础
4《Web前端开发技术》第4讲 文本的使用（上）；
5《《Web前端开发技术》第5讲 文本的使用（下）；
任务2文本辅导：
1.文本辅导：F01 HTML基本标签应用.docx
2.文本辅导：F02 HTML文本样式属性设置.docx
任务3参考资料：R01HTML图文混排动手实践.docx
第二模块：列表、超链接与框架
第九模块：JavaScript事件分析
JavaScript事件类型与事件的概念。
事件句柄与事件处理代码相关联的方式。
利用表单的提交及重置事件对表单的数据进行校验。
鼠标事件中的鼠标单击及鼠标移动事件。
常用的键盘及窗口事件。
JavaScript内置对象的常用属性及方法。
任务1：观看第33、34、35、44讲视频；
《Web前端开发技术》课程教学设计方案
模块名称
涉及知识点
任务设计
各任务所用资源名称
第一模块：
HTML基础及文本使用
Web网站相关的基本概念;
常用的Web前端开发工具、浏览器工具。
HTML文档的基本结构。
标记类型、标记语法。
网页添加注释。
元信息meta标记的作用。
文本格式化标记类型与各种样式。
使用段落与排版标记。
任务3：实践训练，完成参考资料中R12、R13、R14应用。
任务1视频资源：
1《WEB前端开发技术》第26讲 JavaScript概念与作用;
2《WEB前端开发技术》第27讲 JavaScript标识符和变量;
3《WEB前端开发技术》第28讲 JS常用运算符和表达式;
4《WEB前端开发技术》第29讲 JS程序控制结构（上）;
2参考资料: R17 JavaScript事件和DOM节点操作.docx
2.文本辅导：F16 盒子边框的样式设置.docx
3.文本辅导：F17 盒子浮动float与清除浮动影响.doc
4.文本辅导：F18 盒子相对定位与相对定位设置.doc
5.文本辅导：F19 运用浮动与定位组织页面.doc
6.文本辅导：F20 块元素与行内元素的使用.doc
7.文本辅导：F21 CSS3属性选择器和结构伪类选择器应用.docx
3 《WEB前端开发技术》第18讲 DIV与SPAN;
4 《WEB前端开发技术》第19讲 CSS字体样式属性;
5 《WEB前端开发技术》第20讲 CSS文本与列表样式;
6 《WEB前端开发技术》第21讲 颜色和背景属性;
任务2文本辅导：
1.文本辅导：F12 CSS样式引用与选择器使用.docx
2.文本辅导：F13 选择器及伪类链接的综合使用.doc
2.文本辅导：F07 表单下拉菜单和下拉列表效果.doc
3.文本辅导：F08 HTML5表单中新增属性使用.doc
任务3参考资料：1.参考资来自：R03 常用表单控件设计用户注册界面.docx
2.参考资料: R04 用表单控件及属性设计信息登记表.doc
第四模块：图像与多媒体文件
图像img标记语法及属性。
6 《WEB前端开发技术》 第41讲 BOM对象模型（上）;
7 《WEB前端开发技术》 第42讲 BOM对象模型（下）;
任务2文本辅导：
1.文本辅导：F30 操作DOM.docx
2.文本辅导：F31 操作DOM树中的表单.docx
3.文本辅导：F32浏览器对象概述.docx
任务3参考资料：
1参考资料：R16 JS实现焦点图轮播和无缝滚动.docx
任务1：观看第1、2、3、4、5讲视频；
任务2：学习文本辅导中F01、F02资料；
任务3：实践训练，完成参考资料中R01动手实践。
任务1视频资源：
1《Web前端开发技术》第1讲 Web前端开发技术概述；
2《Web前端开发技术》第2讲 HTML文档结构；
3《《Web前端开发技术》第3讲 HTML基本语法；
任务2：学习文本辅导中F28、F29资料；
任务3：实践训练，完成参考资料中R15应用实践。
任务1视频资源：
1《WEB前端开发技术》第33讲 JS事件类型及处理方法；
2《WEB前端开发技术》第34讲 表单事件；
3《WEB前端开发技术》第35讲 鼠标键盘与窗口事件；
4《WEB前端开发技术》第44讲 图片切换案例
设计表格所有标记和属性。
表格行标记的属性及设置方法。
表格单元格的跨行与跨列属性的设置方法。
表格的嵌套方法。
表格中嵌入各种页面元素。
表单结构语法及属性语法。
表单控件(元素)标记语法及属性语法。
表单域和域标题标记语法。
任务1：观看第7、8、9、10讲视频；
任务2：学习文本辅导中F06、F07、F08资料；
3.文本辅导：F25 if分支语句应用.docx
4.文本辅导：F26 JavaScript的for循环.docx
5.文本辅导：F27 函数定义和调用.docx
任务3参考资料：
1.参考资料：R12 深入学习循环语句.docx
2.参考资料：R13 函数应用.docx
3.参考资料：R14 JavaScript作用域.docx
列表的类型。
无序列表、有序列表标记语法及属性语法。
使用嵌套列表设计小型网站首页。
超链接的基本标记语法和属性语法。
使用超链接实现电子邮件链接。
使用浮动框架实现内嵌页面的显示。