web 前端课程体系(1/4)

web前端课程体系

第一阶段web基础

阶段	内容	详细	建议时长
第一阶段web基础	html基础篇	1.HTML常用的基本标签 2.table标签 3.form标签	3天
	css基础篇	1.引入方式 2.选择器及优先级 3.样式使用	3天
	PS基础篇	1.PS的基本工具及使用 2.PS抠图工具	1天

阶段一详细内容

Html 3天	第一天	1.简介 2..html和.htm 3.手写结构 doctype html html head body title meta charset asni gbk gb2312 utf-8 文件保存的格式 asni utf-8 4.HTML5和HTML4的定义方式 5.文本标签 i b s u 6.标题 h1-h6 align 7.段落 p align 8.hr width size align 9.转义字符   &emsp copy gt lt 10.总结标签语法（标签属性id,class,style,title，单双结构）
	第二天	1.img src alt title width 2.a target href name 3.路径 相对 绝对 本地 服务器 盘符根 / 当前路径 ./ 4.pre 5.ul ol li type start 6.dl dd dt 7.table tr td th thead tbody tfoot caption colspan rowspan
	第三天	1.form action method input type(text,password,radio,checkbox,file,hidden,submit,reset,button,image) name value placeholder checked disabled readonly label select option textarea rows cols 2.iframe 3.marquee scrollamount direction behavior
css 3天	第一天	1.4种引入方式 2.特征：继承，层叠，引入方式的优先级 3.选择器 id class 标签 子代 后代 通配符 组合 伪类（:hover a标签的四种状态） 4.权重 * 0 元素 1 class 10 id 100 内联 1000 !important 只要出现最大 无意义的事情不要做 5.文本类 4种颜色的表示方式
	第二天	1.背景类 2.盒子模型（width，height，max-width，min-width，padding，border，margin） 3.display （元素分类inline block） visibility overflow opacity cursor 4.定位（浮动，清除浮动，相对，绝对，固定）
	第三天	div+css布局 (table,frame) 精灵图 z-index zoom 导航条 二级菜单
ps 1天	第一天	1.ps （切图） mark man fireworks8 axure 2.开发流程 3.从切图开始到实现