課程體系

學習簡介

學習收益

第 一課時

Dreamweaver

對網頁的知識有個基本的了解；

能區分什么是網站和什么是網頁，結合實際了解網頁的分類形式，以及制作網頁的流程

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

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

了解網站基本分類方法概述；理解網站運作的基本原理；

了解網頁的基本構成元素，各種網站的頁面排版規則。

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

第二課時

Dreamweaver

熟練掌握建立網站站點的方法；

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

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

掌握網頁的新建、打開、預覽、存儲、關閉的技巧；

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

1.學會創建靜態站點；
2.站點文件夾新建，命名規則；
3.二級目錄設置，文件分類管理；
4.網頁的命名與保存。

第三課時

Dreamweaver

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

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

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

第四課時

Dreamweaver

掌握并了解網頁當中允許使用的圖片格式；

能夠自由的插入網頁圖片，并學會使用；Dreamweaver軟件如何給圖片進行添加鏈接；

網頁中添加圖片的方法，圖片代碼的編輯修改；

掌握如何在網頁當中實現圖文混排效果，并兼容主流瀏覽器。

1.網頁當中使用的圖片格式；

2.插入網頁圖片；

3.圖片加鏈接；

4.使用Dreamweaver編輯圖片，優化圖片；

5.在網頁當中實現圖文混排效果。

第五課時

Dreamweaver

熟練掌握網頁中超鏈接概念及用途；

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

熟練掌握用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語言中，通過標簽實現超鏈接效果

利用css設置超鏈接各種狀態下的樣式

css利用偽類選擇器設置標記的不同狀態

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布局網頁二

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