HTML配合Dreamweaver學(xué)習(xí)網(wǎng)頁布局視頻教程（共35節(jié)）

課程簡(jiǎn)介：

    這個(gè)DW教程，送給畢業(yè)剛進(jìn)入職場(chǎng)的大學(xué)生以及從事平面設(shè)計(jì)想要做網(wǎng)頁的朋友們。

    我們的主題是為平面設(shè)計(jì)轉(zhuǎn)戰(zhàn)網(wǎng)頁設(shè)計(jì)的同學(xué)準(zhǔn)備，之所以轉(zhuǎn)行就是因?yàn)槠矫嬖絹碓诫y混了，當(dāng)然拋出一些資深的平面設(shè)計(jì)師。“要想發(fā)做印刷”，這是前幾年的響亮口號(hào)，印刷行業(yè)迅猛發(fā)展，商場(chǎng)或企業(yè)一般會(huì)做很多的印刷宣傳產(chǎn)品，那時(shí)候平面設(shè)計(jì)需求非常大，市場(chǎng)缺口也多。結(jié)果，蓋茨、喬布斯輪流給印刷廠一巴掌，人們的生活方式瞬息改變了，獲取信息不再單靠印刷物索取了，多數(shù)通過電腦瀏覽網(wǎng)頁或手機(jī)搜索，導(dǎo)致印刷行業(yè)逐漸沒落，因此平面設(shè)計(jì)需求也少了、待遇也低了很多。

    很多的優(yōu)秀平面設(shè)計(jì)師看到迅猛發(fā)展的網(wǎng)頁設(shè)計(jì)，從而轉(zhuǎn)做網(wǎng)頁，但是再資深的平面設(shè)計(jì)轉(zhuǎn)到網(wǎng)頁上來都會(huì)遇到很多的問題，在效果圖設(shè)計(jì)上可能問題表現(xiàn)的不是太明顯，因?yàn)樽鲞^平面的網(wǎng)頁就是規(guī)范改一下就可以了。

    問題最大的就是很多平面設(shè)計(jì)師不會(huì)寫代碼，并且英文很爛，所以說知道網(wǎng)頁設(shè)計(jì)好，但是碰到難學(xué)的代碼，也忘而卻步。

 

課程目標(biāo)：

    很多平面設(shè)計(jì)師轉(zhuǎn)了網(wǎng)頁，直接學(xué)習(xí)代碼，學(xué)了很久都不知道代碼是干嘛用的，筆記記得不少，但是學(xué)完后放棄平面設(shè)計(jì)工作后發(fā)現(xiàn)，做網(wǎng)頁設(shè)計(jì)或排版沒有幾個(gè)人干敲代碼，這樣太影響效率，老板看的不是你代碼敲得多么熟練，而是看你能不能獨(dú)立完成項(xiàng)目。

    因此沒有標(biāo)準(zhǔn)設(shè)計(jì)職業(yè)人的規(guī)范，很難在轉(zhuǎn)行后獲得較為成功的突破。

    所以，我們這堂課，帶個(gè)大家的是一個(gè)職業(yè)網(wǎng)頁設(shè)計(jì)師，教授真正的網(wǎng)頁職業(yè)人應(yīng)該干的事情。

    那么，你就不用擔(dān)心代碼的問題了，因?yàn)椋覀兪褂肈W這款軟件逐漸認(rèn)知這些代碼，沒有必要背的倒背如流，我們只要能夠認(rèn)知，在使用的時(shí)候能夠套上那就夠了。

 

教師介紹：

    ，王曉楠，6年網(wǎng)頁設(shè)計(jì)制作工作，在站酷網(wǎng)發(fā)布的學(xué)習(xí)教程受到全國(guó)各地設(shè)計(jì)師的認(rèn)可，讓迷茫在設(shè)計(jì)道路上的設(shè)計(jì)初學(xué)者能夠進(jìn)步的更快，與各地設(shè)計(jì)師不斷交流經(jīng)驗(yàn)與學(xué)習(xí)，保持鮮活的學(xué)業(yè)，能夠帶給大家的不是簡(jiǎn)單的代碼教程，而是真正的設(shè)計(jì)。

 

真實(shí)鮮活的課堂案例：

