適合人群

零基礎或初步掌握DW知識，希望系統(tǒng)學習的學員

希望電商網(wǎng)頁設計類工作的學員（利用代碼進行裝修）

從事天貓、京東、電商網(wǎng)頁設計，公司官網(wǎng)獨立設計的學員

愛好網(wǎng)頁設計師和網(wǎng)站前端設計的學員


課程大綱

（1）一課時：Dreamweaver
①學習簡介
對網(wǎng)頁的知識有個基本的了解；
學會DW軟件基本的使用操作；站點新建，管理的方法；了解網(wǎng)站基本分類方法概述；理解網(wǎng)站運作的基本原理；了解網(wǎng)頁的基本構(gòu)成元素，各種網(wǎng)站的頁面排版規(guī)則。
②學習收益
1.學習并了解網(wǎng)頁的概念，網(wǎng)站的概念；
2.認知網(wǎng)站的分類及瀏覽網(wǎng)頁的工具；
3.了解開發(fā)實用型網(wǎng)站的基本流程；
4.認識組成網(wǎng)頁的元素，并掌握網(wǎng)頁排版的規(guī)則。

（2）二課時：Dreamweaver
①學習簡介
熟練掌握建立網(wǎng)站站點的方法；
掌握站點當中文件及文件夾的新建以及命名規(guī)則；
熟練掌握二級目錄的設置及站點當中文件分類的管理；掌握網(wǎng)頁的新建、打開、預覽、存儲、關閉的技巧；掌握Dreamweaver快速插入面板的使用。
②學習收益
1.學會創(chuàng)建靜態(tài)站點；
2.站點文件夾新建，命名規(guī)則；
3.二級目錄設置，文件分類管理；
4.網(wǎng)頁的命名與保存。

（3）第三課時：Dreamweaver
①學習簡介
理解網(wǎng)頁中代碼的工作原理，單詞的意思；
掌握網(wǎng)頁中標簽的原理及使用方法；
掌握網(wǎng)頁的文本標簽代碼的結(jié)構(gòu)寫法及作用；
能夠自由的實現(xiàn)對文本文字的代碼編輯方法。
②學習收益
1.在網(wǎng)頁中添加文本；
2.了解網(wǎng)頁當中常用的標簽；
3.掌握網(wǎng)頁當中的常用的標題標簽；
4.設置網(wǎng)頁文字樣式屬性；
5.添加文字項目列表與編號列表。

（4）第四課時：Dreamweaver
①學習簡介
掌握并了解網(wǎng)頁當中允許使用的圖片格式；
能夠自由的插入網(wǎng)頁圖片，并學會使用；Dreamweaver軟件如何給圖片進行添加鏈接；
網(wǎng)頁中添加圖片的方法，圖片代碼的編輯修改；
掌握如何在網(wǎng)頁當中實現(xiàn)圖文混排效果，并兼容主流瀏覽器。
②學習收益
1.網(wǎng)頁當中使用的圖片格式；
2.插入網(wǎng)頁圖片；
3.圖片加鏈接；
4.使用Dreamweaver編輯圖片，優(yōu)化圖片；
5.在網(wǎng)頁當中實現(xiàn)圖文混排效果。

（5）第五課時：Dreamweaver
①學習簡介
熟練掌握網(wǎng)頁中超鏈接概念及用途；
熟練掌握用DreamWeaver制作各種超級鏈接；
使用頁面屬性面板修改超鏈接樣式；
熟練掌握圖像超級鏈接，圖像熱區(qū)的超級鏈接方法。
②學習收益
1.了解網(wǎng)頁中超鏈接概念；
2.添加超級鏈接；
3.郵件及空鏈接、死鏈接；
4.添加網(wǎng)頁錨點鏈接；
5.添加圖像熱區(qū)鏈接。

（6）第六課時：Dreamweaver
①學習簡介
認識網(wǎng)頁中表單所有的元素種類，掌握表單在網(wǎng)頁中的應用；理解表單在收集用戶信息方面的作用機理；學會在網(wǎng)頁中合理地設置表單，并制作一個課表；利用表單對象制作友情鏈接，制作一個友鏈的前端頁面。
②學習收益
1.認識表單元素種類；
2.掌握創(chuàng)建表單、向表單中插入表單對象的方法；
3.掌握表單及表單對象屬性的設置。

（7）第七課時：Dreamweaver
①學習簡介
了解表格在網(wǎng)頁中的重要性與實用性；
了解并熟悉表格的標簽元素，學會在設計視圖和代碼視圖中插入表格的方法；
熟練掌握與運用表格中的添加、刪除、合并、拆分等技巧；學會使用表格布局網(wǎng)頁的部分元素，如尺碼表，商品信息，關聯(lián)銷售列表等等。
②學習收益
1.了解網(wǎng)頁表格的概念含義；
2.熟練掌握表格的組成元素；
3.學會如何在網(wǎng)頁當中插入表格；
4.掌握如何設置表格的屬性；
5.通過實例熟悉表格布局網(wǎng)頁方法。

