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

課程簡介：

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

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

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

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

 

課程目標：

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

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

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

    那么，你就不用擔心代碼的問題了，因為，我們使用DW這款軟件逐漸認知這些代碼，沒有必要背的倒背如流，我們只要能夠認知，在使用的時候能夠套上那就夠了。

 

教師介紹：

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

 

真實鮮活的課堂案例：

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

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

 

 

 

 

教程目錄

 

 

 

 

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

 

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

 

課時3 3.1.插入面板之操作文字的常用標簽 37:51

 

課時4 3.2.插入面板之標簽屬性與標簽嵌套 27:08

 

課時5 3.3.插入面板之鏈接標簽 24:46

 

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

 

課時7 3.5.插入圖片及圖片標簽 26:23

 

課時8 3.6.圖片的熱點地圖及應用 21:44

 

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

 

課時10 4.1.重要的排版布局標簽——表格（table） 29:26

 

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

 

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

 

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

 

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

 

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

 

課時16 5.3.參考css中文面板學習手寫樣式 23:53

 

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

 

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

 

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

 

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

 

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

 

課時22 5.9.css區(qū)塊——display簡介 08:32

 

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

 

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

 

課時25 5.12.版式練習小案例 1:31:45

 

課時26 5.13.項目案例分析 27:21

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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