廣州高級電商網(wǎng)頁設(shè)計培訓(xùn)班
【所屬機構(gòu)：匯學(xué)教育】
課程簡介
高級電商網(wǎng)頁設(shè)計培訓(xùn) 廣州匯學(xué)
本課程的主要內(nèi)容為系統(tǒng)介紹網(wǎng)頁編輯與制作軟件Dreamweaver，Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。利用對 HTML、CSS、JavaScript等內(nèi)容的支持，從最開始的網(wǎng)站規(guī)劃，到產(chǎn)品原型圖呈現(xiàn)，到出設(shè)計效果，到最終代碼實現(xiàn)，一步一步教會學(xué)員掌握整個網(wǎng)站設(shè)計流程，并能熟練利用Dreamwaver提供的強大代碼制作功能制作靜態(tài)頁面，并了解其他第三方工具的網(wǎng)頁制作方法。
適合人群
零基礎(chǔ)或初步掌握DW知識，希望系統(tǒng)學(xué)習(xí)的學(xué)員
希望電商網(wǎng)頁設(shè)計類工作的學(xué)員（利用代碼進行裝修）
從事天貓、京東、電商網(wǎng)頁設(shè)計，公司官網(wǎng)獨立設(shè)計的學(xué)員
愛好網(wǎng)頁設(shè)計師和網(wǎng)站前端設(shè)計的學(xué)員
立即報名
課程大綱
| 課時 | 學(xué)習(xí)簡介 | 學(xué)習(xí)收益 | |
| 第一課時 Dreamweaver | 對網(wǎng)頁的知識有個基本的了解； 學(xué)會DW軟件基本的使用操作；站點新建，管理的方法； 了解網(wǎng)站基本分類方法概述；理解網(wǎng)站運作的基本原理； 了解網(wǎng)頁的基本構(gòu)成元素，各種網(wǎng)站的頁面排版規(guī)則。 | 1.學(xué)習(xí)并了解網(wǎng)頁的概念，網(wǎng)站的概念； 2.認知網(wǎng)站的分類及瀏覽網(wǎng)頁的工具； 3.了解開發(fā)實用型網(wǎng)站的基本流程； 4.認識組成網(wǎng)頁的元素，并掌握網(wǎng)頁排版的規(guī)則。 | |
| 第二課時 Dreamweaver | 熟練掌握建立網(wǎng)站站點的方法； 掌握站點當中文件及文件夾的新建以及命名規(guī)則； 熟練掌握二級目錄的設(shè)置及站點當中文件分類的管理； 掌握網(wǎng)頁的新建、打開、預(yù)覽、存儲、關(guān)閉的技巧； 掌握Dreamweaver快速插入面板的使用。 | 1.學(xué)會創(chuàng)建靜態(tài)站點； 2.站點文件夾新建，命名規(guī)則； 3.二級目錄設(shè)置，文件分類管理； 4.網(wǎng)頁的命名與保存。 | |
| 第三課時 Dreamweaver | 理解網(wǎng)頁中代碼的工作原理，單詞的意思； 掌握網(wǎng)頁中標簽的原理及使用方法； 掌握網(wǎng)頁的文本標簽代碼的結(jié)構(gòu)寫法及作用； 能夠自由的實現(xiàn)對文本文字的代碼編輯方法。 | 1.在網(wǎng)頁中添加文本； 2.了解網(wǎng)頁當中常用的標簽； 3.掌握網(wǎng)頁當中的常用的標題標簽； 4.設(shè)置網(wǎng)頁文字樣式屬性； 5.添加文字項目列表與編號列表。 | |
| 第四課時 Dreamweaver | 掌握并了解網(wǎng)頁當中允許使用的圖片格式； 能夠自由的插入網(wǎng)頁圖片，并學(xué)會使用；Dreamweaver軟件如何給圖片進行添加鏈接； 網(wǎng)頁中添加圖片的方法，圖片代碼的編輯修改； 掌握如何在網(wǎng)頁當中實現(xiàn)圖文混排效果，并兼容主流瀏覽器。 | 1.網(wǎng)頁當中使用的圖片格式； 2.插入網(wǎng)頁圖片； 3.圖片加鏈接； 4.使用Dreamweaver編輯圖片，優(yōu)化圖片； 5.在網(wǎng)頁當中實現(xiàn)圖文混排效果。 | |
| 第五課時 Dreamweaver | 熟練掌握網(wǎng)頁中超鏈接概念及用途； 熟練掌握用DreamWeaver制作各種超級鏈接； 使用頁面屬性面板修改超鏈接樣式； 熟練掌握圖像超級鏈接，圖像熱區(qū)的超級鏈接方法。 | 1.了解網(wǎng)頁中超鏈接概念； 2.添加超級鏈接； 3.郵件及空鏈接、死鏈接； 4.添加網(wǎng)頁錨點鏈接； 5.添加圖像熱區(qū)鏈接。 | |
| 第六課時 Dreamweaver | 認識網(wǎng)頁中表單所有的元素種類，掌握表單在網(wǎng)頁中的應(yīng)用； 理解表單在收集用戶信息方面的作用機理； 學(xué)會在網(wǎng)頁中合理地設(shè)置表單，并制作一個課表； 利用表單對象制作友情鏈接，制作一個友鏈的前端頁面。 | 1.認識表單元素種類； 2.掌握創(chuàng)建表單、向表單中插入表單對象的方法； 3.掌握表單及表單對象屬性的設(shè)置。 | |
| 第七課時 Dreamweaver | 了解表格在網(wǎng)頁中的重要性與實用性； 了解并熟悉表格的標簽元素，學(xué)會在設(shè)計視圖和代碼視圖中插入表格的方法； 熟練掌握與運用表格中的添加、刪除、合并、拆分等技巧； 學(xué)會使用表格布局網(wǎng)頁的部分元素，如尺碼表，商品信息，關(guān)聯(lián)銷售列表等等。 | 1.了解網(wǎng)頁表格的概念含義； 2.熟練掌握表格的組成元素； 3.學(xué)會如何在網(wǎng)頁當中插入表格； 4.掌握如何設(shè)置表格的屬性； 5.通過實例熟悉表格布局網(wǎng)頁方法。 | |
| 第八課時 Dreamweaver | 掌握網(wǎng)頁制作中如何添加圖像和多媒體等網(wǎng)頁元素； 熟練掌握在DreamWeaver中處理圖片和多媒體的方法和操作技巧； 學(xué)會如何在網(wǎng)頁中添加FLASH動畫，插入圖像和視頻，以及背景音樂； 掌握HTML語言及聲音及視頻的格式。 | 1.添加多媒體、了解有哪些多媒體元素； 2.插入Flash多媒體元素，或快速有效的3.利用第三方平臺結(jié)合來插入視頻與音頻； 4.插入網(wǎng)頁動畫圖片與滾動文本； 5.實現(xiàn)各種主流瀏覽器兼容性。 | |
| 第九課時 DIV+CSS | 了解什么是DIV？什么是CSS？了解傳統(tǒng)布局和CSS樣式布局的區(qū)別 熟練并完全掌握行內(nèi)樣式、內(nèi)嵌樣式、外部鏈接樣式的特點與寫法，了解多種樣式的優(yōu)先級 掌握標簽選擇器、類別選擇器、ID選擇器的特點與寫法，并能在XHTML頁面實現(xiàn)調(diào)用樣式。 了解選擇器的集體聲明、嵌套聲明、混合聲明之間的區(qū)別 | 1.學(xué)習(xí)并了解DIV+CSS是什么意思 2.用CSS代碼控制頁面 3.了解DIV+CSS語法基礎(chǔ) 4.熟練運用并掌握CSS三種選擇器 5.掌握選擇器的集體聲明 | |
| 第十課時 DIV+CSS | 學(xué)會設(shè)置文字字體、大小、顏色、粗細等一系列樣式屬性并能兼容各種主流瀏覽器 學(xué)會設(shè)置網(wǎng)頁當中的背景顏色 學(xué)會如何將圖片以背景的形式插入，并自如控制平鋪與定位 相同屬性代碼太長容易影響顯示效果，學(xué)會將代碼進行整合有利于頁面的整潔 | 1.學(xué)習(xí)CSS文字屬性設(shè)置 2.學(xué)習(xí)如何在網(wǎng)頁當中設(shè)置背景顏色 3.學(xué)習(xí)如何將圖片以背景形式插入 4.學(xué)會如何將多行樣式代碼進行整合 5.運用CSS代碼布局大體網(wǎng)頁框架 | |
| 第十一課時 DIV+CSS | 學(xué)會將所有的網(wǎng)頁元素都看成是一個一個的矩形框，分析出框里面的組成元素 學(xué)會如何量取出盒子的正確尺寸并進行布局 掌握在布局當中盒子邊框樣式的設(shè)置并進行調(diào)整 能夠自由的對多行相同屬性代碼進行整合 | 1.了解DIV+CSS布局中盒模型的概念意義 2.掌握如何計算CSS布局中盒子的尺寸 3.了解并掌握盒子模型邊框的設(shè)置 4.掌握如何設(shè)置單獨邊框的樣式 5.掌握如何把代碼進行整合 | |
| 第十二課時 DIV+CSS | 掌握并了解網(wǎng)頁布局中盒子邊距的重要性與使用用途 掌握外邊距與內(nèi)邊距樣式的區(qū)別并能夠正確的使用 掌握如何設(shè)置上下左右邊距各不相同的間距 掌握如何清除在添加內(nèi)邊距時增加的盒子尺寸 | 1.掌握在CSS布局中邊距的重要性 2.了解常用的外邊距（margin）與內(nèi)邊距（padding）樣式的運用 3.正確掌握外邊距與內(nèi)邊距樣式的使用 4.運用CSS代碼布局網(wǎng)頁主體框架結(jié)構(gòu) | |
| 第十三課時 DIV+CSS | 了解網(wǎng)頁布局中常用的布局樣式之一（浮動布局） 掌握浮動布局中的塊狀元素與內(nèi)聯(lián)元素的區(qū)別及使用用途 運用CSS樣式清除網(wǎng)頁中的浮動屬性(clear) 掌握浮動屬性的相關(guān)知識點，了解如何實現(xiàn)層的居中對齊 | 1.學(xué)習(xí)網(wǎng)頁當中的浮動屬性布局 2.掌握浮動布局中的塊狀元素與內(nèi)聯(lián)元素 3.掌握如何清除網(wǎng)頁中的浮動屬性 4.利用浮動布局制作橫排菜單導(dǎo)航條 5.掌握浮動屬性的相關(guān)知識點 | |
| 第十四課時 DIV+CSS | 了解列表在網(wǎng)頁中的重要性與實用性 了解并熟悉ul無序列表和dl定義列表在網(wǎng)頁中的使用用途與使用技巧方法 了解并熟練掌握符號列表的基礎(chǔ)屬性list-style-type 了解并熟練掌握符號列表的圖片屬性和定位屬性 | 1.了解列表在網(wǎng)頁設(shè)計中使用用途 2.了解ul無序列表和dl定義列表 3.學(xué)會如何改變項目符號樣式 4.圖片定義項目符號以及符號定位屬性 | |
| 第十五課時 DIV+CSS | 新聞列表實戰(zhàn)案例練習(xí)，掌握定義列表屬性的設(shè)置技巧 無序列表導(dǎo)航條源碼練習(xí)，掌握導(dǎo)航條鏈接標簽的表現(xiàn)要點 定義列表產(chǎn)品排列練習(xí)，掌握定義列表標簽的表現(xiàn)要點 | 1.實例1：運用ul無序列表制作新聞列表 2.實例2：運用ul無序列表制作導(dǎo)航條 3.實例2：運用dl定義列表制作產(chǎn)品排列效果 | |
| 第十六課時 DIV+CSS | 了解什么是超鏈接？了解超鏈接的基本定義 掌握在HTML語言中，通過<a>標簽實現(xiàn)超鏈接效果 利用css設(shè)置超鏈接各種狀態(tài)下的樣式 css利用偽類選擇器設(shè)置<a>標記的不同狀態(tài) | 1.了解網(wǎng)頁中超鏈接的基本定義 2.添加文本菜單超鏈接 3.了解超鏈接的四種常用狀態(tài) 4.自定義設(shè)置超鏈接樣式屬性 | |
| 第十七課時 DIV+CSS | 運用CSS樣式對文本框和文本域進行美化 掌握在DreamWeaver中用CSS樣式美化圖片的方法和技巧 學(xué)會如何用CSS樣式改變下拉列表樣式，糾正下拉列表對許多樣式不生效的問題 合理利用label標簽會使頁面的用戶體驗得到提升 | 1.改變文本框和文本域樣式 2.了解并掌握用圖片美化按鈕 3.運用CSS代碼改變下拉列表樣式 4.用label標簽提升用戶體驗 5.實例1：運用CSS設(shè)計出登錄頁面 | |
| 第十八課時 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)容-標準流、盒模型、浮動、定位 | |
| 網(wǎng)頁設(shè)計 綜合實訓(xùn) | 了解網(wǎng)頁版式設(shè)計概念及常見的網(wǎng)頁版式類型 學(xué)習(xí)并掌握如何根據(jù)實際需要制定網(wǎng)頁/網(wǎng)店頁面布局規(guī)范 了解色彩基本知識和色彩的視覺識別性，各種不同場景的配色用法和意義 掌握網(wǎng)頁中圖片的編排規(guī)則和文本的組合編排規(guī)則，以及柵格的應(yīng)用 | 1.網(wǎng)頁設(shè)計的版式類型介紹 2.網(wǎng)頁設(shè)計中的頁面布局規(guī)范 3.網(wǎng)頁設(shè)計視覺設(shè)計配色規(guī)范 4.網(wǎng)頁設(shè)計的圖文編排規(guī)則 | |
| 認識和注冊第三方建站系統(tǒng)平臺 使用第三方建站系統(tǒng)制作網(wǎng)站前端效果 保存網(wǎng)頁，熟練運用生成代碼，構(gòu)建本地頁面 | 1.常見的第三方建站系統(tǒng) 2.第三方建站系統(tǒng)模塊實操 3.成品網(wǎng)站代碼運用實戰(zhàn) | ||
| 網(wǎng)站設(shè)計 實戰(zhàn)式練習(xí) （八課時） | 熟悉網(wǎng)站首頁常見的布局類型及其相應(yīng)特點 熟悉行業(yè)網(wǎng)站首頁頁面布局規(guī)范，根據(jù)規(guī)范設(shè)計頁面 實戰(zhàn)練習(xí)，從零開始使用DIV+CSS布局網(wǎng)頁界面效果 實戰(zhàn)練習(xí)，突破頁面從一到多，實現(xiàn)靜態(tài)網(wǎng)站效果 | 1.實戰(zhàn)練習(xí)之使用DIV+CSS布局網(wǎng)頁一 2.實戰(zhàn)練習(xí)之使用DIV+CSS布局網(wǎng)頁二 | |
教學(xué)師資
講師：張培
個人簡歷：2012年開始接觸電商行業(yè)，陸續(xù)擔(dān)任過美工、店長、設(shè)計主管、網(wǎng)頁設(shè)計師等各種職位，:至今為止，面授學(xué)員超一千人次!
授課風(fēng)格:課堂氣氛輕松愉悅，上課風(fēng)趣幽默，知識點細膩生動，互動性強，實戰(zhàn)式案例,能細致入微地講解知識的內(nèi)在邏輯，讓學(xué)員心領(lǐng)神會，靈活地掌握理論知識
主講課程:淘寶美工、圖像精修、網(wǎng)頁設(shè)計、OFFICE
個人簡歷：2012年開始接觸電商行業(yè)，陸續(xù)擔(dān)任過美工、店長、設(shè)計主管、網(wǎng)頁設(shè)計師等各種職位，:至今為止，面授學(xué)員超一千人次!
授課風(fēng)格:課堂氣氛輕松愉悅，上課風(fēng)趣幽默，知識點細膩生動，互動性強，實戰(zhàn)式案例,能細致入微地講解知識的內(nèi)在邏輯，讓學(xué)員心領(lǐng)神會，靈活地掌握理論知識
主講課程:淘寶美工、圖像精修、網(wǎng)頁設(shè)計、OFFICE
講師：李沛熹
個人簡歷:高級攝影師、影視導(dǎo)演|編劇情感專家自媒體人國際攝影大賽獲獎?wù)?；運營跨領(lǐng)域多個自媒體腰部帳號星星電氣集團視覺顧問；廣州媽媽網(wǎng)視覺技術(shù)指導(dǎo)
個人擅長:人像、產(chǎn)品、美食、寵物各類攝影布光方案構(gòu)圖技巧短視頻、產(chǎn)品、vlog、劇情短.…各類視頻的前期規(guī)劃和拍攝后期，電商美工、排版精修，建立良好工作習(xí)慣、高效工作流程
主講課程:攝影攝像、視頻制作PS美工
個人擅長:人像、產(chǎn)品、美食、寵物各類攝影布光方案構(gòu)圖技巧短視頻、產(chǎn)品、vlog、劇情短.…各類視頻的前期規(guī)劃和拍攝后期，電商美工、排版精修，建立良好工作習(xí)慣、高效工作流程
主講課程:攝影攝像、視頻制作PS美工
熱門課程更多+
