网页设计培训课程标准文档格式.docx

1、（1）遵纪守法，爱岗敬业（2）精益求精，勇于创新（3）诚实守信，恪守职责（4）遵守规程，安全操作（5）认真严谨，忠于职守2.2基础知识2.2.1基础理论知识（1）HTML基础知识（2）CSS基础知识（3）HTML5基础（4）CSS3基础（5）CSS3过渡、变化与动画（6）移动端布局方案（7）移动端特殊处理及像素设置（8）移动端flexible.js+rem（9）弹性盒子和预处理（10）响应式布局2.2.2实操能力知识（1）HTML单文本显示，搭建网页链接（2）CSS设置文本内容，CSS规则构建选择器、一条或多条声明，HTML元素以及HTML页头元素，定义字体属性，构建表格（3）HTML表单区域

2、，表单元素，相关属性以及应用场景，后代选择器和子代选择器，伪类链接选择器实现鼠标悬停等特殊效果，设计和布局盒子，背景属性（4）CSS浏览器冲突，优先级调整，外边距传递和塌陷，居中盒子，伪元素（5）CSS标签（按场景需求定位，设置层级关系）（6）CSS文本框与按钮对不齐现象，显示与隐藏盒子，整体透明度，HTML自适应多栏布局以及圣杯布局、双飞翼布局、等高布局效果2（7）CSS背景图片整合，各种特殊形状背景自由拉伸滑动，BFC解决外边距折叠，自适应两栏或三栏布局等问题，box-shadow设置盒子阴影效果，文字阴影（8）PS图片的调用、调整，图片文字添加以及显示位置等（9）矢量图库创建所需图标，C

3、SS Hack兼容（10）CSS优化图片，调整banner，Cutterman切图，图层合并，固定尺寸输出（11）HTML5创建页眉、页脚、内容等清晰的文档结构相关标签，添加音视频，设置input各种属性（12）CSS3用户需求（背景、渐变、用户多列布局界面等）（13）CSS3为元素添加效果，实现2D和3D转换、旋转、位移、缩放、倾斜（14）CSS3弹性盒布局模型，less（15）viewport虚拟窗口（布局视口、视觉视口、理想视口），rem适配（16）transform设置小字体，动画定义3D启用硬件加速（17）flexible.js+rem H5适配33课程内容要求本标准对初级、中级、高

4、级各级别的课程要求依次递进，高级别涵盖低级别的要求。3.1初级课程模块培训内容专业能力要求相关知识要求1.1.1浏览器种类及内1.1 HTML1.1.1能使用HTML分析浏览器种类1.1.2能使用HTML分析浏览器内核核简介1.1.2 Web浏览器1.2.1 HTML基本语法1.2.2常用HTML标签1.2.3图像和链接1.2.4 HTML语义化1.2.5字符编码、HTML特殊字符1.HTML入门1.2 HTML元素意义和应用1.2.1能显示简单文本1.2.2能搭建网页链接2.1.1能使用CSS设置HTML网页中2.1.1 CSS基本语法2.1.2常用CSS字体2.1.3文本字体属性2.1.4

5、 CSS长度单位及颜色表示的文本内容（字体、大小、对齐方2.1 CSS 简 式）介2.1.2能使用CSS定义字体属性（字体、颜色、大小、加粗、风格、像素、长度单位等）2.2.1能使用CSS规则构建选择器、一条或多条声明2.2.1基础选择器2.2.2引入CSS样式的三种方法2.CSS入2.2基础2.2.2能使用CSS三种样式规定样式信息、单个HTML元素以及HTML页头元素选择器2.2.3 HTML列表标签2.3.1表格特性及使用场景2.3 HTML2.3.2表格标签及常用2.3.1能使用HTML构建表格表格2.3.3表格标签与嵌套规则3.1.1能使用HTML建立表单区域3.1.1常用表单元素应

6、3.1 HTML3.1.2能使用HTML设置表单元素、用场景表单相关属性以及应用场景3.1.2表单相关属性3.盒模型3.2.1能使用后代选择器和子代选择器分别创建元素后代3.2选择3.2.1复合选择器3.2.2优先级规则器进阶3.2.2能利用CSS伪类链接选择器实现鼠标悬停等特殊效果43.3盒模3.3.1能使用CSS设计和布局HTML 3.3.1盒模型概念型标签盒子3.3.2盒模型属性应用3.4.1能使用CSS背景属性定义HTML元素的背景颜色、背景图片、平铺方式和显示位置3.4.1背景相关属性3.4.2网页中常见的背景设置方法3.4背景4.1.1 CSS层叠性和继承性4.1.1能使用CSS层

