dreamweaver静态网页技术，优化你的互联网技术基因视频教程

软件版本: Dreamweaver CS6

为满足电商美工的实际需要，应老师近期对DW大纲进行重大改动。

1、服务对象：偏重于“实用型的电商美工”

2、课程思路：“重美工，轻建站”

第1章 网页网站基本常识

1.主流的3种建站方式
2.建站基本流程
3.动态网页与静态网页的区别
4.网页基本结构
5.可视化网页编辑工具——DW
6.理解代码与图片分离的原则
7.网页设计的技术环境

第2章  PS+DW制作简易网站
 
1.PS导出网页的两种不同效果
2.DW站点管理的作用
3.DW制作链接的方式
4.切片与热点的各自优势
5.网页头部SEO优化
6.图片网站的优点与缺陷
7.本章代码——最基本HTML代码

第3章  DW表格排版技术

1.DW表格基本操作
2.表格的叠加
3.表格的嵌套（1）
4.表格的嵌套（2）
5.设置表格线型
6.利用表格制作分栏效果
7.将图片改成网页形式（例1）
8.将图片改成网页形式（例2）
9.本章要点——最基本样式代码

第4章  网页富媒体
1.将图片局部改为GIF动画
2.文字和图片滚动效果
3.网页中插入视频
4.给网页添加背景音乐
5.网页超链接
6.按钮链接及跳转菜单
7.页内链接（导航条）
8.自定义链接样式

第5章  CSS基础知识
1.什么是标准网页
2.表格与CSS制作导航条比较
3.用li制作导航条和表格
4.CSS盒子模型介绍
5.定义HTML标签的样式
6.样式的三种主要类型
7.DW如何可视化编辑CSS代码
8.DW实现图文绕排
9.图片上方排文字——position
10.设计一个可伸缩模块
11.不规则区域排版
12.背景图片偏移设置

第6章CSS布局
1.一列布局
2.两列布局
3.三列布局

第7章  javascript脚本语言

1.JS语法结构
2.JS实现加法计算
3.JS修改HTML属性
4.变量 函数 数组
5.分件分支结构
6.循环结构
7.设计一个网页版房贷计算器
8.图片开关灯效果(DW内置功能)
9.会员注册表单检查(DW标签检查器)
10.导航栏二级菜单制作方法
11.在线测试评分系统

第八章  DW与淘宝美工

1、熟悉淘宝旺铺结构
2、淘宝美工与网站美工技术区别
3、PS切片制作自定义模块
4、DW热区制作自定义模块
5、DW表格制作宝贝推荐模块
6、行内CSS制作宝贝推荐模块
7、DW排版淘宝客服模块
8、通栏店招
9、首屏通栏大图
10、淘宝背景图制作
11、通栏轮播代码
12、首页通栏自定义区
13、自定义区添加搜索条