廣州高級電商網頁設計培訓班

小班詳詢

課程優勢：啟發式學習

上課方式：直播,面授

上課時段：白天班,晚班

￥ 2980

預約試聽在線咨詢

課程詳情教學點教學環境學員評論

課程簡介

高級電商網頁設計培訓

廣州匯學

本課程的主要內容為系統介紹網頁編輯與制作軟件Dreamweaver，Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持，從最開始的網站規劃，到產品原型圖呈現，到出設計效果，到最終代碼實現，一步一步教會學員掌握整個網站設計流程，并能熟練利用Dreamwaver提供的強大代碼制作功能制作靜態頁面，并了解其他第三方工具的網頁制作方法。

適合人群

零基礎或初步掌握DW知識，希望系統學習的學員
希望電商網頁設計類工作的學員（利用代碼進行裝修）
從事天貓、京東、電商網頁設計，公司官網獨立設計的學員
愛好網頁設計師和網站前端設計的學員

立即報名

課程大綱

課時	學習簡介	學習收益
第一課時 Dreamweaver	對網頁的知識有個基本的了解；學會DW軟件基本的使用操作；站點新建，管理的方法；了解網站基本分類方法概述；理解網站運作的基本原理；了解網頁的基本構成元素，各種網站的頁面排版規則。	1.學習并了解網頁的概念，網站的概念； 2.認知網站的分類及瀏覽網頁的工具； 3.了解開發實用型網站的基本流程； 4.認識組成網頁的元素，并掌握網頁排版的規則。
第二課時 Dreamweaver	熟練掌握建立網站站點的方法；掌握站點當中文件及文件夾的新建以及命名規則；熟練掌握二級目錄的設置及站點當中文件分類的管理；掌握網頁的新建、打開、預覽、存儲、關閉的技巧；掌握Dreamweaver快速插入面板的使用。	1.學會創建靜態站點； 2.站點文件夾新建，命名規則； 3.二級目錄設置，文件分類管理； 4.網頁的命名與保存。
第三課時 Dreamweaver	理解網頁中代碼的工作原理，單詞的意思；掌握網頁中標簽的原理及使用方法；掌握網頁的文本標簽代碼的結構寫法及作用；能夠自由的實現對文本文字的代碼編輯方法。	1.在網頁中添加文本； 2.了解網頁當中常用的標簽； 3.掌握網頁當中的常用的標題標簽； 4.設置網頁文字樣式屬性； 5.添加文字項目列表與編號列表。
第四課時 Dreamweaver	掌握并了解網頁當中允許使用的圖片格式；能夠自由的插入網頁圖片，并學會使用；Dreamweaver軟件如何給圖片進行添加鏈接；網頁中添加圖片的方法，圖片代碼的編輯修改；掌握如何在網頁當中實現圖文混排效果，并兼容主流瀏覽器。	1.網頁當中使用的圖片格式； 2.插入網頁圖片； 3.圖片加鏈接； 4.使用Dreamweaver編輯圖片，優化圖片； 5.在網頁當中實現圖文混排效果。
第五課時 Dreamweaver	熟練掌握網頁中超鏈接概念及用途；熟練掌握用DreamWeaver制作各種超級鏈接；使用頁面屬性面板修改超鏈接樣式；熟練掌握圖像超級鏈接，圖像熱區的超級鏈接方法。	1.了解網頁中超鏈接概念； 2.添加超級鏈接； 3.郵件及空鏈接、死鏈接； 4.添加網頁錨點鏈接； 5.添加圖像熱區鏈接。
第六課時 Dreamweaver	認識網頁中表單所有的元素種類，掌握表單在網頁中的應用；理解表單在收集用戶信息方面的作用機理；學會在網頁中合理地設置表單，并制作一個課表；利用表單對象制作友情鏈接，制作一個友鏈的前端頁面。	1.認識表單元素種類； 2.掌握創建表單、向表單中插入表單對象的方法； 3.掌握表單及表單對象屬性的設置。
第七課時 Dreamweaver	了解表格在網頁中的重要性與實用性；了解并熟悉表格的標簽元素，學會在設計視圖和代碼視圖中插入表格的方法；熟練掌握與運用表格中的添加、刪除、合并、拆分等技巧；學會使用表格布局網頁的部分元素，如尺碼表，商品信息，關聯銷售列表等等。	1.了解網頁表格的概念含義； 2.熟練掌握表格的組成元素； 3.學會如何在網頁當中插入表格； 4.掌握如何設置表格的屬性； 5.通過實例熟悉表格布局網頁方法。
第八課時 Dreamweaver	掌握網頁制作中如何添加圖像和多媒體等網頁元素；熟練掌握在DreamWeaver中處理圖片和多媒體的方法和操作技巧；學會如何在網頁中添加FLASH動畫，插入圖像和視頻，以及背景音樂；掌握HTML語言及聲音及視頻的格式。	1.添加多媒體、了解有哪些多媒體元素； 2.插入Flash多媒體元素，或快速有效的3.利用第三方平臺結合來插入視頻與音頻； 4.插入網頁動畫圖片與滾動文本； 5.實現各種主流瀏覽器兼容性。
第九課時 DIV+CSS	了解什么是DIV？什么是CSS？了解傳統布局和CSS樣式布局的區別熟練并完全掌握行內樣式、內嵌樣式、外部鏈接樣式的特點與寫法，了解多種樣式的優先級掌握標簽選擇器、類別選擇器、ID選擇器的特點與寫法，并能在XHTML頁面實現調用樣式。了解選擇器的集體聲明、嵌套聲明、混合聲明之間的區別	1.學習并了解DIV+CSS是什么意思 2.用CSS代碼控制頁面 3.了解DIV+CSS語法基礎 4.熟練運用并掌握CSS三種選擇器 5.掌握選擇器的集體聲明
第十課時 DIV+CSS	學會設置文字字體、大小、顏色、粗細等一系列樣式屬性并能兼容各種主流瀏覽器學會設置網頁當中的背景顏色學會如何將圖片以背景的形式插入，并自如控制平鋪與定位相同屬性代碼太長容易影響顯示效果，學會將代碼進行整合有利于頁面的整潔	1.學習CSS文字屬性設置 2.學習如何在網頁當中設置背景顏色 3.學習如何將圖片以背景形式插入 4.學會如何將多行樣式代碼進行整合 5.運用CSS代碼布局大體網頁框架
第十一課時 DIV+CSS	學會將所有的網頁元素都看成是一個一個的矩形框，分析出框里面的組成元素學會如何量取出盒子的正確尺寸并進行布局掌握在布局當中盒子邊框樣式的設置并進行調整能夠自由的對多行相同屬性代碼進行整合	1.了解DIV+CSS布局中盒模型的概念意義 2.掌握如何計算CSS布局中盒子的尺寸 3.了解并掌握盒子模型邊框的設置 4.掌握如何設置單獨邊框的樣式 5.掌握如何把代碼進行整合
第十二課時 DIV+CSS	掌握并了解網頁布局中盒子邊距的重要性與使用用途掌握外邊距與內邊距樣式的區別并能夠正確的使用掌握如何設置上下左右邊距各不相同的間距掌握如何清除在添加內邊距時增加的盒子尺寸	1.掌握在CSS布局中邊距的重要性 2.了解常用的外邊距（margin）與內邊距（padding）樣式的運用 3.正確掌握外邊距與內邊距樣式的使用 4.運用CSS代碼布局網頁主體框架結構
第十三課時 DIV+CSS	了解網頁布局中常用的布局樣式之一（浮動布局）掌握浮動布局中的塊狀元素與內聯元素的區別及使用用途運用CSS樣式清除網頁中的浮動屬性(clear) 掌握浮動屬性的相關知識點，了解如何實現層的居中對齊	1.學習網頁當中的浮動屬性布局 2.掌握浮動布局中的塊狀元素與內聯元素 3.掌握如何清除網頁中的浮動屬性 4.利用浮動布局制作橫排菜單導航條 5.掌握浮動屬性的相關知識點
第十四課時 DIV+CSS	了解列表在網頁中的重要性與實用性了解并熟悉ul無序列表和dl定義列表在網頁中的使用用途與使用技巧方法了解并熟練掌握符號列表的基礎屬性list-style-type 了解并熟練掌握符號列表的圖片屬性和定位屬性	1.了解列表在網頁設計中使用用途 2.了解ul無序列表和dl定義列表 3.學會如何改變項目符號樣式 4.圖片定義項目符號以及符號定位屬性
第十五課時 DIV+CSS	新聞列表實戰案例練習，掌握定義列表屬性的設置技巧無序列表導航條源碼練習，掌握導航條鏈接標簽的表現要點定義列表產品排列練習，掌握定義列表標簽的表現要點	1.實例1：運用ul無序列表制作新聞列表 2.實例2：運用ul無序列表制作導航條 3.實例2：運用dl定義列表制作產品排列效果
第十六課時 DIV+CSS	了解什么是超鏈接？了解超鏈接的基本定義掌握在HTML語言中，通過<a>標簽實現超鏈接效果利用css設置超鏈接各種狀態下的樣式 css利用偽類選擇器設置<a>標記的不同狀態	1.了解網頁中超鏈接的基本定義 2.添加文本菜單超鏈接 3.了解超鏈接的四種常用狀態 4.自定義設置超鏈接樣式屬性
第十七課時 DIV+CSS	運用CSS樣式對文本框和文本域進行美化掌握在DreamWeaver中用CSS樣式美化圖片的方法和技巧學會如何用CSS樣式改變下拉列表樣式，糾正下拉列表對許多樣式不生效的問題合理利用label標簽會使頁面的用戶體驗得到提升	1.改變文本框和文本域樣式 2.了解并掌握用圖片美化按鈕 3.運用CSS代碼改變下拉列表樣式 4.用label標簽提升用戶體驗 5.實例1：運用CSS設計出登錄頁面
第十八課時 DIV+CSS	了解在布局中，常用的CSS定位方式有幾種，并了解他們之間的區別掌握absolute(絕對定位)、relative(相對定位)的使用與z-index解析。了解網頁布局中，浮動元素（float）與定位（position）的不同點掌握在CSS布局中，四大核心內容（標準流、盒模型、浮動元素、定位）	1.CSS定位方式有哪些，他們的區別是什？ 2.CSS三大定位原理&Z-index解析 3.CSS布局——元素浮動與定位篇區別 4.了解CSS之四種定位的理解 5.CSS核心內容-標準流、盒模型、浮動、定位
網頁設計綜合實訓	了解網頁版式設計概念及常見的網頁版式類型學習并掌握如何根據實際需要制定網頁/網店頁面布局規范了解色彩基本知識和色彩的視覺識別性，各種不同場景的配色用法和意義掌握網頁中圖片的編排規則和文本的組合編排規則，以及柵格的應用	1.網頁設計的版式類型介紹 2.網頁設計中的頁面布局規范 3.網頁設計視覺設計配色規范 4.網頁設計的圖文編排規則
	認識和注冊第三方建站系統平臺使用第三方建站系統制作網站前端效果保存網頁，熟練運用生成代碼，構建本地頁面	1.常見的第三方建站系統 2.第三方建站系統模塊實操 3.成品網站代碼運用實戰
