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.从切图开始到实现 |