惠州高級電商網(wǎng)頁設計培訓班

課程體系

學習簡介

學習收益

第 一課時

Dreamweaver

對網(wǎng)頁的知識有個基本的了解；

能區(qū)分什么是網(wǎng)站和什么是網(wǎng)頁，結合實際了解網(wǎng)頁的分類形式，以及制作網(wǎng)頁的流程

熟悉DW軟件的界面，掌握文件的一系列基本操作

學會DW軟件基本的使用操作；站點新建，管理的方法；

了解網(wǎng)站基本分類方法概述；理解網(wǎng)站運作的基本原理；

了解網(wǎng)頁的基本構成元素，各種網(wǎng)站的頁面排版規(guī)則。

1.學習并了解網(wǎng)頁的概念，網(wǎng)站的概念；
2.認知網(wǎng)站的分類及瀏覽網(wǎng)頁的工具；
3.了解開發(fā)實用型網(wǎng)站的基本流程；
4.認識組成網(wǎng)頁的元素，并掌握網(wǎng)頁排版的規(guī)則。

第二課時

Dreamweaver

熟練掌握建立網(wǎng)站站點的方法；

掌握站點當中文件及文件夾的新建以及命名規(guī)則；

熟練掌握二級目錄的設置及站點當中文件分類的管理；

掌握網(wǎng)頁的新建、打開、預覽、存儲、關閉的技巧；

掌握Dreamweaver快速插入面板的使用。

1.學會創(chuàng)建靜態(tài)站點；
2.站點文件夾新建，命名規(guī)則；
3.二級目錄設置，文件分類管理；
4.網(wǎng)頁的命名與保存。

第三課時

Dreamweaver

熟悉操作界面，并學會在代碼視圖和設計視圖當中輸入文字，掌握基本相應的代碼對應的效果。

學會在網(wǎng)頁當中插入所需要的圖片，了解相應的格式，以及在DW中一些簡單的編輯方法（裁剪、縮放等）

1.在網(wǎng)頁中添加文本；
2.了解網(wǎng)頁當中常用的標簽；
3.掌握網(wǎng)頁當中的常用的標題標簽；
4.設置網(wǎng)頁文字樣式屬性；
5.添加文字項目列表與編號列表。

第四課時

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)圖文混排效果。

第五課時

Dreamweaver

熟練掌握網(wǎng)頁中超鏈接概念及用途；

熟悉DW各種鏈接的概念以及對應的操作

熟練掌握用DreamWeaver制作各種超級鏈接；

使用頁面屬性面板修改超鏈接樣式；

熟練掌握圖像超級鏈接，圖像熱區(qū)的超級鏈接方法。

1.了解網(wǎng)頁中超鏈接概念；

2.添加超級鏈接；
3.郵件及空鏈接、死鏈接；
4.添加網(wǎng)頁錨點鏈接；
5.添加圖像熱區(qū)鏈接。

第六課時

Dreamweaver

認識網(wǎng)頁中表單所有的元素種類，掌握表單在網(wǎng)頁中的應用；

理解表單在收集用戶信息方面的作用機理；

學會在網(wǎng)頁中合理地設置表單，并制作一個課表；

利用表單對象制作友情鏈接，制作一個友鏈的前端頁面。

1.認識表單元素種類；
2.掌握創(chuàng)建表單、向表單中插入表單對象的方法；
3.掌握表單及表單對象屬性的設置。

第七課時Dreamweaver

了解表格在網(wǎng)頁中的重要性與實用性；

了解并熟悉表格的標簽元素，學會在設計視圖和代碼視圖中插入表格的方法；

熟練掌握與運用表格中的添加、刪除、合并、拆分等技巧；

學會使用表格布局網(wǎng)頁的部分元素，如尺碼表，商品信息，關聯(lián)列表等等。

1.了解網(wǎng)頁表格的概念含義；
2.熟練掌握表格的組成元素；
3.學會如何在網(wǎng)頁當中插入表格；
4.掌握如何設置表格的屬性；
5.通過實例熟悉表格布局網(wǎng)頁方法。

第八課時

Dreamweaver

掌握網(wǎng)頁制作中如何添加圖像和多媒體等網(wǎng)頁元素；

熟練掌握在DreamWeaver中處理圖片和多媒體的方法和操作技巧；

學會如何在網(wǎng)頁中添加FLASH動畫，插入圖像和視頻，以及背景音樂；

掌握HTML語言及聲音及視頻的格式。

1.添加多媒體、了解有哪些多媒體元素；

2.插入Flash多媒體元素，或快速有效的3.利用第三方平臺結合來插入視頻與音頻；

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.學習并了解DIV+CSS是什么意思
2.用CSS代碼控制頁面
3.了解DIV+CSS語法基礎
4.熟練運用并掌握CSS三種選擇器
5.掌握選擇器的集體聲明

第十課時

DIV+CSS

學會設置文字字體、大小、顏色、粗細等一系列樣式屬性并能兼容各種主流瀏覽器

學會設置網(wǎng)頁當中的背景顏色

學會如何將圖片以背景的形式插入，并自如控制平鋪與定位