（8）第八課時：Dreamweaver
①學習簡介
掌握網(wǎng)頁制作中如何添加圖像和多媒體等網(wǎng)頁元素；熟練掌握在DreamWeaver中處理圖片和多媒體的方法和操作技巧；學會如何在網(wǎng)頁中添加FLASH動畫，插入圖像和視頻，以及背景音樂；掌握HTML語言及聲音及視頻的格式。
②學習收益
1.添加多媒體、了解有哪些多媒體元素；
2.插入Flash多媒體元素，或快速有效的3.利用第三方平臺結(jié)合來插入視頻與音頻；
4.插入網(wǎng)頁動畫圖片與滾動文本；
5.實現(xiàn)各種主流瀏覽器兼容性。

（9）第九課時：DIV+CSS
①學習簡介
了解什么是DIV？什么是CSS？了解傳統(tǒng)布局和CSS樣式布局的區(qū)別
熟練并完全掌握行內(nèi)樣式、內(nèi)嵌樣式、外部鏈接樣式的特點與寫法，了解多種樣式的優(yōu)先級
掌握標簽選擇器、類別選擇器、ID選擇器的特點與寫法，并能在XHTML頁面實現(xiàn)調(diào)用樣式。
了解選擇器的集體聲明、嵌套聲明、混合聲明之間的區(qū)別
②學習收益
1.學習并了解DIV+CSS是什么意思
2.用CSS代碼控制頁面
3.了解DIV+CSS語法基礎
4.熟練運用并掌握CSS三種選擇器
5.掌握選擇器的集體聲明

（10）第十課時：DIV+CSS
①學習簡介
學會設置文字字體、大小、顏色、粗細等一系列樣式屬性并能兼容各種主流瀏覽器
學會設置網(wǎng)頁當中的背景顏色
學會如何將圖片以背景的形式插入，并自如控制平鋪與定位
相同屬性代碼太長容易影響顯示效果，學會將代碼進行整合有利于頁面的整潔
②學習收益
1.學習CSS文字屬性設置
2.學習如何在網(wǎng)頁當中設置背景顏色
3.學習如何將圖片以背景形式插入
4.學會如何將多行樣式代碼進行整合
5.運用CSS代碼布局大體網(wǎng)頁框架

（11）第十一課時：DIV+CSS
①學習簡介
學會將所有的網(wǎng)頁元素都看成是一個一個的矩形框，分析出框里面的組成元素
學會如何量取出盒子的正確尺寸并進行布局
掌握在布局當中盒子邊框樣式的設置并進行調(diào)整
能夠自由的對多行相同屬性代碼進行整合
②學習收益
1.了解DIV+CSS布局中盒模型的概念意義
2.掌握如何計算CSS布局中盒子的尺寸
3.了解并掌握盒子模型邊框的設置
4.掌握如何設置單獨邊框的樣式
5.掌握如何把代碼進行整合

（12）第十二課時：DIV+CSS
①學習簡介
掌握并了解網(wǎng)頁布局中盒子邊距的重要性與使用用途
掌握外邊距與內(nèi)邊距樣式的區(qū)別并能夠正確的使用
掌握如何設置上下左右邊距各不相同的間距
掌握如何清除在添加內(nèi)邊距時增加的盒子尺寸
②學習收益
1.掌握在CSS布局中邊距的重要性
2.了解常用的外邊距（margin）與內(nèi)邊距（padding）樣式的運用
3.正確掌握外邊距與內(nèi)邊距樣式的使用
4.運用CSS代碼布局網(wǎng)頁主體框架結(jié)構(gòu)

（13）第十三課時：DIV+CSS
①學習簡介
了解網(wǎng)頁布局中常用的布局樣式之一（浮動布局）
掌握浮動布局中的塊狀元素與內(nèi)聯(lián)元素的區(qū)別及使用用途
運用CSS樣式清除網(wǎng)頁中的浮動屬性(clear)
掌握浮動屬性的相關知識點，了解如何實現(xiàn)層的居中對齊
②學習收益
1.學習網(wǎng)頁當中的浮動屬性布局
2.掌握浮動布局中的塊狀元素與內(nèi)聯(lián)元素
3.掌握如何清除網(wǎng)頁中的浮動屬性
4.利用浮動布局制作橫排菜單導航條
5.掌握浮動屬性的相關知識點

（14）第十四課時：DIV+CSS
①學習簡介
了解列表在網(wǎng)頁中的重要性與實用性
了解并熟悉ul無序列表和dl定義列表在網(wǎng)頁中的使用用途與使用技巧方法
了解并熟練掌握符號列表的基礎屬性list-style-type
了解并熟練掌握符號列表的圖片屬性和定位屬性
②學習收益
1.了解列表在網(wǎng)頁設計中使用用途
2.了解ul無序列表和dl定義列表
3.學會如何改變項目符號樣式
4.圖片定義項目符號以及符號定位屬性