7、叠性解决浏览4.1.2 CSS优先级计算方法器冲突4.1 CSS三 4.1.2能使用CSS继承性设置子标4.1.3标签的分类与转化大特性签属性4.1.3能使用CSS优先级按需调整4.1.4元素的大致分类以及特性级别4.1.5元素的展示属性和互相转化4.2外边距传递和塌陷4.2.1外边距塌陷原因4.2.2外边距塌陷的解决方法4.2.1能使用CSS解决外边距传递和塌陷4.浮动4.3.1能使用CSS实现居中一个宽度和高度由内容撑开的盒子4.3.2能使用CSS把盒子摆放到合适的位置4.3盒子4.3.1盒子居中方法居中技巧4.4.1浮动属性4.4.2浮动对布局的影响4.4.1能使用CSS创建一个标签（伪

8、元素）4.4.3清除浮动影响的4.4浮动4.4.2能对浮动的布局和元素进行操作4.4.4伪元素的写法和用法4.4.5浮动对元素类型的影响4.4.6图文环绕5.1定位的应用场景和基本原理5.1.1定位属性5.1.2四种定位的使用5.1.1能使用CSS按场景需求定位被文本流限制了自身位置的标签5.2.1子标签绝对定位5.2.2父标签相对定位5.2.3实现定位居中的技巧5.定位5.2定位的技巧与层级关系5.2.1能使用CSS对被文本流限制了自身位置的标签设置层级关系5.2.4层级属性56.1.1浮动和定位脱标的区别6.1浮动6.1.1能使用CSS解决文本框与按和定位对比钮不对齐现象6.1.2垂直对齐

9、方式6.2.1盒子的显示和隐藏属性6.2.1能使用CSS显示与隐藏盒子6.2.2能使用CSS设置盒子属性6.2.2圆角边框的设置和属性特点6.2盒子6.2.3内容溢出属性使用场景6.布局技6.3.1各种透明方式的特点及使用场景巧6.3透明6.3.1能使用CSS改变整体透明度度6.3.2透明度兼容6.4.1两列自适应布局原理及实现方案6.4多栏布局解决方案6.4.1能使用HTML实现自适应多栏 6.4.2圣杯布局和双飞布局以及圣杯布局、双飞翼布局、等翼布局的原理及实现方高布局效果6.4.3等高布局原理及实现方案3.2中级1.1.1 CSS精灵的实现原理及优缺点1.1.1能使用CSS把网页中的多张

10、1.1 CSS 技背景图片整合1.1.2能使用CSS实现各种特殊形1.1.2 CSS小箭头实现状背景的自由拉伸滑动1.1.3 CSS滑动门技术1.CSS技1.2 BFC1.2.1 BFC规则1.2.2利用BFC解决相关问题1.2.1能使用BFC解决外边距折（块级格式化上下文）叠、自适应两栏或三栏布局等问题1.3.1盒子阴影、文字1.3.1能使用box-shadow设置盒子阴影1.3阴影阴影效果、文字阴影1.3.2单行文本和多行文本溢出处理方法2.1.1 PS常用工具2.1.2 PS切图方法2.1.3常见图片格式及特点2.1.1能使用PS实现图片处理2.1.2能使用PS实现网页中的图片调用、图片

11、文字添加及显示位置调整2.切图及2.1 PS图规范片处理基础62.1.4网页中常见图片格式及特点2.2.1代码书写规范2.2.2项目相关注意事项2.2编写2.2.1能按照HTML、CSS书写规范2.2.3 display:none和visibility:hidden代码编写项目代码2.2.4文件及目录规划3.1字体3.1.1能使用矢量图库创建所需图3.1.1字体图标使用方图标标法iconfont3.PC端兼3.2.1 IE低版本兼容问题的处理方法3.2.2常见CSS Hack技术容问题3.2 IE浏览器常见兼3.2.1能使用CSS Hack解决IE浏览器低版本兼容问题4.1.1能使用CSS s

12、prites优化图4.1.1图片优化技巧4.1.2项目测试检查规范4.1测试片检查4.1.2能使用CSS调整banner大小4.PC端测位置试检查4.24.2.1能使用Cutterman插件切Cutterman插件4.2.1切图插件图、图层合并、固定尺寸输出5.1.1 HTML5新增布局5.1.1能使用HTML5创建页眉、页标签5.1 HTML5脚、内容等清晰的文档结构相关标签 5.1.2新标签兼容性处5.1.2能使用HTML5添加音视频5.1.3能设置input各种属性理方法5.HTML55.1.3移除标签5.1.4音视频使用方法基础5.2.1能新增表单元素5.2.2能新增表单属性5.2.1新增元素及新增5.2表单表单属性6.1.1 CSS3新增模块及私有前缀6.1 CSS36.1.