       dreamweaver靜態(tài)網(wǎng)頁技術(shù)，優(yōu)化你的互聯(lián)網(wǎng)技術(shù)基因培訓

第1章 網(wǎng)頁網(wǎng)站基本常識

1.主流的3種建站方式
2.建站基本流程
3.動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的區(qū)別
4.網(wǎng)頁基本結(jié)構(gòu)
5.可視化網(wǎng)頁編輯工具——DW
6.理解代碼與圖片分離的原則
7.網(wǎng)頁設(shè)計的技術(shù)環(huán)境

第2章 PS+DW制作簡易網(wǎng)站

1.PS導(dǎo)出網(wǎng)頁的兩種不同效果
2.DW站點管理的作用
3.DW制作鏈接的方式
4.切片與熱點的各自優(yōu)勢
5.網(wǎng)頁頭部SEO優(yōu)化
6.圖片網(wǎng)站的優(yōu)點與缺陷
7.本章代碼——基本HTML代碼

第3章 DW表格排版技術(shù)

1.DW表格基本操作
2.表格的疊加
3.表格的嵌套（1）
4.表格的嵌套（2）
5.設(shè)置表格線型
6.利用表格制作分欄效果
7.將圖片改成網(wǎng)頁形式（例1）
8.將圖片改成網(wǎng)頁形式（例2）
9.本章要點——基本樣式代碼

第4章 網(wǎng)頁富媒體
1.將圖片局部改為GIF動畫
2.文字和圖片滾動效果
3.網(wǎng)頁中插入視頻
4.給網(wǎng)頁添加背景音樂
5.網(wǎng)頁超鏈接
6.按鈕鏈接及跳轉(zhuǎn)菜單
7.頁內(nèi)鏈接（導(dǎo)航條）
8.自定義鏈接樣式

第5章 CSS基礎(chǔ)知識
1.什么是標準網(wǎng)頁
2.表格與CSS制作導(dǎo)航條比較
3.用li制作導(dǎo)航條和表格
4.CSS盒子模型介紹
5.定義HTML標簽的樣式
6.樣式的三種主要類型
7.DW如何可視化編輯CSS代碼
8.DW實現(xiàn)圖文繞排
9.圖片上方排文字——position
10.設(shè)計一個可伸縮模塊
11.不規(guī)則區(qū)域排版
12.背景圖片偏移設(shè)置

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

第7章 javascript腳本語言

1.JS語法結(jié)構(gòu)
2.JS實現(xiàn)加法計算
3.JS修改HTML屬性
4.變量 函數(shù) 數(shù)組
5.分件分支結(jié)構(gòu)
6.循環(huán)結(jié)構(gòu)
7.設(shè)計一個網(wǎng)頁版房貸計算器
8.圖片開關(guān)燈效果(DW內(nèi)置功能)
9.會員注冊表單檢查(DW標簽檢查器)
10.導(dǎo)航欄二級菜單制作方法
11.在線測試評分系統(tǒng)

第八章 DW與淘寶美工

1、熟悉淘寶旺鋪結(jié)構(gòu)
2、淘寶美工與網(wǎng)站美工技術(shù)區(qū)別
3、PS切片制作自定義模塊
4、DW熱區(qū)制作自定義模塊
5、DW表格制作寶貝推薦模塊
6、行內(nèi)CSS制作寶貝推薦模塊
7、DW排版淘寶客服模塊
8、通欄店招
9、首屏通欄大圖
10、淘寶背景圖制作
11、通欄輪播代碼
12、首頁通欄自定義區(qū)
13、自定義區(qū)添加搜索條

