网页设计培训课程标准.docx

上传人:b****1 文档编号:1151879 上传时间:2022-10-18 格式:DOCX 页数:25 大小:21.24KB
下载 相关 举报
网页设计培训课程标准.docx_第1页
第1页 / 共25页
网页设计培训课程标准.docx_第2页
第2页 / 共25页
网页设计培训课程标准.docx_第3页
第3页 / 共25页
网页设计培训课程标准.docx_第4页
第4页 / 共25页
网页设计培训课程标准.docx_第5页
第5页 / 共25页
点击查看更多>>
下载资源
资源描述

网页设计培训课程标准.docx

《网页设计培训课程标准.docx》由会员分享,可在线阅读,更多相关《网页设计培训课程标准.docx(25页珍藏版)》请在冰豆网上搜索。

网页设计培训课程标准.docx

网页设计培训课程标准

网页设计培训课程标准

1课程概况

1.1课程名称

网页设计

1.2课程定义

本课程面向网站页面的设计制作人员,提高其综合技能能力,包括页面设计、

规划、排版、CSS、HTML、Flash动画等知识,培养其独立完成个人或公司多媒体

网页的设计与开发能力。

1.3课程等级

本课程共设三个等级,分别为:

初级、中级、高级。

1.4能力要求

具有较强的学习能力、研究能力;具有一定的理解、判断和表达能力;具有

一定的分析解决问题的能力和沟通能力。

1.5普通受教育程度

高中毕业(或同等学历)。

1.6课程培训要求

1.6.1培训期限

初级课程线上或线下80标准学时;中级课程线上或线下120标准学时;高

级课程线上或线下180标准学时,每学时为45至60分钟。

1.6.2培训教师

承担初级、中级理论知识或专业能力培训任务人员,应具有相关课程培训经

验1-3年。

承担高级理论知识或专业能力培训任务人员,应具有相关课程培训经验5年

以上,或具有相关职业高级专业技术等级、相关专业高级职称二者之一。

1.6.3培训场所设备

理论知识培训在标准教室或线上平台进行,培训所需软件:

HTML5、CSS、

Photoshop等相关软件。

1

2基本要求

2.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表单区域,表单元素,相关属性以及应用场景,后代选择器和子

代选择器,伪类链接选择器实现鼠标悬停等特殊效果,设计和布局盒子,背景

属性

(4)CSS浏览器冲突,优先级调整,外边距传递和塌陷,居中盒子,伪元素

(5)CSS标签(按场景需求定位,设置层级关系)

(6)CSS文本框与按钮对不齐现象,显示与隐藏盒子,整体透明度,HTML自

适应多栏布局以及圣杯布局、双飞翼布局、等高布局效果

2

(7)CSS背景图片整合,各种特殊形状背景自由拉伸滑动,BFC解决外边距

折叠,自适应两栏或三栏布局等问题,box-shadow设置盒子阴影效果,文字阴

(8)PS图片的调用、调整,图片文字添加以及显示位置等

(9)矢量图库创建所需图标,CSSHack兼容