（15）第十五課時：DIV+CSS
①學習簡介
新聞列表實戰(zhàn)案例練習，掌握定義列表屬性的設置技巧
無序列表導航條源碼練習，掌握導航條鏈接標簽的表現(xiàn)要點
定義列表產(chǎn)品排列練習，掌握定義列表標簽的表現(xiàn)要點
②學習收益
1.實例1：運用ul無序列表制作新聞列表
2.實例2：運用ul無序列表制作導航條
3.實例2：運用dl定義列表制作產(chǎn)品排列效果

（16）第十六課時：DIV+CSS
①學習簡介
了解什么是超鏈接？了解超鏈接的基本定義
掌握在HTML語言中，通過標簽實現(xiàn)超鏈接效果
利用css設置超鏈接各種狀態(tài)下的樣式
css利用偽類選擇器設置標記的不同狀態(tài)
②學習收益
1.了解網(wǎng)頁中超鏈接的基本定義
2.添加文本菜單超鏈接
3.了解超鏈接的四種常用狀態(tài)
4.自定義設置超鏈接樣式屬性

（17）第十七課時：DIV+CSS
①學習簡介
運用CSS樣式對文本框和文本域進行美化
掌握在DreamWeaver中用CSS樣式美化圖片的方法和技巧
學會如何用CSS樣式改變下拉列表樣式，糾正下拉列表對許多樣式不生效的問題
合理利用label標簽會使頁面的用戶體驗得到提升
②學習收益
1.改變文本框和文本域樣式
2.了解并掌握用圖片美化按鈕
3.運用CSS代碼改變下拉列表樣式
4.用label標簽提升用戶體驗
5.實例1：運用CSS設計出登錄頁面

（18）第十八課時：DIV+CSS
①學習簡介
了解在布局中，常用的CSS定位方式有幾種，并了解他們之間的區(qū)別
掌握absolute(絕對定位)、relative(相對定位)的使用與z-index解析。
了解網(wǎng)頁布局中，浮動元素（float）與定位（position）的不同點
掌握在CSS布局中，四大核心內(nèi)容（標準流、盒模型、浮動元素、定位）
②學習收益
1.CSS定位方式有哪些，他們的區(qū)別是什？
2.CSS三大定位原理&Z-index解析
3.CSS布局——元素浮動與定位篇區(qū)別
4.了解CSS之四種定位的理解
5.CSS核心內(nèi)容-標準流、盒模型、浮動、定位

（19）網(wǎng)頁設計綜合實訓
①學習簡介
了解網(wǎng)頁版式設計概念及常見的網(wǎng)頁版式類型
學習并掌握如何根據(jù)實際需要制定網(wǎng)頁/網(wǎng)店頁面布局規(guī)范
了解色彩基本知識和色彩的視覺識別性，各種不同場景的配色用法和意義
掌握網(wǎng)頁中圖片的編排規(guī)則和文本的組合編排規(guī)則，以及柵格的應用
②認識和注冊第三方建站系統(tǒng)平臺
使用第三方建站系統(tǒng)制作網(wǎng)站前端效果
保存網(wǎng)頁，熟練運用生成代碼，構(gòu)建本地頁面
③學習收益
1.常見的第三方建站系統(tǒng)
2.第三方建站系統(tǒng)模塊實操
3.成品網(wǎng)站代碼運用實戰(zhàn)

（20）網(wǎng)站設計
實戰(zhàn)式練習
（八課時）
①學習簡介
熟悉網(wǎng)站首頁常見的布局類型及其相應特點
熟悉行業(yè)網(wǎng)站首頁頁面布局規(guī)范，根據(jù)規(guī)范設計頁面實戰(zhàn)練習，從零開始使用DIV+CSS布局網(wǎng)頁界面效果實戰(zhàn)練習，突破頁面從一到多，實現(xiàn)靜態(tài)網(wǎng)站效果
②學習收益
1.實戰(zhàn)練習之使用DIV+CSS布局網(wǎng)頁一
2.實戰(zhàn)練習之使用DIV+CSS布局網(wǎng)頁二


為什么選擇匯學教育

教學經(jīng)驗
在多年的辦學中積累了豐富的教學經(jīng)驗，緊密結(jié)合市場需求設置課程，有效提高學員的職場競爭力

辦學模式
采用全新的教學管理機制和家庭式的辦學模式，開設了電子商務運營培訓、網(wǎng)頁設計開發(fā)培訓等。

教學模式
匯學教育堅持家庭式上課即小班教學，采用1+1雙課時模式，理論+實操。寓教于樂，討論式教學，啟發(fā)式學習，邊學習邊練習。

學習計劃
主講教師與輔導教師復式考核，老師注重專業(yè)而系統(tǒng)教學，根據(jù)學員個人業(yè)余時間量身定制學習計劃，迅速提高專業(yè)水平和實戰(zhàn)能力