Web前端开发技术
Web前端开发技术
5000+ 人选课
更新日期:2025/05/22
开课时间2025/01/21 - 2025/07/20
课程周期26 周
开课状态开课中
每周学时-
课程简介
内容新颖全面:紧贴Web前端开发工程师的岗位的需求,精心策划教学内容。全面讲解HTML、CSS、DIV、JavaScript、DOM与BOM、浏览器兼容性测试、网站调试与发布等内容。实例真实丰富:从商业网站精选实例,每章再遴选一个经典的综合实例,将本章和相邻章节的知识融会贯通。讲解图文并茂:使用大量图表、图片进行归纳与分析,以提高教学效率。代码规范统一:提供风格统一、格式规范的源代码,培养读者良好的编程习惯。视频制作精美:关键知识和操作技能都配有精美的视频讲解,让学生无师自通。
课程大纲

在线教程

章节简介教学计划
Web前端开发技术综述
登录后可预览视频
Web概述
房晓南
Web前端开发工程师职业需求
房晓南
Web前端开发工具
房晓南
HTML基础
HTML文档结构
张婷婷
HTML基本语法
张婷婷
HTML文档编写规范
张婷婷
HTML综合实例
张婷婷
格式化文本与段落
格式化文本
姚艳玲
段落与排版
姚艳玲
列表
无序列表与有序列表
姚艳玲
列表嵌套与定义列表
姚艳玲
超链接
超链接的语法、路径及分类
姚艳玲
超链接的应用
姚艳玲
图像与多媒体文件
图像标记及其属性
姚艳玲
滚动文字和多媒体文件的使用
姚艳玲
CSS基础
CSS概述
李珊珊
CSS选择器类型
李珊珊
网页中的CSS
李珊珊
DIV与SPAN
DIV与SPAN概述
李珊珊
DIV与SPAN
李珊珊
CSS样式属性
CSS样式属性
李珊珊
CSS样式设置
李珊珊
CSS样式
李珊珊
DIV+CSS页面布局
DIV+CSS概述
李珊珊
DIV+CSS
李珊珊
表格
表格标记概述
房晓南
表格的基本属性
房晓南
表格的高级属性
房晓南
设置表格行、单元格的属性
房晓南
表单
表单概述
房晓南
基本输入控件
房晓南
高级输入控件
房晓南
多行文本框和下拉列表框
房晓南
HTML5基础与CSS3应用
HTML5 概述
赵丽丽
新增结构元素--header、nav、article
赵丽丽
新增结构元素--section、aside、footer
赵丽丽
新增页面元素--hgroup、figure 、figcaption
赵丽丽
新增页面元素--mark 、time、details
赵丽丽
新增的表单属性
赵丽丽
新增的表单元素
赵丽丽
HTML5 视频与音频
赵丽丽
CSS3 新特性
赵丽丽
transform 转换属性
赵丽丽
animation动画属性
赵丽丽
布局文本属性
赵丽丽
JavaScript基础
JavaScript概述
张婷婷
JavaScript程序基本语法
张婷婷
JavaScript交互的基本方法
张婷婷
数据类型和变量
张婷婷
运算符和表达式
张婷婷
JavaScript条件判断语句
张婷婷
JavaScript循环控制语句
张婷婷
JavaScript函数
张婷婷
JavaScript事件分析
JavaScript事件概述
张婷婷
表单事件
张婷婷
鼠标事件
张婷婷
键盘和窗口事件
张婷婷
DOM和BOM
JavaScript常用对象
房晓南
HTML DOM
房晓南
HTML BOM
房晓南
  • 第一章Web前端开发技术综述

    本章主要介绍Web前端开发技术相关基础知识。

  • 1.1Web概述

    Web的基本概念和发展历史介绍。

  • 1.2Web前端开发工程师职业需求

    介绍Web前端开发工程师的职业需求。

  • 1.3Web前端开发工具

    介绍主要的Web前端开发工具和浏览器。

  • 第二章HTML基础

    本章讲述HTML基本组成结构,重点是头部head和主体body标记的作用,标记类型语法及HTML属性语法。

  • 2.1HTML文档结构

    讲述HTML文档的基本结构。

  • 2.2HTML基本语法

    讲述HTML头部标记作用及标题标记、元信息meta标记的语法、主体标记主要属性及其设置方法。

  • 2.3HTML文档编写规范

    讲述HTML文档编写规范、HTML文档命名规则。

  • 2.4HTML综合实例

    讲述如何制作一个基本的WEB页面。

  • 第三章格式化文本与段落

    本章介绍格式化文本与段落的各种标记的使用。

  • 3.1格式化文本

    介绍Web页面初步设计以及各种格式化文本标记的使用。

  • 3.2段落与排版

    介绍段落标记与各种的排版标记的使用。

  • 第四章列表

    本章介绍各种列表标记的使用。

  • 4.1无序列表与有序列表

    介绍无序列表、有序列表标记及其属性。

  • 4.2列表嵌套与定义列表

    介绍列表嵌套和定义列表标记的使用。

  • 第五章超链接

    本章介绍超链接标记的使用。

  • 5.1超链接的语法、路径及分类

    介绍超链接语法、路径及分类。

  • 5.2超链接的应用

    介绍超链接不同链接对象的语法和使用方法。

  • 第六章图像与多媒体文件

    本章介绍在网页中使用图像、滚动文字、音频及其他多媒体文件的方法。

  • 6.1图像标记及其属性

    介绍图像标记的使用及其属性的设置方法。

  • 6.2滚动文字和多媒体文件的使用

    介绍在网页中添加滚动文字并设置文字滚动方向、滚动方式、滚动速度、滚动范围等以及使用音频等多媒体的方法。

  • 第七章CSS基础

    本章介绍CSS的相关基础知识概念。

  • 7.1CSS概述

    介绍CSS基本概念、语法。

  • 7.2CSS选择器类型

    介绍CSS选择器类型、继承及层叠。

  • 7.3网页中的CSS

    以实例讲解网页中的CSS。

  • 第八章DIV与SPAN

    本章重点讲解DIV与SPAN的概念及其在前端开发中的重要作用。

  • 8.1DIV与SPAN概述

    介绍DIV定义及应用。

  • 8.2DIV与SPAN

    以实例讲解DIV与SPAN。

  • 第九章CSS样式属性

    本章介绍CSS重要的样式属性及其设置、修改方法,是CSS部分的重点内容。

  • 9.1CSS样式属性

    介绍CSS字体及文本样式。

  • 9.2CSS样式设置

    介绍CSS样式的设置方法。

  • 9.3CSS样式

    以实例讲解CSS样式如何设置。

  • 第十章DIV+CSS页面布局

    本章讲述如何使用DIV+CSS对页面进行布局设计,并讲解了如何在网页中制作导航菜单。

  • 10.1DIV+CSS概述

    介绍页面布局设计及导航菜单设计。

  • 10.2DIV+CSS

    以实例讲解页面布局。

  • 第十一章表格

    本章介绍表格的主要标记和属性的使用方法。

  • 11.1表格标记概述

    介绍表格基本概念及其主要标记。

  • 11.2表格的基本属性

    介绍表格的边框、宽高及颜色背景属性。

  • 11.3表格的高级属性

    介绍表格的边框样式、单元格间距及对齐属性。

  • 11.4设置表格行、单元格的属性

    介绍表格行、单元格及嵌套属性的使用方法。

  • 第十二章表单

    本章介绍HTML中表单的主要标记和重要属性。

  • 12.1表单概述

    介绍表单的概念及域标记。

  • 12.2基本输入控件

    介绍单行文本输入框、密码框文本框、复选框、单选按钮的使用方法。

  • 12.3高级输入控件

    介绍图像、提交、重置、普通等多个按钮的使用方法。

  • 12.4多行文本框和下拉列表框

    介绍多行文本输入框和下拉列表框的主要标记和使用方法。

  • 第十三章HTML5基础与CSS3应用

    本章主要简单介绍HTML5的新特点、新增加标记及新增属性,学会运用CSS3新特性来改变网页的外在表现以增加用户的体验。

  • 13.1HTML5 概述

    介绍HTML5 新特性。

  • 13.2新增结构元素--header、nav、article

    介绍HTML5 新增结构元素--header、nav、article。

  • 13.3新增结构元素--section、aside、footer

    介绍HTML5 新增结构元素--section、aside、footer。

  • 13.4新增页面元素--hgroup、figure 、figcaption

    介绍HTML5 新增页面元素--hgroup、figure 、figcaption等。

  • 13.5新增页面元素--mark 、time、details

    介绍HTML5 新增页面元素--mark 、time、details 等。

  • 13.6新增的表单属性

    介绍HTML5 新增的表单属性。

  • 13.7新增的表单元素

    介绍HTML5 新增的表单元素。

  • 13.8HTML5 视频与音频

    介绍HTML5 视频与音频的使用。

  • 13.9CSS3 新特性

    介绍CSS3 新特性。

  • 13.10transform 转换属性

    介绍transform 转换属性。

  • 13.11animation动画属性

    介绍animation动画属性。

  • 13.12布局文本属性

    介绍布局文本属性。

  • 第十四章JavaScript基础

    本章讲述JavaScript程序的基本用法,重点是JavaScript中的数据类型和变量的使用;JavaScript中条件、循环两种程序控制结构的应用;JavaScript中函数的定义及调用的方法。

  • 14.1JavaScript概述

    讲述什么是JavaScript;JavaScript程序的编辑、运行与调试;JavaScrip在HTML文档中的位置。

  • 14.2JavaScript程序基本语法

    讲述JavaScript的最基本的语法规则、JavaScript中注释的用法。

  • 14.3JavaScript交互的基本方法

    讲述JavaScript中如何使用alert、confirm、prompt实现人机交互。

  • 14.4数据类型和变量

    讲述JavaScrip的基本的数据类型和变量的使用方法。

  • 14.5运算符和表达式

    讲述JavaScrip运算符和表达式的类型和用法。

  • 14.6JavaScript条件判断语句

    讲述条件判断语句的四种分支结构的用法。

  • 14.7JavaScript循环控制语句

    讲述循环控制语句的三种用法,break和continue语句的作用。

  • 14.8JavaScript函数

    讲述如何自定义函数及如何调用,return语句的基本语法。

  • 第十五章JavaScript事件分析

    本章讲述JavaScript中的事件,重点是基本事件类型的使用方法。

  • 15.1JavaScript事件概述

    讲述网页中基本的事件类型、事件句柄、事件处理方法。

  • 15.2表单事件

    讲述表单获得焦点、失去焦点事件、提交及重置事件、改变及选择事件处理程序的调用方法。

  • 15.3鼠标事件

    讲述鼠标鼠标单击、双击、移动事件处理程序的调用方法。

  • 15.4键盘和窗口事件

    讲述键盘和窗口事件的调用方法。

  • 第十六章DOM和BOM

    本章介绍DOM和BOM对象的核心技术和主要方法。

  • 16.1JavaScript常用对象

    介绍JavaScript常用对象及其使用方法。

  • 16.2HTML DOM

    介绍DOM对象的主要定义及操作方法。

  • 16.3HTML BOM

    介绍代表性的BOM对象及其主要方法。

  • 开始学习
  • 第一章  作业测试
    第一章 Web前端开发技术综述

    1.1 Web概述

    1.2 Web前端开发工程师职业需求

    1.3 Web前端开发工具

    视频数3
  • 第二章  作业测试
    第二章 HTML基础

    2.1 HTML文档结构

    2.2 HTML基本语法

    2.3 HTML文档编写规范

    2.4 HTML综合实例

    视频数4
  • 第三章  作业测试
    第三章 格式化文本与段落

    3.1 格式化文本

    3.2 段落与排版

    视频数2
  • 第四章  作业测试
    第四章 列表

    4.1 无序列表与有序列表

    4.2 列表嵌套与定义列表

    视频数2
  • 第五章  作业测试
    第五章 超链接

    5.1 超链接的语法、路径及分类

    5.2 超链接的应用

    视频数2
  • 第六章  作业测试
    第六章 图像与多媒体文件

    6.1 图像标记及其属性

    6.2 滚动文字和多媒体文件的使用

    视频数2
  • 第七章  作业测试
    第七章 CSS基础

    7.1 CSS概述

    7.2 CSS选择器类型

    7.3 网页中的CSS

    视频数3
  • 第八章  作业测试
    第八章 DIV与SPAN

    8.1 DIV与SPAN概述

    8.2 DIV与SPAN

    视频数2
  • 第九章  作业测试
    第九章 CSS样式属性

    9.1 CSS样式属性

    9.2 CSS样式设置

    9.3 CSS样式

    视频数3
  • 第十章  作业测试
    第十章 DIV+CSS页面布局

    10.1 DIV+CSS概述

    10.2 DIV+CSS

    视频数2
  • 第十一章  作业测试
    第十一章 表格

    11.1 表格标记概述

    11.2 表格的基本属性

    11.3 表格的高级属性

    11.4 设置表格行、单元格的属性

    视频数4
  • 第十二章  作业测试
    第十二章 表单

    12.1 表单概述

    12.2 基本输入控件

    12.3 高级输入控件

    12.4 多行文本框和下拉列表框

    视频数4
  • 第十三章  作业测试
    第十三章 HTML5基础与CSS3应用

    13.1 HTML5 概述

    13.2 新增结构元素--header、nav、article

    13.3 新增结构元素--section、aside、footer

    13.4 新增页面元素--hgroup、figure 、figcaption

    13.5 新增页面元素--mark 、time、details

    13.6 新增的表单属性

    13.7 新增的表单元素

    13.8 HTML5 视频与音频

    13.9 CSS3 新特性

    13.10 transform 转换属性

    13.11 animation动画属性

    13.12 布局文本属性

    视频数12
  • 第十四章  作业测试
    第十四章 JavaScript基础

    14.1 JavaScript概述

    14.2 JavaScript程序基本语法

    14.3 JavaScript交互的基本方法

    14.4 数据类型和变量

    14.5 运算符和表达式

    14.6 JavaScript条件判断语句

    14.7 JavaScript循环控制语句

    14.8 JavaScript函数

    视频数8
  • 第十五章  作业测试
    第十五章 JavaScript事件分析

    15.1 JavaScript事件概述

    15.2 表单事件

    15.3 鼠标事件

    15.4 键盘和窗口事件

    视频数4
  • 第十六章  作业测试
    第十六章 DOM和BOM

    16.1 JavaScript常用对象

    16.2 HTML DOM

    16.3 HTML BOM

    视频数3
  • 期末考试