
dreamweaver靜態網頁技術,優化你的互聯網技術基因培訓
第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、自定義區添加搜索條
章節1
網頁網站基礎常識
第1節
DW1-1主流的3種建站方式
00:09:29
第2節
DW1-2建站流程
第3節
DW1-3靜態網頁與動態網頁
第4節
DW1-4網頁結構
第5節
dw1-5可視化編輯
第6節
dw1-6代碼與圖片分離原則
第7節
dw1-7網頁設計技術環境
章節2
PS+DW制作簡易網站
第1節
dw2-1PS導出網頁格式
第2節
dw2-2DW站點管理
第3節
dw2-3制作鏈接
第4節
DW2-4切片與熱點的區別
第5節
DW2-5優化頁頭信息
第6節
dw2-6圖片網站的優缺點
第7節
dw2-7常見的HTML代碼
章節3
DW表格排版技術
第1節
dw3-1DW表格基礎
第2節
dw3-2表格的疊加
第3節
dw3-3表格的嵌套1
第4節
dw3-4表格的嵌套2
第5節
dw3-5表格的線型樣式
第6節
dw3-6利用表格制作分欄效果
第7節
dw3-7將圖片轉為網頁
第8節
DW3-8圖片轉網頁例2
第9節
DW3-9常見的樣式代碼
章節4
網頁富媒體
第1節
dw4-1將切片改為GIF動畫
第2節
dw4-2文字和圖片滾動效果
第3節
dw4-3插入視頻文件
第4節
dw4-4插入背景音樂
第5節
dw4-5網頁超鏈接
第6節
dw4-6按鈕跳轉和跳轉菜單
第7節
dw4-7頁內鏈接
第8節
dw4-8自定義鏈接樣式
章節5
CSS基礎知識
第1節
dw5-1什么是標準網頁
第2節
dw5-2表格與CSS制作導航條比較
第3節
dw5-3 li標簽制作導航條和表格
第4節
dw5-4 CSS盒子模型
第5節
dw5-5HTML標簽CSS定義
第6節
dw5-6定義CSS的三種方式
第7節
dw5-7可視化CSS編輯工具
第8節
dw5-8圖文繞排
第9節
dw5-9圖片上方排文字
第10節
dw5-10可伸縮模塊
第11節
dw5-11不規則布局
第12節
dw5-12背景圖片偏移
章節6
CSS布局
第1節
dw6-1一列布局
第2節
dw6-2兩列布局
第3節
dw6-3三列布局
章節7
JAVASCRIPT腳本語言
第1節
dw7-1JS基本語法
第2節
dw7-2簡單加法器
第3節
dw7-3開關燈效果
第4節
dw7-4變量 函數 數組
第5節
dw7-5條件與分支
第6節
dw7-6循環結構
第7節
dw7-7房貸計算器
第8節
dw7-8DW開關燈切換
第9節
dw7-9表單檢查
第10節
dw7-10導航條二級菜單
第11節
dw7-11在線測試評分系統
第12節
DW7-11在線測試評分系統 (2)
第13節
dw7-12通欄輪播代碼
第14節
dw7-13在線客服代碼