高级电商网页设计班

课程大纲
（1）一课时：Dreamweaver
①学习简介
对网页的知识有个基本的了解；
学会DW软件基本的使用操作；站点新建，管理的方法；了解网站基本分类方法概述；理解网站运作的基本原理；了解网页的基本构成元素，各种网站的页面排版规则。
②学习收益
1.学习并了解网页的概念，网站的概念；
2.认知网站的分类及浏览网页的工具；
3.了解开发实用型网站的基本流程；
4.认识组成网页的元素，并掌握网页排版的规则。

（2）二课时：Dreamweaver
①学习简介
熟练掌握建立网站站点的方法；
掌握站点当中文件及文件夹的新建以及命名规则；
熟练掌握二级目录的设置及站点当中文件分类的管理；掌握网页的新建、打开、预览、存储、关闭的技巧；掌握Dreamweaver快速插入面板的使用。
②学习收益
1.学会创建静态站点；
2.站点文件夹新建，命名规则；
3.二级目录设置，文件分类管理；
4.网页的命名与保存。

（3）第三课时：Dreamweaver
①学习简介
理解网页中代码的工作原理，单词的意思；
掌握网页中标签的原理及使用方法；
掌握网页的文本标签代码的结构写法及作用；
能够自由的实现对文本文字的代码编辑方法。
②学习收益
1.在网页中添加文本；
2.了解网页当中常用的标签；
3.掌握网页当中的常用的标题标签；
4.设置网页文字样式属性；
5.添加文字项目列表与编号列表。

（4）第四课时：Dreamweaver
①学习简介
掌握并了解网页当中允许使用的图片格式；
能够自由的插入网页图片，并学会使用；Dreamweaver软件如何给图片进行添加链接；
网页中添加图片的方法，图片代码的编辑修改；
掌握如何在网页当中实现图文混排效果，并兼容主流浏览器。
②学习收益
1.网页当中使用的图片格式；
2.插入网页图片；
3.图片加链接；
4.使用Dreamweaver编辑图片，优化图片；
5.在网页当中实现图文混排效果。

（5）第五课时：Dreamweaver
①学习简介
熟练掌握网页中超链接概念及用途；
熟练掌握用DreamWeaver制作各种超级链接；
使用页面属性面板修改超链接样式；
熟练掌握图像超级链接，图像热区的超级链接方法。
②学习收益
1.了解网页中超链接概念；
2.添加超级链接；
3.邮件及空链接、死链接；
4.添加网页锚点链接；
5.添加图像热区链接。

（6）第六课时：Dreamweaver
①学习简介
认识网页中表单所有的元素种类，掌握表单在网页中的应用；理解表单在收集用户信息方面的作用机理；学会在网页中合理地设置表单，并制作一个课表；利用表单对象制作友情链接，制作一个友链的前端页面。
②学习收益
1.认识表单元素种类；
2.掌握创建表单、向表单中插入表单对象的方法；
3.掌握表单及表单对象属性的设置。

（7）第七课时：Dreamweaver
①学习简介
了解表格在网页中的重要性与实用性；
了解并熟悉表格的标签元素，学会在设计视图和代码视图中插入表格的方法；
熟练掌握与运用表格中的添加、删除、合并、拆分等技巧；学会使用表格布局网页的部分元素，如尺码表，商品信息，关联销售列表等等。
②学习收益
1.了解网页表格的概念含义；
2.熟练掌握表格的组成元素；
3.学会如何在网页当中插入表格；
4.掌握如何设置表格的属性；
5.通过实例熟悉表格布局网页方法。

（8）第八课时：Dreamweaver
①学习简介
掌握网页制作中如何添加图像和多媒体等网页元素；熟练掌握在DreamWeaver中处理图片和多媒体的方法和操作技巧；学会如何在网页中添加FLASH动画，插入图像和视频，以及背景音乐；掌握HTML语言及声音及视频的格式。
②学习收益
1.添加多媒体、了解有哪些多媒体元素；
2.插入Flash多媒体元素，或快速有效的3.利用第三方平台结合来插入视频与音频；
4.插入网页动画图片与滚动文本；
5.实现各种主流浏览器兼容性。

（9）第九课时：DIV+CSS
①学习简介
了解什么是DIV？什么是CSS？了解传统布局和CSS样式布局的区别
熟练并完全掌握行内样式、内嵌样式、外部链接样式的特点与写法，了解多种样式的优先级
掌握标签选择器、类别选择器、ID选择器的特点与写法，并能在XHTML页面实现调用样式。
了解选择器的集体声明、嵌套声明、混合声明之间的区别
②学习收益
1.学习并了解DIV+CSS是什么意思
2.用CSS代码控制页面
3.了解DIV+CSS语法基础
4.熟练运用并掌握CSS三种选择器
5.掌握选择器的集体声明

（10）第十课时：DIV+CSS
①学习简介
学会设置文字字体、大小、颜色、粗细等一系列样式属性并能兼容各种主流浏览器
学会设置网页当中的背景颜色
学会如何将图片以背景的形式插入，并自如控制平铺与定位
相同属性代码太长容易影响显示效果，学会将代码进行整合有利于页面的整洁
②学习收益
1.学习CSS文字属性设置
2.学习如何在网页当中设置背景颜色
3.学习如何将图片以背景形式插入
4.学会如何将多行样式代码进行整合
5.运用CSS代码布局大体网页框架

（11）第十一课时：DIV+CSS
①学习简介
学会将所有的网页元素都看成是一个一个的矩形框，分析出框里面的组成元素
学会如何量取出盒子的正确尺寸并进行布局
掌握在布局当中盒子边框样式的设置并进行调整
能够自由的对多行相同属性代码进行整合
②学习收益
1.了解DIV+CSS布局中盒模型的概念意义
2.掌握如何计算CSS布局中盒子的尺寸
3.了解并掌握盒子模型边框的设置
4.掌握如何设置单独边框的样式
5.掌握如何把代码进行整合