(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+remH5适配

3

3课程内容要求

本标准对初级、中级、高级各级别的课程要求依次递进,高级别涵盖低级别

的要求。

3.1初级

课程模块

培训内容

专业能力要求

相关知识要求

1.1.1浏览器种类及内

1.1HTML

1.1.1能使用HTML分析浏览器种类

1.1.2能使用HTML分析浏览器内核

简介

1.1.2Web浏览器

1.2.1HTML基本语法

1.2.2常用HTML标签

1.2.3图像和链接

1.2.4HTML语义化

1.2.5字符编码、HTML

特殊字符

1.HTML入

1.2HTML

元素意义和

应用

1.2.1能显示简单文本

1.2.2能搭建网页链接

2.1.1能使用CSS设置HTML网页中

2.1.1CSS基本语法

2.1.2常用CSS字体

2.1.3文本字体属性

2.1.4CSS长度单位及

颜色表示

的文本内容(字体、大小、对齐方

2.1CSS简式)

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.3HTML列表标签

2.3.1表格特性及使用

场景

2.3HTML

2.3.2表格标签及常用

2.3.1能使用HTML构建表格

表格

属性

2.3.3表格标签与嵌套

规则

3.1.1能使用HTML建立表单区域

3.1.1常用表单元素应

3.1HTML

3.1.2能使用HTML设置表单元素、用场景

表单

相关属性以及应用场景

3.1.2表单相关属性

3.盒模型

3.2.1能使用后代选择器和子代选

择器分别创建元素后代

3.2选择

3.2.1复合选择器

3.2.2优先级规则

器进阶

3.2.2能利用CSS伪类链接选择器

实现鼠标悬停等特殊效果

4

3.3盒模

3.3.1能使用CSS设计和布局HTML3.3.1盒模型概念

标签盒子

3.3.2盒模型属性应用

3.4.1能使用CSS背景属性定义

HTML元素的背景颜色、背景图片、

平铺方式和显示位置

3.4.1背景相关属性

3.4.2网页中常见的背

景设置方法

3.4背景

属性

4.1.1CSS层叠性和继

承性

4.1.1能使用CSS层叠性解决浏览

4.1.2CSS优先级计算

方法

器冲突

4.1CSS三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创建一个标签

(伪元素)

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层级属性

5

6.1.1浮动和定位脱标

的区别

6.1浮动

6.1.1能使用CSS解决文本框与按

和定位对比

钮不对齐现象

6.1.2垂直对齐方式

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.1CSS精灵的实现

原理及优缺点

1.1.1能使用CSS把网页中的多张

1.1CSS技背景图片整合

1.1.2能使用CSS实现各种特殊形

1.1.2CSS小箭头实现

方法

状背景的自由拉伸滑动

1.1.3CSS滑动门技术

1.CSS技

1.2BFC

1.2.1BFC规则

1.2.2利用BFC解决相

关问题

1.2.1能使用BFC解决外边距折

(块级格式

化上下文)

叠、自适应两栏或三栏布局等问题

1.3.1盒子阴影、文字

1.3.1能使用box-shadow设置盒子阴影

1.3阴影

阴影效果、文字阴影

1.3.2单行文本和多行

文本溢出处理方法

2.1.1PS常用工具

2.1.2PS切图方法

2.1.3常见图片格式及

特点

2.1.1能使用PS实现图片处理

2.1.2能使用PS实现网页中的图片

调用、图片文字添加及显示位置调整

2.切图及

2.1PS图

规范

片处理基础

6

2.1.4网页中常见图片

格式及特点

2.2.1代码书写规范

2.2.2项目相关注意事

2.2编写

2.2.1能按照HTML、CSS书写规范

2.2.3display:

none

和visibility:

hidden

的区别

代码

编写项目代码

2.2.4文件及目录规划

3.1字体

3.1.1能使用矢量图库创建所需图

3.1.1字体图标使用方

图标

iconfont

3.PC端兼

3.2.1IE低版本兼容

问题的处理方法

3.2.2常见CSSHack

技术

容问题

3.2IE浏

览器常见兼

容问题

3.2.1能使用CSSHack解决IE浏

览器低版本兼容问题

4.1.1能使用CSSsprites优化图

4.1.1图片优化技巧

4.1.2项目测试检查规

4.1测试

检查

4.1.2能使用CSS调整banner大小

4.PC端测

位置

试检查

4.2

4.2.1能使用Cutterman插件切

Cutterman

插件

4.2.1切图插件

图、图层合并、固定尺寸输出

5.1.1HTML5新增布局

5.1.1能使用HTML5创建页眉、页

标签

5.1HTML5脚、内容等清晰的文档结构相关标签5.1.2新标签兼容性处

标签

5.1.2能使用HTML5添加音视频

5.1.3能设置input各种属性

理方法

5.HTML5

5.1.3移除标签

5.1.4音视频使用方法

基础

5.2.1能新增表单元素

5.2.2能新增表单属性

5.2.1新增元素及新增

5.2表单

表单属性

6.1.1CSS3新增模块

及私有前缀

6.1CSS3

6.1.

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > IT计算机 > 计算机软件及应用

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1