小白时代:WEB技术实战视频课程(DIV+CSS攻略)

帮助没有基础的朋友学习web前端布局基本技能,学习初步使用css+div布局的方法,帮助想要从事本行业的学员了解行业经验与基础。

5435人学习

初级32课时2016/08/21更新

二维码下载学堂APP缓存视频离线看

赵甲迪
    • 畅销套餐
    • 精选套餐
    • 人气套餐
    • 尊享套餐
    • 高薪套餐
前端工程师基础与提升系列专题:实战之路
12步入门前端工程师视频教程【赵甲迪】
2605人学习
¥9.00
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5435人学习
¥19.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
更 多 9 门 课 程
Web前端工程师入职实训系列套餐
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5435人学习
¥19.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
前端响应式布局:基础与提升视频课程
7391人学习
¥60.00
更 多 5 门 课 程
JavaScript精通之路(实战开发必备视频教程)
全栈web前端:jQuery交互实战视频课程(jQuery+Html5+CSS3.0页面布局)
35738人学习
¥119.00
前端响应式布局:基础与提升视频课程
7391人学习
¥60.00
移动端开发利器 jQuery Mobile开发实录视频课程
13580人学习
¥36.00
更 多 4 门 课 程
WEB前端工程师实战进阶系列套餐
移动端开发利器 jQuery Mobile开发实录视频课程
13580人学习
¥36.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
玩转指间:微信开发基础与提升视频课程
3523人学习
¥19.00
更 多 3 门 课 程
WEB前端工程师实战进阶系列套餐
移动端开发利器 jQuery Mobile开发实录视频课程
13580人学习
¥36.00
前端工程师实战进阶视频课程——玩转JavaScript
2900人学习
¥16.00
玩转指间:微信开发基础与提升视频课程
3523人学习
¥19.00
更 多 3 门 课 程
  • 课程介绍
  • 课程大纲

适合人群:

零基础学员,初学者,想要从事前端工程师的学员,想要学习网页制作的朋友。

你将会学到:

帮助没有基础的朋友学习web前端布局基本技能,学习初步使用css+div布局的方法,帮助想要从事本行业的学员了解行业经验与基础。

课程简介:

本套课程将以P2P网络金融项目首页为例,从切图到div+css写页,全过程录制,适用于于零基础的学员或想要从事web前端工程师行业的学员。

本套教程简单明确,省去了繁琐的基础学习,从实际出发,精要介绍如何完成一个项目的设计。


展开更多

课程大纲-小白时代:WEB技术实战视频课程(DIV+CSS攻略)

  • 1

    学习计划与学习目标着手实际项目,讲解前沿技巧,勤奋的练习,才能培养出优良的代码感觉。

    「仅限付费用户」点击下载“学习计划与学习目标.rar”

    [05:02]
  • 2

    页面切图页面切图是前端工程师必备技能之一,常用工具为photoshop和firework。

    「仅限付费用户」点击下载“页面切图.rar”

    [13:47]
  • 3

    图片素材的二次处理有时候很多切图素材不尽人意,为了不影响整个项目工期,需要前端工程师对其进行简单的处理。

    「仅限付费用户」点击下载“图片素材的二次处理.rar”

    [06:10]
  • 4

    CSS文件的创建与引入开发项目前,必须先要创建完备的树目录结构,以便于与其他开发人员的交接。

    「仅限付费用户」点击下载“CSS文件的创建与引入.rar”

    [07:24]
  • 5

    CSS公共类引入引入css公共类,将会更加方便的完成项目开发,也会极大的所见项目开发时间。

    「仅限付费用户」点击下载“CSS公共类引入.rar”

    [07:05]
  • 6

    项目分区规划将项目分区规划,有助于书写定义和进度报告。

    「仅限付费用户」点击下载“项目分区规划.rar”

    [08:58]
  • 7

    项目顶部制作(一)HTML5 仍处于完善之中,然而,大部分现代浏览器已经具备了某些 HTML5 支持。

    「仅限付费用户」点击下载“项目顶部制作(一).rar”

    [21:33]
  • 8

    项目顶部制作(二)推荐使用文本编辑器来学习 HTML,比如 Notepad (PC) 或 TextEdit (Mac)。我们相信,使用一款简单的文本编辑器是学习 HTML 的好方法。

    「仅限付费用户」点击下载“项目顶部制作(二).rar”

    [19:25]
  • 9

    项目导航栏制作(一)学习 HTML 最好的方式就是边学边做,任何技能都是在不断的实践中锻炼出来的。

    「仅限付费用户」点击下载“项目导航栏制作(一).rar”

    [13:43]
  • 10

    项目导航栏制作(二)HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    「仅限付费用户」点击下载“项目导航栏制作(二).rar”

    [10:20]
  • 11

    项目焦点图部分制作(一)复杂的js效果,有时候不需要亲力亲为,只需要将现成的源码引入自己的页面即可。

    「仅限付费用户」点击下载“项目焦点图部分制作(一).rar”

    [16:30]
  • 12

    项目焦点图部分制作(二)HTML 标签可以拥有属性,属性提供了有关 HTML 元素的更多的信息。

    「仅限付费用户」点击下载“项目焦点图部分制作(二).rar”

    [09:44]
  • 13

    项目焦点图部分制作(三)要揭示一个网站的技术秘密,其实很简单,单击浏览器的“查看”菜单,选择“查看源文件”即可。随后你会看到一个弹出的窗口,窗口内就是实际的 HTML 代码。

    「仅限付费用户」点击下载“项目焦点图部分制作(三).rar”

    [13:24]
  • 14

    项目焦点图部分制作(四)Bootstrap 帮助您开发在任何尺寸都外观出众的站点:显示器、笔记本电脑、平板电脑或手机。

    「仅限付费用户」点击下载“项目焦点图部分制作(四).rar”

    [15:26]
  • 15

    项目理财数据部分制作URL 只能使用 ASCII 字符集来通过因特网进行发送,由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。

    「仅限付费用户」点击下载“项目理财数据部分制作.rar”

    [14:10]
  • 16

    项目体验流程部分制作如果要运行“真正”的网站,您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的(一天 24 小时)高速连接。

    「仅限付费用户」点击下载“项目体验流程部分制作.rar”

    [08:25]
  • 17

    项目主体部分布局页面布局之前,将框架搭建好,才能更加合理的将静态页面转化为html网页。

    「仅限付费用户」点击下载“项目主体部分布局.rar”

    [12:49]
  • 18

    项目底部布局(一)HTML <blockquote> 元素定义被引用的节,浏览器通常会对 <blockquote> 元素进行缩进处理。

    「仅限付费用户」点击下载“项目底部布局(一).rar”

    [15:56]
  • 19

    项目底部布局(二)HTML <abbr> 元素定义缩写或首字母缩略语,对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

    「仅限付费用户」点击下载“19.rar”

    [10:54]
  • 20

    项目底部布局(三)通常,HTML 使用可变的字母尺寸,以及可变的字母间距。在显示计算机代码示例时,并不需要如此。<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。

    「仅限付费用户」点击下载“项目底部布局(三).rar”

    [12:32]
展开更多
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部