相同屬性代碼太長容易影響顯示效果，學會將代碼進行整合有利于頁面的整潔

1.學習CSS文字屬性設置
2.學習如何在網(wǎng)頁當中設置背景顏色
3.學習如何將圖片以背景形式插入
4.學會如何將多行樣式代碼進行整合
5.運用CSS代碼布局大體網(wǎng)頁框架

第十一課時

DIV+CSS

學會將所有的網(wǎng)頁元素都看成是一個一個的矩形框，分析出框里面的組成元素

學會如何量取出盒子的正確尺寸并進行布局

掌握在布局當中盒子邊框樣式的設置并進行調(diào)整

能夠自由的對多行相同屬性代碼進行整合

掌握盒子的外邊距邊界與內(nèi)邊距填充的區(qū)別

1.了解DIV+CSS布局中盒模型的概念意義
2.掌握如何計算CSS布局中盒子的尺寸
3.了解并掌握盒子模型邊框的設置
4.掌握如何設置單獨邊框的樣式
5.掌握如何把代碼進行整合

第十二課時

DIV+CSS

掌握并了解網(wǎng)頁布局中盒子邊距的重要性與使用用途

掌握外邊距與內(nèi)邊距樣式的區(qū)別并能夠正確的使用

掌握如何設置上下左右邊距各不相同的間距

掌握如何清除在添加內(nèi)邊距時增加的盒子尺寸

1.掌握在CSS布局中邊距的重要性
2.了解常用的外邊距（margin）與內(nèi)邊距（padding）樣式的運用
3.正確掌握外邊距與內(nèi)邊距樣式的使用
4.運用CSS代碼布局網(wǎng)頁主體框架結構

第十三課時

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.掌握浮動屬性的相關知識點

第十四課時

DIV+CSS

了解列表在網(wǎng)頁中的重要性與實用性

了解并熟悉ul無序列表和dl定義列表在網(wǎng)頁中的使用用途與使用技巧方法

了解并熟練掌握符號列表的基礎屬性list-style-type

了解并熟練掌握符號列表的圖片屬性和定位屬性

1.了解列表在網(wǎng)頁設計中使用用途
2.了解ul無序列表和dl定義列表
3.學會如何改變項目符號樣式
4.圖片定義項目符號以及符號定位屬性

第十五課時

DIV+CSS

新聞列表實戰(zhàn)案例練習，掌握定義列表屬性的設置技巧

無序列表導航條源碼練習，掌握導航條鏈接標簽的表現(xiàn)要點

定義列表產(chǎn)品排列練習，掌握定義列表標簽的表現(xiàn)要點

1.實例1：運用ul無序列表制作新聞列表
2.實例2：運用ul無序列表制作導航條
3.實例2：運用dl定義列表制作產(chǎn)品排列效果

第十六課時

DIV+CSS

了解什么是超鏈接？了解超鏈接的基本定義

掌握在HTML語言中，通過標簽實現(xiàn)超鏈接效果

利用css設置超鏈接各種狀態(tài)下的樣式

css利用偽類選擇器設置標記的不同狀態(tài)

1.了解網(wǎng)頁中超鏈接的基本定義
2.添加文本菜單超鏈接
3.了解超鏈接的四種常用狀態(tài)
4.自定義設置超鏈接樣式屬性

第十七課時

DIV+CSS

運用CSS樣式對文本框和文本域進行美化

掌握在DreamWeaver中用CSS樣式美化圖片的方法和技巧

學會如何用CSS樣式改變下拉列表樣式，糾正下拉列表對許多樣式不生效的問題

合理利用label標簽會使頁面的用戶體驗得到提升

1.改變文本框和文本域樣式
2.了解并掌握用圖片美化按鈕
3.運用CSS代碼改變下拉列表樣式
4.用label標簽提升用戶體驗
5.實例1：運用CSS設計出登錄頁面

第十八課時

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)頁設計

綜合實訓

了解網(wǎng)頁版式設計概念及常見的網(wǎng)頁版式類型

學習并掌握如何根據(jù)實際需要制定網(wǎng)頁/網(wǎng)店頁面布局規(guī)范

了解色彩基本知識和色彩的視覺識別性，各種不同場景的配色用法和意義

掌握網(wǎng)頁中圖片的編排規(guī)則和文本的組合編排規(guī)則，以及柵格的應用

1.網(wǎng)頁設計的版式類型介紹
2.網(wǎng)頁設計中的頁面布局規(guī)范
3.網(wǎng)頁設計視覺設計配色規(guī)范
4.網(wǎng)頁設計的圖文編排規(guī)則

認識和注冊第三方建站系統(tǒng)平臺

使用第三方建站系統(tǒng)制作網(wǎng)站前端效果

保存網(wǎng)頁，熟練運用生成代碼，構建本地頁面

1.常見的第三方建站系統(tǒng)
2.第三方建站系統(tǒng)模塊實操
3.成品網(wǎng)站代碼運用實戰(zhàn)

網(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)頁二

備：電商發(fā)展日新月異，本班級課程內(nèi)容以當月更新為準，敬請同行切勿模仿