勤學(xué)教育網(wǎng)- 手機(jī)版
- 收藏本站
高級(jí)電商網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)
廣州匯學(xué)
本課程的主要內(nèi)容為系統(tǒng)介紹網(wǎng)頁(yè)編輯與制作軟件Dreamweaver，Adobe Dreamweaver，簡(jiǎn)稱“DW”，中文名稱 "夢(mèng)想編織者"，是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)代碼編輯器。利用對(duì) HTML、CSS、JavaScript等內(nèi)容的支持，從最開(kāi)始的網(wǎng)站規(guī)劃，到產(chǎn)品原型圖呈現(xiàn)，到出設(shè)計(jì)效果，到最終代碼實(shí)現(xiàn)，一步一步教會(huì)學(xué)員掌握整個(gè)網(wǎng)站設(shè)計(jì)流程，并能熟練利用Dreamwaver提供的強(qiáng)大代碼制作功能制作靜態(tài)頁(yè)面，并了解其他第三方工具的網(wǎng)頁(yè)制作方法。
零基礎(chǔ)或初步掌握DW知識(shí)，希望系統(tǒng)學(xué)習(xí)的學(xué)員
希望電商網(wǎng)頁(yè)設(shè)計(jì)類工作的學(xué)員（利用代碼進(jìn)行裝修）
從事天貓、京東、電商網(wǎng)頁(yè)設(shè)計(jì)，公司官網(wǎng)獨(dú)立設(shè)計(jì)的學(xué)員
愛(ài)好網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)站前端設(shè)計(jì)的學(xué)員
| 課時(shí) | 學(xué)習(xí)簡(jiǎn)介 | 學(xué)習(xí)收益 | |
|
第一課時(shí) Dreamweaver |
對(duì)網(wǎng)頁(yè)的知識(shí)有個(gè)基本的了解； 學(xué)會(huì)DW軟件基本的使用操作；站點(diǎn)新建，管理的方法； 了解網(wǎng)站基本分類方法概述；理解網(wǎng)站運(yùn)作的基本原理； 了解網(wǎng)頁(yè)的基本構(gòu)成元素，各種網(wǎng)站的頁(yè)面排版規(guī)則。 |
1.學(xué)習(xí)并了解網(wǎng)頁(yè)的概念，網(wǎng)站的概念； 2.認(rèn)知網(wǎng)站的分類及瀏覽網(wǎng)頁(yè)的工具； 3.了解開(kāi)發(fā)實(shí)用型網(wǎng)站的基本流程； 4.認(rèn)識(shí)組成網(wǎng)頁(yè)的元素，并掌握網(wǎng)頁(yè)排版的規(guī)則。 |
|
|
第二課時(shí) Dreamweaver |
熟練掌握建立網(wǎng)站站點(diǎn)的方法； 掌握站點(diǎn)當(dāng)中文件及文件夾的新建以及命名規(guī)則； 熟練掌握二級(jí)目錄的設(shè)置及站點(diǎn)當(dāng)中文件分類的管理； 掌握網(wǎng)頁(yè)的新建、打開(kāi)、預(yù)覽、存儲(chǔ)、關(guān)閉的技巧； 掌握Dreamweaver快速插入面板的使用。 |
1.學(xué)會(huì)創(chuàng)建靜態(tài)站點(diǎn)； 2.站點(diǎn)文件夾新建，命名規(guī)則； 3.二級(jí)目錄設(shè)置，文件分類管理； 4.網(wǎng)頁(yè)的命名與保存。 |
|
|
第三課時(shí) Dreamweaver |
理解網(wǎng)頁(yè)中代碼的工作原理，單詞的意思； 掌握網(wǎng)頁(yè)中標(biāo)簽的原理及使用方法； 掌握網(wǎng)頁(yè)的文本標(biāo)簽代碼的結(jié)構(gòu)寫(xiě)法及作用； 能夠自由的實(shí)現(xiàn)對(duì)文本文字的代碼編輯方法。 |
1.在網(wǎng)頁(yè)中添加文本； 2.了解網(wǎng)頁(yè)當(dāng)中常用的標(biāo)簽； 3.掌握網(wǎng)頁(yè)當(dāng)中的常用的標(biāo)題標(biāo)簽； 4.設(shè)置網(wǎng)頁(yè)文字樣式屬性； 5.添加文字項(xiàng)目列表與編號(hào)列表。 |
|
|
第四課時(shí) Dreamweaver |
掌握并了解網(wǎng)頁(yè)當(dāng)中允許使用的圖片格式； 能夠自由的插入網(wǎng)頁(yè)圖片，并學(xué)會(huì)使用；Dreamweaver軟件如何給圖片進(jìn)行添加鏈接； 網(wǎng)頁(yè)中添加圖片的方法，圖片代碼的編輯修改； 掌握如何在網(wǎng)頁(yè)當(dāng)中實(shí)現(xiàn)圖文混排效果，并兼容主流瀏覽器。 |
1.網(wǎng)頁(yè)當(dāng)中使用的圖片格式； 2.插入網(wǎng)頁(yè)圖片； 3.圖片加鏈接； 4.使用Dreamweaver編輯圖片，優(yōu)化圖片； 5.在網(wǎng)頁(yè)當(dāng)中實(shí)現(xiàn)圖文混排效果。 |
|
|
第五課時(shí) Dreamweaver |
熟練掌握網(wǎng)頁(yè)中超鏈接概念及用途； 熟練掌握用DreamWeaver制作各種超級(jí)鏈接； 使用頁(yè)面屬性面板修改超鏈接樣式； 熟練掌握?qǐng)D像超級(jí)鏈接，圖像熱區(qū)的超級(jí)鏈接方法。 |
1.了解網(wǎng)頁(yè)中超鏈接概念； 2.添加超級(jí)鏈接； 3.郵件及空鏈接、死鏈接； 4.添加網(wǎng)頁(yè)錨點(diǎn)鏈接； 5.添加圖像熱區(qū)鏈接。 |
|
|
第六課時(shí) Dreamweaver |
認(rèn)識(shí)網(wǎng)頁(yè)中表單所有的元素種類，掌握表單在網(wǎng)頁(yè)中的應(yīng)用； 理解表單在收集用戶信息方面的作用機(jī)理； 學(xué)會(huì)在網(wǎng)頁(yè)中合理地設(shè)置表單，并制作一個(gè)課表； 利用表單對(duì)象制作友情鏈接，制作一個(gè)友鏈的前端頁(yè)面。 |
1.認(rèn)識(shí)表單元素種類； 2.掌握創(chuàng)建表單、向表單中插入表單對(duì)象的方法； 3.掌握表單及表單對(duì)象屬性的設(shè)置。 |
|
|
第七課時(shí) Dreamweaver |
了解表格在網(wǎng)頁(yè)中的重要性與實(shí)用性； 了解并熟悉表格的標(biāo)簽元素，學(xué)會(huì)在設(shè)計(jì)視圖和代碼視圖中插入表格的方法； 熟練掌握與運(yùn)用表格中的添加、刪除、合并、拆分等技巧； 學(xué)會(huì)使用表格布局網(wǎng)頁(yè)的部分元素，如尺碼表，商品信息，關(guān)聯(lián)銷售列表等等。 |
1.了解網(wǎng)頁(yè)表格的概念含義； 2.熟練掌握表格的組成元素； 3.學(xué)會(huì)如何在網(wǎng)頁(yè)當(dāng)中插入表格； 4.掌握如何設(shè)置表格的屬性； 5.通過(guò)實(shí)例熟悉表格布局網(wǎng)頁(yè)方法。 |
|
|
第八課時(shí) Dreamweaver |
掌握網(wǎng)頁(yè)制作中如何添加圖像和多媒體等網(wǎng)頁(yè)元素； 熟練掌握在DreamWeaver中處理圖片和多媒體的方法和操作技巧； 學(xué)會(huì)如何在網(wǎng)頁(yè)中添加FLASH動(dòng)畫(huà)，插入圖像和視頻，以及背景音樂(lè)； 掌握HTML語(yǔ)言及聲音及視頻的格式。 |
1.添加多媒體、了解有哪些多媒體元素； 2.插入Flash多媒體元素，或快速有效的3.利用第三方平臺(tái)結(jié)合來(lái)插入視頻與音頻； 4.插入網(wǎng)頁(yè)動(dòng)畫(huà)圖片與滾動(dòng)文本； 5.實(shí)現(xiàn)各種主流瀏覽器兼容性。 |
|
|
第九課時(shí) DIV+CSS |
了解什么是DIV？什么是CSS？了解傳統(tǒng)布局和CSS樣式布局的區(qū)別 熟練并完全掌握行內(nèi)樣式、內(nèi)嵌樣式、外部鏈接樣式的特點(diǎn)與寫(xiě)法，了解多種樣式的優(yōu)先級(jí) 掌握標(biāo)簽選擇器、類別選擇器、ID選擇器的特點(diǎn)與寫(xiě)法，并能在XHTML頁(yè)面實(shí)現(xiàn)調(diào)用樣式。 了解選擇器的集體聲明、嵌套聲明、混合聲明之間的區(qū)別 |
1.學(xué)習(xí)并了解DIV+CSS是什么意思 2.用CSS代碼控制頁(yè)面 3.了解DIV+CSS語(yǔ)法基礎(chǔ) 4.熟練運(yùn)用并掌握CSS三種選擇器 5.掌握選擇器的集體聲明 |
|
|
第十課時(shí) DIV+CSS |
學(xué)會(huì)設(shè)置文字字體、大小、顏色、粗細(xì)等一系列樣式屬性并能兼容各種主流瀏覽器 學(xué)會(huì)設(shè)置網(wǎng)頁(yè)當(dāng)中的背景顏色 學(xué)會(huì)如何將圖片以背景的形式插入，并自如控制平鋪與定位 相同屬性代碼太長(zhǎng)容易影響顯示效果，學(xué)會(huì)將代碼進(jìn)行整合有利于頁(yè)面的整潔 |
1.學(xué)習(xí)CSS文字屬性設(shè)置 2.學(xué)習(xí)如何在網(wǎng)頁(yè)當(dāng)中設(shè)置背景顏色 3.學(xué)習(xí)如何將圖片以背景形式插入 4.學(xué)會(huì)如何將多行樣式代碼進(jìn)行整合 5.運(yùn)用CSS代碼布局大體網(wǎng)頁(yè)框架 |
|
|
第十一課時(shí) DIV+CSS |
學(xué)會(huì)將所有的網(wǎng)頁(yè)元素都看成是一個(gè)一個(gè)的矩形框，分析出框里面的組成元素 學(xué)會(huì)如何量取出盒子的正確尺寸并進(jìn)行布局 掌握在布局當(dāng)中盒子邊框樣式的設(shè)置并進(jìn)行調(diào)整 能夠自由的對(duì)多行相同屬性代碼進(jìn)行整合 |
1.了解DIV+CSS布局中盒模型的概念意義 2.掌握如何計(jì)算CSS布局中盒子的尺寸 3.了解并掌握盒子模型邊框的設(shè)置 4.掌握如何設(shè)置單獨(dú)邊框的樣式 5.掌握如何把代碼進(jìn)行整合 |
|
|
第十二課時(shí) DIV+CSS |
掌握并了解網(wǎng)頁(yè)布局中盒子邊距的重要性與使用用途 掌握外邊距與內(nèi)邊距樣式的區(qū)別并能夠正確的使用 掌握如何設(shè)置上下左右邊距各不相同的間距 掌握如何清除在添加內(nèi)邊距時(shí)增加的盒子尺寸 |
1.掌握在CSS布局中邊距的重要性 2.了解常用的外邊距（margin）與內(nèi)邊距（padding）樣式的運(yùn)用 3.正確掌握外邊距與內(nèi)邊距樣式的使用 4.運(yùn)用CSS代碼布局網(wǎng)頁(yè)主體框架結(jié)構(gòu) |
|
|
第十三課時(shí) DIV+CSS |
了解網(wǎng)頁(yè)布局中常用的布局樣式之一（浮動(dòng)布局） 掌握浮動(dòng)布局中的塊狀元素與內(nèi)聯(lián)元素的區(qū)別及使用用途 運(yùn)用CSS樣式清除網(wǎng)頁(yè)中的浮動(dòng)屬性(clear) 掌握浮動(dòng)屬性的相關(guān)知識(shí)點(diǎn)，了解如何實(shí)現(xiàn)層的居中對(duì)齊 |
1.學(xué)習(xí)網(wǎng)頁(yè)當(dāng)中的浮動(dòng)屬性布局 2.掌握浮動(dòng)布局中的塊狀元素與內(nèi)聯(lián)元素 3.掌握如何清除網(wǎng)頁(yè)中的浮動(dòng)屬性 4.利用浮動(dòng)布局制作橫排菜單導(dǎo)航條 5.掌握浮動(dòng)屬性的相關(guān)知識(shí)點(diǎn) |
|
|
第十四課時(shí) DIV+CSS |
了解列表在網(wǎng)頁(yè)中的重要性與實(shí)用性 了解并熟悉ul無(wú)序列表和dl定義列表在網(wǎng)頁(yè)中的使用用途與使用技巧方法 了解并熟練掌握符號(hào)列表的基礎(chǔ)屬性list-style-type 了解并熟練掌握符號(hào)列表的圖片屬性和定位屬性 |
1.了解列表在網(wǎng)頁(yè)設(shè)計(jì)中使用用途 2.了解ul無(wú)序列表和dl定義列表 3.學(xué)會(huì)如何改變項(xiàng)目符號(hào)樣式 4.圖片定義項(xiàng)目符號(hào)以及符號(hào)定位屬性 |
|
|
第十五課時(shí) DIV+CSS |
新聞列表實(shí)戰(zhàn)案例練習(xí)，掌握定義列表屬性的設(shè)置技巧 無(wú)序列表導(dǎo)航條源碼練習(xí)，掌握導(dǎo)航條鏈接標(biāo)簽的表現(xiàn)要點(diǎn) 定義列表產(chǎn)品排列練習(xí)，掌握定義列表標(biāo)簽的表現(xiàn)要點(diǎn) |
1.實(shí)例1：運(yùn)用ul無(wú)序列表制作新聞列表 2.實(shí)例2：運(yùn)用ul無(wú)序列表制作導(dǎo)航條 3.實(shí)例2：運(yùn)用dl定義列表制作產(chǎn)品排列效果 |
|
|
第十六課時(shí) DIV+CSS |
了解什么是超鏈接？了解超鏈接的基本定義 掌握在HTML語(yǔ)言中，通過(guò)<a>標(biāo)簽實(shí)現(xiàn)超鏈接效果 利用css設(shè)置超鏈接各種狀態(tài)下的樣式 css利用偽類選擇器設(shè)置<a>標(biāo)記的不同狀態(tài) |
1.了解網(wǎng)頁(yè)中超鏈接的基本定義 2.添加文本菜單超鏈接 3.了解超鏈接的四種常用狀態(tài) 4.自定義設(shè)置超鏈接樣式屬性 |
|
|
第十七課時(shí) DIV+CSS |
運(yùn)用CSS樣式對(duì)文本框和文本域進(jìn)行美化 掌握在DreamWeaver中用CSS樣式美化圖片的方法和技巧 學(xué)會(huì)如何用CSS樣式改變下拉列表樣式，糾正下拉列表對(duì)許多樣式不生效的問(wèn)題 合理利用label標(biāo)簽會(huì)使頁(yè)面的用戶體驗(yàn)得到提升 |
1.改變文本框和文本域樣式 2.了解并掌握用圖片美化按鈕 3.運(yùn)用CSS代碼改變下拉列表樣式 4.用label標(biāo)簽提升用戶體驗(yàn) 5.實(shí)例1：運(yùn)用CSS設(shè)計(jì)出登錄頁(yè)面 |
|
|
第十八課時(shí) DIV+CSS |
了解在布局中，常用的CSS定位方式有幾種，并了解他們之間的區(qū)別 掌握absolute(絕對(duì)定位)、relative(相對(duì)定位)的使用與z-index解析。 了解網(wǎng)頁(yè)布局中，浮動(dòng)元素（float）與定位（position）的不同點(diǎn) 掌握在CSS布局中，四大核心內(nèi)容（標(biāo)準(zhǔn)流、盒模型、浮動(dòng)元素、定位） |
1.CSS定位方式有哪些，他們的區(qū)別是什？ 2.CSS三大定位原理&Z-index解析 3.CSS布局——元素浮動(dòng)與定位篇區(qū)別 4.了解CSS之四種定位的理解 5.CSS核心內(nèi)容-標(biāo)準(zhǔn)流、盒模型、浮動(dòng)、定位 |
|
|
網(wǎng)頁(yè)設(shè)計(jì) 綜合實(shí)訓(xùn) |
了解網(wǎng)頁(yè)版式設(shè)計(jì)概念及常見(jiàn)的網(wǎng)頁(yè)版式類型 學(xué)習(xí)并掌握如何根據(jù)實(shí)際需要制定網(wǎng)頁(yè)/網(wǎng)店頁(yè)面布局規(guī)范 了解色彩基本知識(shí)和色彩的視覺(jué)識(shí)別性，各種不同場(chǎng)景的配色用法和意義 掌握網(wǎng)頁(yè)中圖片的編排規(guī)則和文本的組合編排規(guī)則，以及柵格的應(yīng)用 |
1.網(wǎng)頁(yè)設(shè)計(jì)的版式類型介紹 2.網(wǎng)頁(yè)設(shè)計(jì)中的頁(yè)面布局規(guī)范 3.網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)設(shè)計(jì)配色規(guī)范 4.網(wǎng)頁(yè)設(shè)計(jì)的圖文編排規(guī)則 |
|
|
認(rèn)識(shí)和注冊(cè)第三方建站系統(tǒng)平臺(tái) 使用第三方建站系統(tǒng)制作網(wǎng)站前端效果 保存網(wǎng)頁(yè)，熟練運(yùn)用生成代碼，構(gòu)建本地頁(yè)面 |
1.常見(jiàn)的第三方建站系統(tǒng) 2.第三方建站系統(tǒng)模塊實(shí)操 3.成品網(wǎng)站代碼運(yùn)用實(shí)戰(zhàn) |
||
|
網(wǎng)站設(shè)計(jì) 實(shí)戰(zhàn)式練習(xí) （八課時(shí)） |
熟悉網(wǎng)站首頁(yè)常見(jiàn)的布局類型及其相應(yīng)特點(diǎn) 熟悉行業(yè)網(wǎng)站首頁(yè)頁(yè)面布局規(guī)范，根據(jù)規(guī)范設(shè)計(jì)頁(yè)面 實(shí)戰(zhàn)練習(xí)，從零開(kāi)始使用DIV+CSS布局網(wǎng)頁(yè)界面效果 實(shí)戰(zhàn)練習(xí)，突破頁(yè)面從一到多，實(shí)現(xiàn)靜態(tài)網(wǎng)站效果 |
1.實(shí)戰(zhàn)練習(xí)之使用DIV+CSS布局網(wǎng)頁(yè)一 2.實(shí)戰(zhàn)練習(xí)之使用DIV+CSS布局網(wǎng)頁(yè)二 |
|
門(mén)面
課堂
教室2
教室
￥詢價(jià)課時(shí)：詳詢
￥3980課時(shí)：詳詢
￥詢價(jià)課時(shí)：詳詢
￥詢價(jià)課時(shí)：詳詢
￥1980課時(shí)：詳詢
￥3980課時(shí)：詳詢
￥詢價(jià)課時(shí)：詳詢
￥詢價(jià)課時(shí)：詳詢
￥3980課時(shí)：詳詢
￥3580課時(shí)：詳詢
