目录

  • 1 第一单元
    • 1.1 第1章  Web前端开发技术概述
    • 1.2 第2章 HTML基础
    • 1.3 实验一 实验指导书
    • 1.4 练习与实验答案1-2
    • 1.5 第1章单元测验
    • 1.6 第2章单元测验
  • 2 第二单元
    • 2.1 第 3章 格式化文字与与段落
    • 2.2 第4章 列表
    • 2.3 实验二 实验指导书
    • 2.4 练习与实验答案3-4
    • 2.5 第3章单元测验
    • 2.6 第4章单元测验
  • 3 第三单元
    • 3.1 第5章  超链接
    • 3.2 第6章 图像与多媒体文件
    • 3.3 实验三 实验指导书
    • 3.4 练习与实验答案5-6
    • 3.5 第5章单元测验
    • 3.6 第6章单元测验
  • 4 第四单元 CSS+DIV基础
    • 4.1 第7章  CSS
    • 4.2 实验四 实验指导书
    • 4.3 练习与实验答案7
    • 4.4 第7章单元测验
  • 5 第五单元  CSS+DIV高级应用
    • 5.1 第8章 CSS +CSS高级应用
    • 5.2 实验五 实验指导书
    • 5.3 第8章单元测验
    • 5.4 练习与实验8
  • 6 第六单元  表格
    • 6.1 第9章  表格
    • 6.2 实验六 实验指导书
    • 6.3 第9章单元测验
    • 6.4 练习与实验答案9
  • 7 第七单元  框架
    • 7.1 第10章 框架集属性
    • 7.2 实验七 实验指导书
    • 7.3 第10章单元测验
    • 7.4 练习与实验答案10
  • 8 第八单元 表单
    • 8.1 第11章 表单
    • 8.2 实验八 实验指导书
    • 8.3 第11章单元测验
    • 8.4 练习与实验答案11
  • 9 第九单元 JavaScript基础1
    • 9.1 第12章 JavaScript基础(1)
    • 9.2 实验九 实验指导书
  • 10 第十单元 JavaScript基础2
    • 10.1 第12章 JavaScript基础(2)
    • 10.2 实验十 实验指导书
    • 10.3 练习与答案答案12
    • 10.4 第12章单元测验
  • 11 第十一单元 JavaScript事件分析
    • 11.1 第13章 JavaScript事件
    • 11.2 实验十一 实验指导书
    • 11.3 第13章单元测验
    • 11.4 练习与答案答案13
  • 12 第十二单元 DOM与BOM
    • 12.1 第14章 DOM与BOM
    • 12.2 实验十二 实验指导书
    • 12.3 第14章单元测验
    • 12.4 练习与答案答案14
  • 13 第十三单元 复习
    • 13.1 第一课时 复习1
    • 13.2 第二课时 复习2
    • 13.3 模拟考试1
    • 13.4 模拟考试2
  • 14 课外阅读
    • 14.1 课程网站构建与发布
第1章  Web前端开发技术概述
  • 1 教学大纲
  • 2 教材PDF1
  • 3 PPT1

第1章  Web前端开发技术综述 教学指南


一、教学目标

通过本章的学习,学生应达到如下基本要求:

1.了解Web发展历史;              

2.了解Web前端开发工程师职业需求;

3.掌握Web网站相关的基本概念;

4.了解各种Web前端开发技术及其在Web网页中的作用;

5.熟悉各种常用的Web前端开发工具、浏览器工具,并学会使用主流开发工具;

6. 初步学会使用HTML、CSS、JavaScript设计简易的Web页面。

二、本章提要

    本章简要地介绍Web概述、Web前端开发工程师职业需求、Web前端开发工具、浏览器工具等方面的知识。重点介绍了Web前端开发技术,如HTML、CSS、JavaScript、AJAX、DOM和BOM等方面的技术,阐述了“Web标准三剑客”中的HTML、CSS、JavaScript每部分在WEB网页中的作用。

三、本章重难点

本章内容是Web前端开发技术的基础,学习目标是理解HTML、CSS、JavaScript在Web网页设计中作用及其相互关系。

    HTML是信息基础架构,称为页面的内容;CSS用来美化页面,称为页面原表现;JavaScript用来实现网页的动态性、交互性,称为页面的行为。即HTML是内容,CSS是表现,而JavaScript是行为。

*四、教学过程(可选)

    包括内容、授课过程、课堂练习、教学总结、作业、预习。

五、教学参考内容

    1.理论教材第1章课后练习与实验中的练习1与实验1。 

    2.实验教材实验一中项目1、项目2、项目6。

    3.教材配套PPT。

    4.网络教学平台上测验。