網站設計實戰式練習（八課時）	熟悉網站首頁常見的布局類型及其相應特點熟悉行業網站首頁頁面布局規范，根據規范設計頁面實戰練習，從零開始使用DIV+CSS布局網頁界面效果實戰練習，突破頁面從一到多，實現靜態網站效果	1.實戰練習之使用DIV+CSS布局網頁一 2.實戰練習之使用DIV+CSS布局網頁二

教學師資

講師：張培

個人簡歷：2012年開始接觸電商行業，陸續擔任過美工、店長、設計主管、網頁設計師等各種職位，:至今為止，面授學員超一千人次!
授課風格:課堂氣氛輕松愉悅，上課風趣幽默，知識點細膩生動，互動性強，實戰式案例,能細致入微地講解知識的內在邏輯，讓學員心領神會，靈活地掌握理論知識
主講課程:淘寶美工、圖像精修、網頁設計、OFFICE

講師：李沛熹

個人簡歷:高級攝影師、影視導演|編劇情感專家自媒體人國際攝影大賽獲獎者；運營跨領域多個自媒體腰部帳號星星電氣集團視覺顧問；廣州媽媽網視覺技術指導
個人擅長:人像、產品、美食、寵物各類攝影布光方案構圖技巧短視頻、產品、vlog、劇情短.…各類視頻的前期規劃和拍攝后期，電商美工、排版精修，建立良好工作習慣、高效工作流程
主講課程:攝影攝像、視頻制作PS美工