高等教育课程平台
首页
课程
教材
虚仿实验
教师教研
研究生教育
创课平台
课外成长
专题
慕课西部行
资讯
工学
计算机类
Web前端设计基础（小白学Web前端开发）
Web前端设计基础（小白学Web前端开发）
5000+ 人选课
更新日期：2025/07/02
开课平台智慧树
开课高校云南林业职业技术学院
开课教师曹玉婵、李英、周蓉、石芸、肖永报、杨珍、何君、朱丽卿、李腾
学科专业工学计算机类
开课时间2025/01/21 - 2025/07/20
课程周期26 周
开课状态开课中
每周学时-
课程简介
打开Web精彩世界大门，解密Web绚丽背后秘密，学习Web前端开发技能。
课程大纲

在线教程

章节简介教学计划
小白初认识——web神奇世界
登录后可预览视频
●
Web前端开发概述
石芸
●
认识网页与网站
石芸
●
Web标准
石芸
小白初体验——动动鼠标做网页
●
初识Dreamweaver
李英
●
建立站点
李英
●
给网页添加文字
李英
●
设置文本格式
李英
●
图像的插入
李英
●
插入多媒体元素
李英
●
创建超级链接
李英
●
插入表格
李英
小白技能提升——学敲代码做网页
●
HTML概述与基本标签
●
HTML的基本概述
肖永报
●
常用标签及属性
肖永报
●
表格与列表
●
表格标签
肖永报
●
列表标签
肖永报
●
MARQUEE标签
肖永报
●
表单和表单元素
●
表单
杨珍
●
常用表单元素和属性
杨珍
●
掌握框架和框架集
●
框架集作用及动框架集的使用
杨珍
●
框架集标签分割页面
杨珍
●
超链接跳转到指定框架
杨珍
小白技能扩展——学习网站新布局
●
CSS层叠样式表
●
background背景样式的应用
何君
●
border边框样式的应用
何君
●
list列表样式的应用
何君
●
text文本样式的应用
何君
●
其他常用的样式的应用
何君
●
常用的CSS属性
●
选择器及css样式作用
何君
●
ID选择器的定义及使用
何君
●
CSS样式的三种方式
何君
●
Web标准与页面布局基础
●
盒装模型
何君
●
内边距-padding
何君
●
外边距-margin
何君
●
相对定位、绝对定位、固定定位
何君
●
层叠样式z-index
何君
●
设置方向-lefttoprightbottom
何君
●
解决盒模型溢出-overflow
何君
●
CSS实现典型布局
●
浮动及清空浮动
何君
●
常用布局方式
何君
●
综合案例
●
案例-1
曹玉婵
●
案例-2
曹玉婵
小白技能进阶——制作网站酷炫特效
●
JavaScript概述及语法基础
●
JS是脚本语言
周蓉
●
script标签
周蓉
●
script标签案例
周蓉
●
变量
周蓉
●
标识符命名规则
周蓉
●
数据类型-1
周蓉
●
数据类型-2
周蓉
●
运算符
何君
●
掌握分支语言
何君
●
掌握循环语句
何君
●
JavaScript本地对象
●
String字符串
何君
●
Date对象
何君
●
数组
何君
●
Math对象
何君
●
函数
何君
●
正则表达式
何君
●
全局对象
何君
●
浏览器对象模型
●
history
何君
●
location
何君
●
Window常用方法
何君
●
文档对象模型
●
了解、理解document
何君
●
document对象中常用的方法
何君
●
其他对象常用属性
何君
●
表单对象
何君
●
事件驱动编程
●
事件
何君
●
用户事件
何君
●
this关键字
●
了解什么是this
何君
●
了解为什么使用this
何君
●
默认绑定
何君
●
显示绑定和new绑定
何君
●
隐式绑定
何君
●
this的误解
何君
●
Dom模型高级应用
●
appendChild方法的使用
李腾
●
parentNode属性的使用
李腾
●
setAttribute()方法
李腾
●
createElement()方法
李腾
●
动态添加表格（案例）
李腾

  • 第一章小白初认识——web神奇世界

    Web前端开发基本概念认知

  • ●1.1Web前端开发概述

    Web前端开发概述

  • ●1.2认识网页与网站

    认识网页与网站

  • ●1.3Web标准

    Web标准

  • 第二章小白初体验——动动鼠标做网页

    学习利用Dreamweaver制作网页

  • ●2.1初识Dreamweaver

    初识Dreamweaver

  • ●2.2建立站点

    建立站点

  • ●2.3给网页添加文字

    给网页添加文字

  • ●2.4设置文本格式

    设置文本格式

  • ●2.5图像的插入

    图像的插入

  • ●2.6插入多媒体元素

    插入多媒体元素

  • ●2.7创建超级链接

    创建超级链接

  • ●2.8插入表格

    插入表格

  • 第三章小白技能提升——学敲代码做网页

    学习利用HTML语言制作网页

  • ●3.1HTML概述与基本标签

    HTML概述与基本标签

  • ●3.2表格与列表

    表格与列表

  • ●3.3表单和表单元素

    表单和表单元素

  • ●3.4掌握框架和框架集

    掌握框架和框架集

  • 第四章小白技能扩展——学习网站新布局

    学习利用CSS进行网页布局

  • ●4.1 CSS层叠样式表

    CSS层叠样式表

  • ●4.2常用的CSS属性

    常用的CSS属性

  • ●4.3Web标准与页面布局基础

    Web标准与页面布局基础

  • ●4.4CSS实现典型布局

    CSS实现典型布局

  • ●4.5综合案例

    案例讲解

  • 第五章小白技能进阶——制作网站酷炫特效

    利用java语言进行网站互动效果制作

  • ●5.1JavaScript概述及语法基础

    JavaScript概述及语法基础

  • ●5.2JavaScript本地对象

    JavaScript本地对象

  • ●5.3 浏览器对象模型

    浏览器对象模型

  • ●5.4文档对象模型

    文档对象模型

  • ●5.5事件驱动编程

    事件驱动编程

  • ●5.6this关键字

    this关键字

  • ●5.7 Dom模型高级应用

    Dom模型高级应用

  • 开始学习
  • 第一章  作业测试
    第一章 小白初认识——web神奇世界

    1.1 Web前端开发概述

    1.2 认识网页与网站

    1.3 Web标准

    视频数3
  • 第二章  作业测试
    第二章 小白初体验——动动鼠标做网页

    2.1 初识Dreamweaver

    2.2 建立站点

    2.3 给网页添加文字

    2.4 设置文本格式

    2.5 图像的插入

    2.6 插入多媒体元素

    2.7 创建超级链接

    2.8 插入表格

    视频数8
  • 第三章  作业测试
    第三章 小白技能提升——学敲代码做网页

    3.1 HTML概述与基本标签

    3.2 表格与列表

    3.3 表单和表单元素

    3.4 掌握框架和框架集

    视频数10
  • 第四章  作业测试
    第四章 小白技能扩展——学习网站新布局

    4.1 CSS层叠样式表

    4.2 常用的CSS属性

    4.3 Web标准与页面布局基础

    4.4 CSS实现典型布局

    4.5 综合案例

    视频数19
  • 第五章  作业测试
    第五章 小白技能进阶——制作网站酷炫特效

    5.1 JavaScript概述及语法基础

    5.2 JavaScript本地对象

    5.3 浏览器对象模型

    5.4 文档对象模型

    5.5 事件驱动编程

    5.6 this关键字

    5.7 Dom模型高级应用

    视频数37
  • 期末考试
关
注
我
们