• 课程 / HTML

    Web前端入门基础教程

    PHP综合实战阶段,开始报名了!

    立即报名
    介绍章节评论课件
    课程主要讲解WEB前端基础,从了解WEB前端到安装搭建环境,使用WebStorm进行开发。本课程全面系统地阐述HTML和CSS基础知识以及实际运用技术,通过大量实例深入浅出地分析了网页制作的方方面面。主要涵盖HTML标签、CSS概念及字体设置,CSS选择器、CSS盒子模型,CSS浮动及清除浮动,初识javascript,运算符,字符串,对象和函数等。
  • 难度:初级
  • 共251章节
  • 39505次播放
  • 第1章 webstorm开发工具

    web前端现状

    09:45

    开发工具介绍

    05:03

    webstorm的安装

    04:41

    webstorm的使用

    24:03
    第2章 HTML基础

    html介绍

    16:57

    html基本结构

    12:24

    基本结构中的属性

    16:18

    基本元素

    21:13

    图片标签

    10:30

    超链接

    21:34

    锚点定位

    09:20

    块元素和行内元素

    26:00

    无序和有序列表

    15:13

    自定义列表

    06:44

    表格基本结构

    11:56

    表格常用属性

    17:47

    表格行和列的属性

    08:56

    合并单元格

    06:10

    Iframe框架

    19:45

    表单作用

    11:53

    文本框和密码

    12:32

    单选按钮和复选框

    10:14

    按钮组

    16:32

    下拉列表

    12:39

    多行文本和lable标签

    08:50

    表单域

    11:05
    第3章 HTML5新增

    html5新增类型1

    09:40

    html5新增类型2

    07:41

    html5新增属性

    09:58

    div标签和span标签

    16:09

    html5新增结构标签1

    06:51

    html5新增结构标签2

    14:14

    datalist标签

    06:04

    视频

    06:44

    音频

    09:34

    embed标签

    04:44

    canvas标签1

    16:31

    canvas标签2

    14:13
    第4章 CSS

    认识css

    07:50

    css引入方式

    22:14

    css规则和注释

    06:03

    chrome调试工具使用

    11:54

    元素选择器和通用选择器

    09:58

    类选择器和ID选择器

    14:38

    css样式表特征

    12:32

    合并选择器

    08:25

    div+css布局

    09:32

    背景颜色和图像

    21:42

    背景图片位置

    10:10

    背景附着

    06:15

    背景简写

    04:47

    字体属性

    09:38

    颜色透明度和内容溢出

    22:14

    文本属性1

    14:01

    文本属性2

    13:12

    列表属性

    12:00

    关系选择器

    16:32

    属性选择器

    17:16

    链接伪类选择器

    12:55

    结构性伪类选择器

    21:29

    伪对象选择器

    11:01

    认识盒子

    22:03

    外边距

    12:57

    内边距

    07:50

    外边距合并

    18:40

    怪异盒子

    30:14

    魅族官网

    22:47

    弹性盒子

    23:24

    弹性盒子应用

    24:57

    浮动

    12:58

    清除浮动

    09:04

    display属性

    21:59

    position定位

    19:10

    浏览器内核及其前缀

    17:27

    z-index堆叠顺序

    06:38
    第5章 导航图与轮播图

    金立官网导航条

    23:06

    金立官网导航条2

    居中总结

    金立官网轮播图

    金立官网明星产品

    09:42

    圆角

    阴影

    线性渐变

    径向渐变

    动画

    绘制图形

    多列

    微信导航栏

    小米白色导航条

    34:16

    小米轮播图和滑动门

    小米小广告位

    小米闪购

    34:47

    小米手机部分

    仿小米隐藏特效

    移动端导航条

    移动端轮播图

    移动端消息部分

    移动推荐餐厅

    移动端页脚

    if分支

    第6章 js基础

    js初始

    23:02

    变量类型和转换上

    51:20

    其他运算符

    32:42

    三目运算符

    数学运算符

    33:54

    算术运算符

    13:11

    字面量

    break和continue

    switch练习

    switch练习(2)

    while初识

    单层循环结束

    随机数

    小练习

    循环初始

    27:09

    作业

    作业结束

    break+continue嵌套+菱形

    嵌套循环

    质数初始

    质数简化操作

    字符串常用方法上

    字符串上

    字符串中

    字符串常用方法

    加密解密

    数组初始

    数组的遍历

    数组常用方法上

    数组常用方法下

    二维数组

    二维数组练习

    第7章 图书管理系统小实战

    图书管理系统

    36:26

    对象的初识

    30:53

    对象的操作

    函数的形参和实参

    函数的类型+补充

    作业——对象班图书管理系统

    闭包

    闭包的补充

    变量的声明提升

    函数的一等公民

    函数的作用域链+函数内变量提升

    值传递和地址传递

    函数出现同名参数

    模拟函数的重载

    eval+instanceof

    Math

    27:59

    生成验证码

    08:54

    作业

    11:52

    函数作用域补充

    引用传递补充

    日期对象

    date作业

    第8章 DOM操作

    dom初始

    12:28

    dom的常用属性上

    location和dom常用属性中

    title跑马灯

    12:46

    选择页面元素

    dom创建页面元素和属性+css实现导航

    设置内部样式

    node常用属性上

    node常用属性下

    node常用方法

    html元素

    事件概述+html事件

    非IEdom0事件

    非iedom2事件

    ie中的dom2事件

    dom2兼容性写法

    鼠标练习

    滑动哦难过的div

    调色板

    文档的加载顺序

    23:35

    div移动补充

    onresize+setTimeOut

    第9章 事件

    焦点事件

    注册用户

    滚动事件

    有意义

    键盘事件

    作业1注册用户

    小div在大div中移动

    触摸事件

    this

    this小例子

    event属性

    取消节点默认行为+取消事件传递

    新闻滚动

    兼容性写法

    鼠标滚轮

    新闻添加滚动事件

    图片验证

    二级联动

    三级联动

    事件委托

    第10章 window

    window初识

    13:01

    window.name

    常用方法

    右键IE和非IE对应的值

    自定义右键菜单

    定时调用和延时调用

    定时器的移动

    淘宝例子

    数据解析

    页面加载顺序

    js文件的加载顺序

    回流和重绘

    window.history

    call和apply

    闭包

    iife

    补充

    对应和排他

    面向对象+构造函数

    女孩行走1

    女孩行走2

    第11章 原型

    初识原型

    15:55

    复用函数

    面向对象和面向过程

    模拟封装

    原型中的constructor

    原型链

    继承的练习

    原型练习

    设计模式

    设计模式结束

    正则初识

    22:24

    表达式+范围+组匹配

    元字符模式

    量词模式

    正则对象中的方法

    正则高级-初位

    作业

    重复类

    贪婪和懒惰

    数组去重上

    hash去重

    效率对比

    冒泡排序初始版本

    冒泡优化完整

    递归

    快速排序

    二分查找

    json解析

    书城

    尺寸相关

    瀑布流

    错误解决

    无限滚动的瀑布流

    20:08

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    课程主要讲解WEB前端基础,从了解WEB前端到安装搭建环境,使用WebStorm进行开发。本课程全面系统地阐述HTML和CSS基础知识以及实际运用技术,通过大量实例深入浅出地分析了网页制作的方方面面。主要涵盖HTML标签、CSS概念及字体设置,CSS选择器、CSS盒子模型,CSS浮动及清除浮动,初识javascript,运算符,字符串,对象和函数等。

    全部评论我要评论

  • 手机用户676328962

    手机用户6763289621个月前

    怎么下载的呀

    回复
    0

  • 手机用户676328962

    手机用户6763289621个月前

    感谢老师!

    回复
    0

  • 莓莓

    莓莓2个月前

    想问一下webstorm在哪可以下载

    回复
    0

  • 手机用户7478312

    手机用户74783122个月前

    找不到呀。

    回复
    0

  • 取消回复发送
  • PHP中文网