課程大綱： dreamweaver靜態(tài)網(wǎng)頁(yè)技術(shù)，優(yōu)化你的互聯(lián)網(wǎng)技術(shù)基因培訓(xùn)
第1章 網(wǎng)頁(yè)網(wǎng)站基本常識(shí)
1.主流的3種建站方式
2.建站基本流程
3.動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)的區(qū)別
4.網(wǎng)頁(yè)基本結(jié)構(gòu)
5.可視化網(wǎng)頁(yè)編輯工具——DW
6.理解代碼與圖片分離的原則
7.網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)環(huán)境
第2章 PS+DW制作簡(jiǎn)易網(wǎng)站
1.PS導(dǎo)出網(wǎng)頁(yè)的兩種不同效果
2.DW站點(diǎn)管理的作用
3.DW制作鏈接的方式
4.切片與熱點(diǎn)的各自優(yōu)勢(shì)
5.網(wǎng)頁(yè)頭部SEO優(yōu)化
6.圖片網(wǎng)站的優(yōu)點(diǎn)與缺陷
7.本章代碼——基本HTML代碼
第3章 DW表格排版技術(shù)
1.DW表格基本操作
2.表格的疊加
3.表格的嵌套（1）
4.表格的嵌套（2）
5.設(shè)置表格線型
6.利用表格制作分欄效果
7.將圖片改成網(wǎng)頁(yè)形式（例1）
8.將圖片改成網(wǎng)頁(yè)形式（例2）
9.本章要點(diǎn)——基本樣式代碼
第4章 網(wǎng)頁(yè)富媒體
1.將圖片局部改為GIF動(dòng)畫
2.文字和圖片滾動(dòng)效果
3.網(wǎng)頁(yè)中插入視頻
4.給網(wǎng)頁(yè)添加背景音樂(lè)
5.網(wǎng)頁(yè)超鏈接
6.按鈕鏈接及跳轉(zhuǎn)菜單
7.頁(yè)內(nèi)鏈接（導(dǎo)航條）
8.自定義鏈接樣式
第5章 CSS基礎(chǔ)知識(shí)
1.什么是標(biāo)準(zhǔn)網(wǎng)頁(yè)
2.表格與CSS制作導(dǎo)航條比較
3.用li制作導(dǎo)航條和表格
4.CSS盒子模型介紹
5.定義HTML標(biāo)簽的樣式
6.樣式的三種主要類型
7.DW如何可視化編輯CSS代碼
8.DW實(shí)現(xiàn)圖文繞排
9.圖片上方排文字——position
10.設(shè)計(jì)一個(gè)可伸縮模塊
11.不規(guī)則區(qū)域排版
12.背景圖片偏移設(shè)置
第6章CSS布局
1.一列布局
2.兩列布局
3.三列布局
第7章 javascript腳本語(yǔ)言
1.JS語(yǔ)法結(jié)構(gòu)
2.JS實(shí)現(xiàn)加法計(jì)算
3.JS修改HTML屬性
4.變量 函數(shù) 數(shù)組
5.分件分支結(jié)構(gòu)
6.循環(huán)結(jié)構(gòu)
7.設(shè)計(jì)一個(gè)網(wǎng)頁(yè)版房貸計(jì)算器
8.圖片開關(guān)燈效果(DW內(nèi)置功能)
9.會(huì)員注冊(cè)表單檢查(DW標(biāo)簽檢查器)
10.導(dǎo)航欄二級(jí)菜單制作方法
11.在線測(cè)試評(píng)分系統(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、首頁(yè)通欄自定義區(qū)
13、自定義區(qū)添加搜索條
章節(jié)1
網(wǎng)頁(yè)網(wǎng)站基礎(chǔ)常識(shí)
第1節(jié)
DW1-1主流的3種建站方式
00:09:29
第2節(jié)
DW1-2建站流程
第3節(jié)
DW1-3靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)
第4節(jié)
DW1-4網(wǎng)頁(yè)結(jié)構(gòu)
第5節(jié)
dw1-5可視化編輯
第6節(jié)
dw1-6代碼與圖片分離原則
第7節(jié)
dw1-7網(wǎng)頁(yè)設(shè)計(jì)技術(shù)環(huán)境
章節(jié)2
PS+DW制作簡(jiǎn)易網(wǎng)站
第1節(jié)
dw2-1PS導(dǎo)出網(wǎng)頁(yè)格式
第2節(jié)
dw2-2DW站點(diǎn)管理
第3節(jié)
dw2-3制作鏈接
第4節(jié)
DW2-4切片與熱點(diǎn)的區(qū)別
第5節(jié)
DW2-5優(yōu)化頁(yè)頭信息
第6節(jié)
dw2-6圖片網(wǎng)站的優(yōu)缺點(diǎn)
第7節(jié)
dw2-7常見(jiàn)的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)頁(yè)
第8節(jié)
DW3-8圖片轉(zhuǎn)網(wǎng)頁(yè)例2
第9節(jié)
DW3-9常見(jiàn)的樣式代碼
章節(jié)4
網(wǎng)頁(yè)富媒體
第1節(jié)
dw4-1將切片改為GIF動(dòng)畫
第2節(jié)
dw4-2文字和圖片滾動(dòng)效果
第3節(jié)
dw4-3插入視頻文件
第4節(jié)
dw4-4插入背景音樂(lè)
第5節(jié)
dw4-5網(wǎng)頁(yè)超鏈接
第6節(jié)
dw4-6按鈕跳轉(zhuǎn)和跳轉(zhuǎn)菜單
第7節(jié)
dw4-7頁(yè)內(nèi)鏈接
第8節(jié)
dw4-8自定義鏈接樣式
章節(jié)5
CSS基礎(chǔ)知識(shí)
第1節(jié)
dw5-1什么是標(biāo)準(zhǔn)網(wǎng)頁(yè)
第2節(jié)
dw5-2表格與CSS制作導(dǎo)航條比較
第3節(jié)
dw5-3 li標(biāo)簽制作導(dǎo)航條和表格
第4節(jié)
dw5-4 CSS盒子模型
第5節(jié)
dw5-5HTML標(biāo)簽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腳本語(yǔ)言
第1節(jié)
dw7-1JS基本語(yǔ)法
第2節(jié)
dw7-2簡(jiǎn)單加法器
第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房貸計(jì)算器
第8節(jié)
dw7-8DW開關(guān)燈切換
第9節(jié)
dw7-9表單檢查
第10節(jié)
dw7-10導(dǎo)航條二級(jí)菜單
第11節(jié)
dw7-11在線測(cè)試評(píng)分系統(tǒng)
第12節(jié)
DW7-11在線測(cè)試評(píng)分系統(tǒng) (2)
第13節(jié)
dw7-12通欄輪播代碼
第14節(jié)
dw7-13在線客服代碼
加入高級(jí)會(huì)員獲得助教答疑