章節(jié)1
網(wǎng)頁網(wǎng)站基礎(chǔ)常識
第1節(jié)
DW1-1主流的3種建站方式
00:09:29
第2節(jié)
DW1-2建站流程
第3節(jié)
DW1-3靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁
第4節(jié)
DW1-4網(wǎng)頁結(jié)構(gòu)
第5節(jié)
dw1-5可視化編輯
第6節(jié)
dw1-6代碼與圖片分離原則
第7節(jié)
dw1-7網(wǎng)頁設(shè)計技術(shù)環(huán)境
章節(jié)2
PS+DW制作簡易網(wǎng)站
第1節(jié)
dw2-1PS導(dǎo)出網(wǎng)頁格式

第2節(jié)
dw2-2DW站點管理

第3節(jié)
dw2-3制作鏈接

第4節(jié)
DW2-4切片與熱點的區(qū)別

第5節(jié)
DW2-5優(yōu)化頁頭信息

第6節(jié)
dw2-6圖片網(wǎng)站的優(yōu)缺點

第7節(jié)
dw2-7常見的HTML代碼

章節(jié)3
DW表格排版技術(shù)
第1節(jié)
dw3-1DW表格基礎(chǔ)

第2節(jié)
dw3-2表格的疊加

第3節(jié)
dw3-3表格的嵌套1

第4節(jié)
dw3-4表格的嵌套2

第5節(jié)
dw3-5表格的線型樣式

第6節(jié)
dw3-6利用表格制作分欄效果

第7節(jié)
dw3-7將圖片轉(zhuǎn)為網(wǎng)頁

第8節(jié)
DW3-8圖片轉(zhuǎn)網(wǎng)頁例2

第9節(jié)
DW3-9常見的樣式代碼

章節(jié)4
網(wǎng)頁富媒體
第1節(jié)
dw4-1將切片改為GIF動畫

第2節(jié)
dw4-2文字和圖片滾動效果

第3節(jié)
dw4-3插入視頻文件

第4節(jié)
dw4-4插入背景音樂

第5節(jié)
dw4-5網(wǎng)頁超鏈接

第6節(jié)
dw4-6按鈕跳轉(zhuǎn)和跳轉(zhuǎn)菜單

第7節(jié)
dw4-7頁內(nèi)鏈接

第8節(jié)
dw4-8自定義鏈接樣式

章節(jié)5
CSS基礎(chǔ)知識
第1節(jié)
dw5-1什么是標準網(wǎng)頁

第2節(jié)
dw5-2表格與CSS制作導(dǎo)航條比較

第3節(jié)
dw5-3 li標簽制作導(dǎo)航條和表格

第4節(jié)
dw5-4 CSS盒子模型

第5節(jié)
dw5-5HTML標簽CSS定義

第6節(jié)
dw5-6定義CSS的三種方式

第7節(jié)
dw5-7可視化CSS編輯工具

第8節(jié)
dw5-8圖文繞排

第9節(jié)
dw5-9圖片上方排文字

第10節(jié)
dw5-10可伸縮模塊

第11節(jié)
dw5-11不規(guī)則布局

第12節(jié)
dw5-12背景圖片偏移

章節(jié)6
CSS布局
第1節(jié)
dw6-1一列布局

第2節(jié)
dw6-2兩列布局

第3節(jié)
dw6-3三列布局

章節(jié)7
JAVASCRIPT腳本語言
第1節(jié)
dw7-1JS基本語法

第2節(jié)
dw7-2簡單加法器

第3節(jié)
dw7-3開關(guān)燈效果

第4節(jié)
dw7-4變量 函數(shù) 數(shù)組

第5節(jié)
dw7-5條件與分支

第6節(jié)
dw7-6循環(huán)結(jié)構(gòu)

第7節(jié)
dw7-7房貸計算器

第8節(jié)
dw7-8DW開關(guān)燈切換

第9節(jié)
dw7-9表單檢查

第10節(jié)
dw7-10導(dǎo)航條二級菜單

第11節(jié)
dw7-11在線測試評分系統(tǒng)

第12節(jié)
DW7-11在線測試評分系統(tǒng) (2)

第13節(jié)
dw7-12通欄輪播代碼

第14節(jié)
dw7-13在線客服代碼