前端小白基础学习课程大纲

第一部分 html与css入门 共100课时

第一阶段:页面制作基础

从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web前端项目啦!

课时 名称

1 html简介

2 html骨架

3 元标签-编码

4 元标签-关键字与描述

5 标签空白符

6 标题标签

7 段落标签

8 注释

9 块元素与行内元素

10 超链接

11 图片标签

12 绝对路径与相对路径

13 无序列表

14 有序列表

15 列表嵌套

16 定义列表

17 表格

18 单元格拆分与合并

19 表格头尾

20 表单元素

21 下拉框与文本输入框

22 表单分组

23 常见字符实体

24 文字标签

25 语义化标签

26 废弃标签

27 css简介

28 css三种书写方式

29 css常见选择器

30 id选择器与类选择器注意事项

31 选择器组合

32 后代选择器

33 交集选择器与并集选择器

34 选择器通配符

35 腾讯新闻列表

36 选择器权重

37 就近原则

38 样式引入方式权重比较

39 权重计算练习

40 important提升权重

41 盒模型

42 IE盒模型

43 内边距与外边距

44 边框属性

45 盒子居中

46 外边距重计算盒子宽度

47 文字属性

48 css常见单位

49 文字修饰属性

50 文字属性继承性

51 文字水平居中与垂直居中

52 图片元素排版

53 超链接标签默认样式

54 腾讯体育

55 超链接标签伪类

56 伪元素

57 背景样式与图片

58 背景平铺与背景位置

59 背景在SEO中的应用

60 块元素设置背景

61 行内元素设置背景

62 伪元素设置背景

63 水平精灵图

64 垂直精灵图

65 定点精灵图

66 hao123

67 四种箭头

68 hao123箭头

69 css绘制集合图形

70 块元素与行内元素特性

71 块元素与行内元素转化

72 浮动元素

73 浮动元素与文档流

74 浮动元素特性

75 浮动元素与边距

76 浮动元素父元素高度丢失

77 清除浮动

78 清除浮动的7中方式

79 新浪布局

80 列表布局

81 双飞翼布局

82 圣杯布局

83 排查错误

84 相对定位

85 表单对齐

86 新浪tab栏

87 绝对定位

88 子绝父相

89 jd轮播图

90 文本居中,行内元素居中与块元素居中

91 优酷

92 固定定位

93 遮盖

94 拼爹

95 html 注释 hack

96 css属性hack

97 IE6-交集选择器与DTD内减盒模型

98 IE6-最小高度与盒子位置

99 IE6-overflow与透明度

100 IE6-双倍margin与3像素bug

时间: 2024-10-11 13:22:46

前端小白基础学习课程大纲的相关文章

web前端开发基础班课程大纲

前端开发是创建Web页面或app等前端界面呈现给用户的过程.前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术.框架.解决方案,来实现互联网产品的用户界面交互.Web前端工程师,他是伴随着web兴起而细分进去的行业.Web前端的岗位职责是利用HTML.CSS.JavaScript.DOM.Flash等各种Web技能结合产品的界面开发.web前端开发入门教程要学哪些内容呢? 首先第一阶段就是基础学习, 1.HTML基础 内容包括:(HTML简介与历史版本.常用开发软件.常见标

前端开发基础学习—1

前端开发的学习还没有找到很好的入门点,就做些题吧. http://www.cnblogs.com/jQing/archive/2012/07/01/2571987.html 第一部分:用CSS实现布局 让我们一起来做一个页面 首先,我们需要一个布局. 请使用CSS控制3个div,实现如下图的布局. 第二部分:用javascript优化布局 由于我们的用户群喜欢放大看页面 于是我们给上一题的布局做一次优化. 当鼠标略过某个区块的时候,该区块会放大25%, 并且其他的区块仍然固定不动. 提示: 也许

前端小白webpack学习(一)

俗话说得好,好记性不如烂笔头. 之前就在学习中看过webpack的教程,然而一段时间没用,火速的忘光了.写这篇博文,做个总结,也让自己以后有个地方回顾. 看webpack之前,我先去看了一下官方文档,先了解一下webpack的几个概念.我是中英文文档搀着看的,一些小地方中文文档里没写,英文文档里都给了小提示.(下面的概念是我自己翻译总计的,略渣) concepts At its core, webpack is a static module bundler for modern JavaScr

web前端开发学习课程大纲路线图及学习方法分享

想学好web前端开发,要学会阅读别人优秀的代码.web前端开发思想并不是统一固定不变的,阅读别人代码的过程就是间接的在向别人学习,这一过程中可以学习别人的开发思路,不同的人思路是不一样的,如果别人写的代码很优秀.很简单.且运行和性能上有很大的优势,就有很多可以借鉴的地方. 以下这份web前端学习路线图适合所以零基础的学员学习,都是从浅入深,没有基础的同学跟着视频教程及课程大纲一步一步的学习是可以很好的掌握的. 那么想要学好html5前端开发,那么需要掌握的专业技术有: 第一阶段:前端页面重构 内

前端零基础学习提纲

这篇文章只对接触前端不到两个月,觉得一堆东西要学,但又不知道从何开始的同学有用 转自:http://www.cnblogs.com/dolphinX/p/5181660.html 写在最前面 前端学习比较好上手,但到了一定阶段深入却比较困难,一个合格的前端应该是个web工程师,而不是JavaScript程序员,因此简单的学习目标 CSS.CSS3 HTML.HTML5 JavaScript.ES6 HTTP协议 性能优化 一门后端语言 更好的方式写代码 线下开发和代码发布 学习路径比较长,对于初

前端javaScript基础学习第三天

目前在从事前端工作,特别总结javaScript基础知识供大家学习,本人特总结一下使用方法献给目前正在学习web前端的小伙伴们,希望你们在前端领域闯出属于自己的一片天空来,需要sublime软件安装包的或者前端资料的可以留言 一.循环语句循环语句:重复执行一段代码,执行遇见某个指令(条件为假),结束循环语句 for循环,do while, while, for in语句 2.1 for循环语句 for循环是前测试循环语句:先判断条件是否满足,当满足条件时,才执行循环语句.直到条件为假结束循环语句

前端react 基础学习一

1.react介绍 本质:React 是一个用于构建用户界面的 JAVASCRIPT 库.不是一个MVC框架,而是一个前端界面开发工具,用于构建组件化UI的库.所以顶多算是MVC中的V(view). 特点:减少与DOM的交互.React可以与已知的库或框架很好地配合. 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中. React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单. 主要能做什么:1.轻松地创建用户交互界面,声明式

前端小白的学习之路--HTML学习

HTML的补充学习 1. meta与base <meta http-equiv="refresh" content="2" > 2秒刷新一次 <base href="https://www.baidu.com" target="_blank"> 设置默认跳转地址以及跳转方式 <link rel="icon" sizes="any" mask href=&qu

适合零基础小白学习的ui设计方法及课程大纲分享

ui界面设计教程学什么?首先想要学习ui设计,你得了解ui界面设计是什么?只有了解清楚了你才能更好的去开展学习. 对于很多从零基础开始学习ui设计的人来说,不知道ui要学会哪些内容才能更好的工作,所以今天就把ui界面设计课程大纲分享给大家.不管是有基础还是没有基础的同学都可以根据这份课程大纲来学习.有条理的学习才能更好的了解和掌握阶段性的学习课程,也能了解自己学到了哪个部分,掌握了哪些技能. 1.PS技术 如果现在还有不会用PS的同学,请先去搜索免费的基础课程来学习,至少要用透左边的工具栏,还有