《网页设计基础》能力训练项目设计
根据课程目标要求,设计能力训练项目如下:
序 号 |
能力训练 项目 |
能力训练二级 项目 |
拟实现的能力目标 |
相关支持知识 |
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语法 |
设计并制作不同类型的网页 |