传智播客黑马程序员免费视频教程、公开课资源下载平台

全国咨询热线:400-618-9090

初识前端与移动开发到项目开发(知识精讲+多个项目案例)

  • 初级
  • 3节课
  • 552人在学

此套前端与移动开发精品教程共12天,针对小白学员。从最基础的知识点,到可以做一些项目案例。...

下载完整视频 >>

目录大纲:

本套教程12

1-2  天内容 HTML 基础

3-7 天内容为CSS 基础

8-9 天内容为京东项目

10-12 天内容为HTML5 CSS3基础


视频概括

第一阶段1-2

该阶段我们正式进入前端页面制作的HTML学习阶段, 这个阶段,我们会写出最简单的HTML页面。

首先我们认识什么是HTML, HTML基本的语法规范是什么,HTML基本骨架的组成。

然后我们会学习在HTML中最常见的标签,比如排版标签,图片标签,链接标签, 以及路径的两种方式

接下来会带领大家学习一些布局标签,比如divspan,列表, 表格 以及表单, 最后通过前面学习的标签,完成注册、登录页面。虽然标签很多,我们会培养大家查阅文档的能力,提高自己动手,解决问题的能力。


第二阶段3-7

该阶段我们会学习CSS样式, 并且能完成 结构与样式 相分离的静态页面布局

整个阶段首先会带大家学习CSS基本语法格式,书写位置, 基本选择器和复合选择器,字体和文本的样式等, 初步理解CSS如何控制网页样式,以及带来的巨大优势。
    之后我们学习盒子模型,能深入理解标签的盒子含义,让我们网页布局模型有了深刻的理解。

然后我们会进行如下学习: 为什么学习浮动?浮动有哪些特性?浮动的方式?如何清除浮动?等等来学习浮动布局,同时会学习photoshop切图, 紧跟着我们会有云道页面开始真正的页面布局。

接下来会带领大家学习定位,包括四种定位方式及其区别,子绝父相的重要性,定位的层级关系,完成页面常见的定位效果。

最后,会带领大家学习一些高级技巧,包括用户界面样式,精灵技术, 滑动门技术等,对前面技术综合练习。

学完该阶段的课程之后我们能把网页美工给与的PSD效果图还原为HTML+CSS静态页面,并且是实现结构与样式相分离,标准的代码。

 

第三阶段8-9

该阶段我们会通过一个京东项目,复习、巩固、加强前面所有知识点。电商类项目,细节繁多,有非常好的锻炼价值。

    同时,通过京东项目我们会引申出工作中常用技巧,包括: 图标字体的使用, ico图标的引入,SEO 三大标签的优化, CSS 代码的压缩以及BFC 详解。 温故而知新。

 

第四阶段10-12

该阶段我们会学HTML5CSS3基础,带领大家学习HTML5新增的标签,样式以及属性。

首先我们学习常用的标签、表单以及表单属性, 同时认识CSS3新增的属性选择器、结构伪类选择器等,让我们结构和样式有了更多的选择。

接着我们学习CSS3过渡、2D/3D变换,渐变、动画以及伸缩布局,让我们体会CSS3给我们带来的颠覆性的特征。

该阶段的课程会有 学成在线,携程网2个页面贯穿始终,让大家体会HTML5+CSS3给我们带来的更绚丽动感的静态页面,又能练习课程所学知识。

 

  




  • 1节 - 01 开发工具

  • 2节 - 02 浏览器内核

  • 3节 - 3.web标准

更多章节请下载完整视频观看 >>

点击登录后发表评论,我们喜欢真实的你!

废墟上的重专 2018-04-19 19:40 说:

老师,链接失效了

0回复

长了一颗智齿 2018-04-04 14:43 说:

链接失效了,能补一份吗?

重新录制当中,请稍等~~2018-04-09管理员回复
0回复

Time 2018-03-10 16:18 说:

请问素材去哪里下载?

关注 黑马程序员视频库 公众号,后台给小编留言哦~~2018-03-13管理员回复
0回复

默然 2018-01-25 19:37 说:

同问为啥不把配套的资料上传呢。我QQ279595425麻烦管理员发给我谢谢

添加qq 1481135711 领取资料源码~~2018-01-30管理员回复
0回复

沉默 2018-01-10 09:27 说:

老师你好,请问下载的只有视频么?没有资料的么?

添加qq 1481135711 领取资料源码~~2018-01-10管理员回复
0回复

获取更多前端与移动开发技术资料

点击订阅

最近12 位同学与你共同奋战

无名者  

陈欣欣  

一  

废墟上的重专  

槑头槑脑  

ZHANG  

无名者  

丸子里藏豆沙  

LYS  

此时此刻  

高dd  

一支糖果甜又甜呦~