序

号

能力训练

项目

能力训练二级

项目

拟实现的能力目标

相关支持知识

1

使用CSS+ DIV制作一列布局简单页面

制作一列固定宽度布局页面

l 能使用DW平台创建网站、创建静态网页

l 在网页中添加文字、图片

l 使用CSS内部样式设置文字、段落图片等格式，并实现图文混排效果

l 使用CSS+DIV布局一列固定宽度网页和宽度为百分比的网页

l 使用CSS设置文字链接，做导航

l 将链接文字导航应用到网页中

l 熟悉DW操作平台

l 理解CSS的盒子模型

l 了解CSS内部样式及应用

制作一列宽度自适应布局页面

制作带背景的文字网页

制作图文混排网页

制作带链接文字导航的网页

2

使用CSS+

DIV制作复杂布局页面

CSS外部样式

l CSS外部样式的定义及应用

l 分析复杂网页结构

l 使用CSS+DIV布局页面

l 创建四行二列布局的页面

l 创建四行三列布局的页面

l 创建多行多列布局的复杂页面

l 了解CSS样式的优先级别

l 了解样式的浮动属性

l 理解CSS+DIV的页面结构

使用CSS+DIV创建二列布局页面

使用CSS+DIV创建多列布局页面

3

导航菜单面板制作

使用列表项制作横向竖向导航

l 使用CSS样式将列表项表现为导航形式

l 文字链接样式设计

l 了解导航作用

l 了解复合链接样式和鼠标经过样式

使用普通方字制作横向竖向导航

将导航应用到网页

4

其他类型页面制作

媒体播放页面制作

l 在网页中插入音频、视频等媒体文件并进行播放

l 创建响应式布局页面

l 创建带验证功能的表单页面

l 了解媒体播放

l 了解响应式页面

l 理解表单验证控件验证设置

响应式布局页面制作

表单页面

5

CSS3应用

制作文字特效

l 能制作描边、浮雕、阴影等文字

l 能制作不同效果的边框

l 制作过度动画等

l 了解css3样式

l 了解样式动画

l 了解文字特效等

制作边框

制作动画

6

使用html/ html5语言编写网页

使用前端编辑器编写html网页代码

l 在编辑器中编写网页结构、添加各类网页元素，并设置样式

l 能在编辑器中编写简单的html5标签的网页结构

l 编写音视频播放代码

l 了解html的文件结构，熟悉html基本元素

l 了解html5的新特性

编写html5标准的网页代码

7

使用Photo shop绘制网页图片和设计版面

绘制网页按钮

l 能使用工具绘制线条、导航等，添加文字

l 能够对图层进行管理，设置图层的描边阴影渐变等效果

l 图片素材的自由变换、图像合成与修饰

l 熟悉Photoshop工具的应用、理解图层

l 了解网页配色原理

绘制网页导航

网页版面设计

8

网站整体设计

网站制作流程

l 了解网站的制作流程

l 了解网站配色方案

l 比较不同类型网站的制作风格

l CSS样式的应用

l HMTL、HTML5语法 

设计并制作不同类型的网页