步骤1: HTML

HTML主要是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,为搭建网页结构做出第一步。本阶段主要介绍了HTML的语法基础、表格、表单、等标签,并有案例结合,达到学以致用。

    第1课

    HTML基础

    HTML是网页制作必备技能,在本课程主要介绍HTML概念、语法及常用基础标签

    第2课

    HTML表格

    表格在网页中用于数据和排版,本课程介绍表格概念、语法、操作,并通过案例掌握知识。

    第3课

    HTML表单

    表单用于收集用户信息,本课程介绍表单概念、语法及创建表单,并通过案例掌握知识。

    第4课

    项目:搭建网页结构

    本课程带领大家一起搭建一个网页HTML结构,并掌握网布局相应知识与技巧。

    第5课

    HTML测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤2: CSS

CSS是一种定义样式结构如字体、颜色、位置等样式的语言,被用于为页面添加效果。本步骤主要介绍了CSS的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。

    第1课

    CSS选择的艺术

    本课程主要介绍CSS语法、选择器、继承、层叠及优先级基础内容。

    第2课

    CSS文本样式

    CSS为字体、文本提供了大量的样式属性,可以使我们的页面式更加丰富的多彩。

    第3课

    盒子模型

    我们就来学习一下css的盒子模型,理解了盒子模型,才能更好的排版,进行页面布局。

    第4课

    CSS背景和列表

    本课程带领大家了解一下背景颜色、背景图片的相关知识,以及列表的多种样式。

    第5课

    float浮动

    本课程主要介绍了浮动的作用,带领大家用更好的方式来布局页面。

    第6课

    CSS定位(position)

    本课程,将带领大家了解一下定位的知识,教大家如何通过定位来进行布局。

    第7课

    CSS网页布局基础

    本课程,我们我们就针对CSS中的基础布局以及经典的布局展开详细的讲解。

    第8课

    项目:网页布局案例

    本课程通过实战的讲解,带领大家体验真实开发中的的布局样式。

    第9课

    CSS基础测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤3: HTML5基础

HTML5是我们实际开发中非常常用、重要的基础技能,本阶段带领大家学习HTML5的基础知识,主要包括HTML5的标签变化、属性变化、网页布局等。让你对HTML5有一个新的认识。

    第1课

    HTML5标签变化

    HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

    第2课

    HTML5属性变化

    了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率

    第3课

    项目:HTML5网页布局

    传统布局与HTML5网页布局的区别和意义,通过案例讲解如何使用HTML5搭建网页

    第4课

    HTML5基础测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤4: CSS3

本步骤,主要带领大家走进CSS3的世界,主要包括CSS3的选择器、边框、圆角、背景、渐变、文本、字体、转换、过渡、动画,最终通过一个汉克狗动画案例,让你对CSS3有个全面的了解。

    第1课

    CSS3选择器

    详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器

    第2课

    CSS3边框与圆角

    带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性

    第3课

    CSS3背景与渐变

    同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果

    第4课

    CSS3文本与字体

    CSS3中还新增的对文本和字体的设置,我们一起来学习一下吧。

    第5课

    CSS3转换

    深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件

    第6课

    CSS3过渡

    一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互

    第7课

    CSS3动画

    使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果

    第8课

    项目:CSS3实现汉克狗案例

    本课程讲解如何运用css3的样式和动画知识绘制卡通汉克狗。

    第9课

    CSS3测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤5: JavaScript基础

JavaScript是一种解释性脚本语言,主要用来向HTML页面添加交互行为。本阶段主要带领大家学习JS的基本语法、流程控制语句、函数、对象、DOM、BOM、事件以及轮播图的案例,实现网页的交互效果。

    第1课

    JS语法

    本课程讲解JavaScript的语法、数据类型、基本算数和逻辑运算操作

    第2课

    JS流程控制语句

    掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能

    第3课

    JS函数

    掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利

    第4课

    JS内置对象

    学习内置对象的常用属性和方法,方便我们开发中直接调用,进而实现更多功能

    第5课

    错误调试与处理

    本课程讲解在研发的过程中遇到代码出现问题时,如何去找问题、去调试代码。

    第6课

    JS DOM操作

    本课程讲解创建节点、遍历节点,用不同方法获取节点及对节点插入、复制和移除。

    第7课

    JS DOM属性

    本课程讲解DOM属性,包括固有属性和自定义属性,以及属性获取、移除和设置。

    第8课

    JS DOM事件

    为页面中的元素绑定键盘或鼠标事件,从而可以触发和实现我们想要的交互效果

    第9课

    JS事件

    本课程讲解事件流、DOM事件流、IE事件处理、跨浏览器事件处理、事件对象与类型

    第10课

    JS BOM基础

    学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话”

    第11课

    项目:JS实现轮播图特效

    深刻的原理分析轮播图原理,根据原理写出合理的结构与样式、并实现js交互效果

    第12课

    JavaScript基础测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤6: 实战案例

光学不练假把式,实践是巩固知识最好的方法,本环节,将带领大家一步步开发出炫酷的动态网页,让大家能够从实践中总结经验,并且提升解决问题的能力。

    第1课

    Photoshop辅助工具

    课程主要介绍Photoshop如何对图形图像进行编辑和色彩处理的。

    第2课

    项目:综合实现动态手机详情页

    带领大家实现真实项目:“慕课手机详情页”,面对综合需求,大展身手的时候到了!

前端零基础入门 2019版

立即购买
¥699.00
意见反馈 去赚学费 帮助中心 APP下载
官方微信