（12）第十二课时：DIV+CSS
①学习简介
掌握并了解网页布局中盒子边距的重要性与使用用途
掌握外边距与内边距样式的区别并能够正确的使用
掌握如何设置上下左右边距各不相同的间距
掌握如何清除在添加内边距时增加的盒子尺寸
②学习收益
1.掌握在CSS布局中边距的重要性
2.了解常用的外边距（margin）与内边距（padding）样式的运用
3.正确掌握外边距与内边距样式的使用
4.运用CSS代码布局网页主体框架结构

（13）第十三课时：DIV+CSS
①学习简介
了解网页布局中常用的布局样式之一（浮动布局）
掌握浮动布局中的块状元素与内联元素的区别及使用用途
运用CSS样式清除网页中的浮动属性(clear)
掌握浮动属性的相关知识点，了解如何实现层的居中对齐
②学习收益
1.学习网页当中的浮动属性布局
2.掌握浮动布局中的块状元素与内联元素
3.掌握如何清除网页中的浮动属性
4.利用浮动布局制作横排菜单导航条
5.掌握浮动属性的相关知识点

（14）第十四课时：DIV+CSS
①学习简介
了解列表在网页中的重要性与实用性
了解并熟悉ul无序列表和dl定义列表在网页中的使用用途与使用技巧方法
了解并熟练掌握符号列表的基础属性list-style-type
了解并熟练掌握符号列表的图片属性和定位属性
②学习收益
1.了解列表在网页设计中使用用途
2.了解ul无序列表和dl定义列表
3.学会如何改变项目符号样式
4.图片定义项目符号以及符号定位属性

（15）第十五课时：DIV+CSS
①学习简介
新闻列表实战案例练习，掌握定义列表属性的设置技巧
无序列表导航条源码练习，掌握导航条链接标签的表现要点
定义列表产品排列练习，掌握定义列表标签的表现要点
②学习收益
1.实例1：运用ul无序列表制作新闻列表
2.实例2：运用ul无序列表制作导航条
3.实例2：运用dl定义列表制作产品排列效果

（16）第十六课时：DIV+CSS
①学习简介
了解什么是超链接？了解超链接的基本定义
掌握在HTML语言中，通过标签实现超链接效果
利用css设置超链接各种状态下的样式
css利用伪类选择器设置标记的不同状态
②学习收益
1.了解网页中超链接的基本定义
2.添加文本菜单超链接
3.了解超链接的四种常用状态
4.自定义设置超链接样式属性

（17）第十七课时：DIV+CSS
①学习简介
运用CSS样式对文本框和文本域进行美化
掌握在DreamWeaver中用CSS样式美化图片的方法和技巧
学会如何用CSS样式改变下拉列表样式，纠正下拉列表对许多样式不生效的问题
合理利用label标签会使页面的用户体验得到提升
②学习收益
1.改变文本框和文本域样式
2.了解并掌握用图片美化按钮
3.运用CSS代码改变下拉列表样式
4.用label标签提升用户体验
5.实例1：运用CSS设计出登录页面

（18）第十八课时：DIV+CSS
①学习简介
了解在布局中，常用的CSS定位方式有几种，并了解他们之间的区别
掌握absolute(绝对定位)、relative(相对定位)的使用与z-index解析。
了解网页布局中，浮动元素（float）与定位（position）的不同点
掌握在CSS布局中，四大核心内容（标准流、盒模型、浮动元素、定位）
②学习收益
1.CSS定位方式有哪些，他们的区别是什？
2.CSS三大定位原理&Z-index解析
3.CSS布局——元素浮动与定位篇区别
4.了解CSS之四种定位的理解
5.CSS核心内容-标准流、盒模型、浮动、定位

（19）网页设计综合实训
①学习简介
了解网页版式设计概念及常见的网页版式类型
学习并掌握如何根据实际需要制定网页/网店页面布局规范
了解色彩基本知识和色彩的视觉识别性，各种不同场景的配色用法和意义
掌握网页中图片的编排规则和文本的组合编排规则，以及栅格的应用
②认识和注册第三方建站系统平台
使用第三方建站系统制作网站前端效果
保存网页，熟练运用生成代码，构建本地页面
③学习收益
1.常见的第三方建站系统
2.第三方建站系统模块实操
3.成品网站代码运用实战

（20）网站设计
实战式练习
（八课时）
①学习简介
熟悉网站首页常见的布局类型及其相应特点
熟悉行业网站首页页面布局规范，根据规范设计页面实战练习，从零开始使用DIV+CSS布局网页界面效果实战练习，突破页面从一到多，实现静态网站效果
②学习收益
1.实战练习之使用DIV+CSS布局网页一
2.实战练习之使用DIV+CSS布局网页二

适合人群
零基础或初步掌握DW知识，希望系统学习的学员

希望电商网页设计类工作的学员（利用代码进行装修）

从事天猫、京东、电商网页设计，公司官网独立设计的学员

爱好网页设计师和网站前端设计的学员

为什么选择汇学教育
教学经验
在多年的办学中积累了丰富的教学经验，紧密结合市场需求设置课程，有效提高学员的职场竞争力

办学模式
采用全新的教学管理机制和家庭式的办学模式，开设了电子商务运营培训、网页设计开发培训等。

教学模式
汇学教育坚持家庭式上课即小班教学，采用1+1双课时模式，理论+实操。寓教于乐，讨论式教学，启发式学习，边学习边练习。

学习计划
主讲教师与辅导教师复式考核，老师注重专业而系统教学，根据学员个人业余时间量身定制学习计划，迅速提高专业水平和实战能力