項(xiàng)目案例為客戶需求效果圖，不會(huì)像其他培訓(xùn)機(jī)構(gòu)，為了設(shè)計(jì)而設(shè)計(jì)，真實(shí)還原客戶需求，通過效果圖進(jìn)行排版設(shè)計(jì)，具有很強(qiáng)的目的性。能夠?qū)W到真正的商業(yè)項(xiàng)目，不至于學(xué)完別的機(jī)構(gòu)的教程之后，只有一把空架子，沒有實(shí)戰(zhàn)性。

項(xiàng)目案例為客戶需求效果圖，不會(huì)像其他培訓(xùn)機(jī)構(gòu)，為了設(shè)計(jì)而設(shè)計(jì)，真實(shí)還原客戶需求，通過效果圖進(jìn)行排版設(shè)計(jì)，具有很強(qiáng)的目的性。能夠?qū)W到真正的商業(yè)項(xiàng)目，不至于學(xué)完別的機(jī)構(gòu)的教程之后，只有一把空架子，沒有實(shí)戰(zhàn)性。

 

 

 

 

教程目錄

 

 

 

 

課時(shí)1 1.1.就業(yè)前景及課程整體概括 22:10

 

課時(shí)2 2.1.DW軟件面板與站點(diǎn)的創(chuàng)建 24:06

 

課時(shí)3 3.1.插入面板之操作文字的常用標(biāo)簽 37:51

 

課時(shí)4 3.2.插入面板之標(biāo)簽屬性與標(biāo)簽嵌套 27:08

 

課時(shí)5 3.3.插入面板之鏈接標(biāo)簽 24:46

 

課時(shí)6 3.4.插入面板之錨鏈接 20:36

 

課時(shí)7 3.5.插入圖片及圖片標(biāo)簽 26:23

 

課時(shí)8 3.6.圖片的熱點(diǎn)地圖及應(yīng)用 21:44

 

課時(shí)9 3.7.HTML代碼結(jié)構(gòu)與SEO優(yōu)化初識(shí) 25:16

 

課時(shí)10 4.1.重要的排版布局標(biāo)簽——表格（table） 29:26

 

課時(shí)11 4.2.排版標(biāo)簽，表格table案例【小米產(chǎn)品排版】【上】 27:59

 

課時(shí)12 4.3.排版標(biāo)簽，表格table案例【小米產(chǎn)品排版】【下】 41:26

 

課時(shí)13 4.4.使用表格完成【淘寶寶貝展示布局】 41:39

 

課時(shí)14 5.1.div布局思想與css面板初識(shí) 20:21

 

課時(shí)15 5.2.html代碼回顧與css面板の類型 32:30

 

課時(shí)16 5.3.參考css中文面板學(xué)習(xí)手寫樣式 23:53

 

課時(shí)17 5.4.手寫css樣式之類型 57:30

 

課時(shí)18 5.5.手寫css樣式の類型詳解 24:14

 

課時(shí)19 5.6.css類型——行高與文字修飾詳解 36:01

 

課時(shí)20 5.7.css背景——詳解背景屬性 1:08:40

 

課時(shí)21 5.8.css背景——背景簡(jiǎn)化及區(qū)塊 43:23

 

課時(shí)22 5.9.css區(qū)塊——display簡(jiǎn)介 08:32

 

課時(shí)23 5.10.css區(qū)塊——display詳解及float小案例 1:10:53

 

課時(shí)24 5.11.css方框-padding和margin 1:10:53

 

課時(shí)25 5.12.版式練習(xí)小案例 1:31:45

 

課時(shí)26 5.13.項(xiàng)目案例分析 27:21

 

課時(shí)27 6.1.案例制作——頁面頭部的制作 57:26

 

課時(shí)28 6.2.案例制作——導(dǎo)航區(qū)域的制作 1:02:57

 

課時(shí)29 6.3.案例制作——海報(bào)區(qū)及關(guān)于我們的搭建 1:02:57

 

課時(shí)30 6.4.案例制作——完成關(guān)于我們模塊制作 09:04

 

課時(shí)31 6.5.案例制作——產(chǎn)品展示區(qū)的劃分 25:03

 

課時(shí)32 6.6.案例展示——產(chǎn)品展示區(qū)的剖析與制作 53:33

 

課時(shí)33 6.7.案例展示——完成制作并使用外鏈樣式表 1:12:16

 

課時(shí)34 7.1.總結(jié)——溢出屬性與選擇器的權(quán)重 1:31:32

 

課時(shí)35 7.2.總結(jié)——新浪博客裝修與站酷商店的排版 1:06:38