適合人群

1.零基礎或初步掌握DW知識,希望系統學(xué)習的學(xué)員;
2.希望電商網(wǎng)頁(yè)設計類(lèi)工作的學(xué)員(利用代碼進(jìn)行裝修);
3.從事天貓、京東、電商網(wǎng)頁(yè)設計,公司官網(wǎng)獨立設計的學(xué)員;
4.愛(ài)好網(wǎng)頁(yè)設計師和網(wǎng)站前端設計的學(xué)員。

課程時(shí)間

總課時(shí):30課時(shí)    上午/下午(10天)    晚上15天    全日制5天

上課時(shí)間

早上9:45-12:45     下午14:30-17:30     晚上19:00-21:00

課時(shí)

學(xué)習簡(jiǎn)介

學(xué)習收益

DIV+CSS基礎入門(mén)

1.DIV+CSS是什么意思

2.如何用CSS代碼控制頁(yè)面

3.CSS代碼語(yǔ)法基礎

4.CSS選擇器

5.選擇器集體聲明

1、學(xué)習并了解 DIV+CSS 是什么意思
2、了解傳統布局和 CSS 樣式布局的區別

3、掌握行內樣式、內嵌樣式、外部鏈接樣式的特點(diǎn)與寫(xiě)法
4、熟練運用并掌握 CSS 三種選擇器
5、了解 DIV+CSS 語(yǔ)法基礎

6、了解選擇器的集體聲明、嵌套聲明、混合聲明之間的區別

DIV字體與背景屬性

1.設置文本屬性

2.設置背景屬性

3.CSS樣式整合

1、學(xué)會(huì )設置文字一系列樣式屬性并能兼容各種主流瀏覽器
2、掌握怎么在沒(méi)有記住代碼的時(shí)候去設置屬性

3、學(xué)會(huì )設置網(wǎng)頁(yè)當中的背景顏色
4、學(xué)會(huì )如何將圖片以背景的形式插入
5、掌握自如控制平鋪與定位

6、學(xué)會(huì )將代碼進(jìn)行 整合有利于頁(yè)面的整潔
7、運用 CSS 代碼布局大體網(wǎng)頁(yè)框架

CSS盒模型與布局

1.盒模型概述

2.盒的尺寸

3.邊距設置

1、了解 DIV+CSS 布局中盒模型的概念意義
2、學(xué)會(huì )將所有的網(wǎng)頁(yè)元素都看成是一個(gè)一個(gè)的矩形框,分 析出框里面的組成元素

3、掌握如何計算 CSS 布局中盒子的尺寸
4、掌握在布局當中盒子邊框樣式的設置
5、掌握如何設置單獨邊框的樣式

6、掌握并了解網(wǎng)頁(yè)布局中盒子邊距的重要性與使用用途
7、掌握外邊距與內邊距樣式的區別并
8、掌握如何設置上下左右邊距各不相同的間距

列表導航與超鏈接

1.浮動(dòng)樣式布局

2.列表導航

3.什么是超鏈接

4.超鏈接的四種狀態(tài)

1、了解網(wǎng)頁(yè)布局中常用的布局樣式之一(浮動(dòng)布局)
2、掌握浮動(dòng)布局中的塊狀元素與內聯(lián)元
3、運用 CSS 樣式清除網(wǎng)頁(yè)中的浮動(dòng)屬性素

4、了解列表在網(wǎng)頁(yè)中的重要性與實(shí)用性
5、了解并熟悉ul無(wú)序列表和 dl定義列表在網(wǎng)頁(yè)中的使用用 途與使用技巧方法
6、熟練掌握符號列表的圖片屬性和定位屬性

7、了解什么是超鏈接?了解超鏈接的基本定義
8、掌握在 HTML 語(yǔ)言中,通過(guò)標簽實(shí)現超鏈接效果
9、利用 css 設置超鏈接四種常用狀態(tài)下的樣式
10、自定義設置超鏈接樣式屬性并運動(dòng)到文本

表單美化與定位布局

1.什么是表單?

2.制作表單的常用標記

3.相對定位

4.定位

5.固定定位

6.層疊順序

7.定位布局

1、掌握表單在網(wǎng)頁(yè)當中的重要
2、了解后期表單的應用范圍

3、運用 CSS 樣式對文本框和文本域進(jìn)行美化
4、掌握在DW中如何改變文本框和文本域樣式

5、了解在布局中,常用的 CSS 定位方式有幾種
6、掌握定位、相對定位的使用與z-index解析
7、了解網(wǎng)頁(yè)布局中,浮動(dòng)元素(float)與定位(position) 的不同點(diǎn)
8、掌握在CSS布局中,四大核心內容(標準流、盒模型、 浮動(dòng)元素、定位)

DIV+CSS基礎入門(mén)

1.DIV+CSS是什么意思

2.如何用CSS代碼控制頁(yè)面

3.CSS代碼語(yǔ)法基礎

4.CSS選擇器

5.選擇器集體聲明

1、學(xué)習并了解 DIV+CSS 是什么意思
2、了解傳統布局和 CSS 樣式布局的區別

3、掌握行內樣式、內嵌樣式、外部鏈接樣式的特點(diǎn)與寫(xiě)法
4、熟練運用并掌握 CSS 三種選擇器
5、了解 DIV+CSS 語(yǔ)法基礎

6、了解選擇器的集體聲明、嵌套聲明、混合聲明之間的區別

DIV字體與背景屬性

1.設置文本屬性

2.設置背景屬性

3.CSS樣式整合

1、學(xué)會(huì )設置文字一系列樣式屬性并能兼容各種主流瀏覽器
2、掌握怎么在沒(méi)有記住代碼的時(shí)候去設置屬性

3、學(xué)會(huì )設置網(wǎng)頁(yè)當中的背景顏色
4、學(xué)會(huì )如何將圖片以背景的形式插入
5、掌握自如控制平鋪與定位

6、學(xué)會(huì )將代碼進(jìn)行 整合有利于頁(yè)面的整潔
7、運用 CSS 代碼布局大體網(wǎng)頁(yè)框架

CSS盒模型與布局

1.盒模型概述

2.盒的尺寸

3.邊距設置

1、了解 DIV+CSS 布局中盒模型的概念意義
2、學(xué)會(huì )將所有的網(wǎng)頁(yè)元素都看成是一個(gè)一個(gè)的矩形框,分 析出框里面的組成元素

3、掌握如何計算 CSS 布局中盒子的尺寸
4、掌握在布局當中盒子邊框樣式的設置
5、掌握如何設置單獨邊框的樣式

6、掌握并了解網(wǎng)頁(yè)布局中盒子邊距的重要性與使用用途
7、掌握外邊距與內邊距樣式的區別并
8、掌握如何設置上下左右邊距各不相同的間距

列表導航與超鏈接

1.浮動(dòng)樣式布局

2.列表導航

3.什么是超鏈接

4.超鏈接的四種狀態(tài)

1、了解網(wǎng)頁(yè)布局中常用的布局樣式之一(浮動(dòng)布局)
2、掌握浮動(dòng)布局中的塊狀元素與內聯(lián)元
3、運用 CSS 樣式清除網(wǎng)頁(yè)中的浮動(dòng)屬性素

4、了解列表在網(wǎng)頁(yè)中的重要性與實(shí)用性
5、了解并熟悉ul無(wú)序列表和 dl定義列表在網(wǎng)頁(yè)中的使用用 途與使用技巧方法
6、熟練掌握符號列表的圖片屬性和定位屬性

7、了解什么是超鏈接?了解超鏈接的基本定義
8、掌握在 HTML 語(yǔ)言中,通過(guò)標簽實(shí)現超鏈接效果
9、利用 css 設置超鏈接四種常用狀態(tài)下的樣式
10、自定義設置超鏈接樣式屬性并運動(dòng)到文本

表單美化與定位布局

1.什么是表單?

2.制作表單的常用標記

3.相對定位

4.定位

5.固定定位

6.層疊順序

7.定位布局

1、掌握表單在網(wǎng)頁(yè)當中的重要
2、了解后期表單的應用范圍

3、運用 CSS 樣式對文本框和文本域進(jìn)行美化
4、掌握在DW中如何改變文本框和文本域樣式

5、了解在布局中,常用的 CSS 定位方式有幾種
6、掌握定位、相對定位的使用與z-index解析
7、了解網(wǎng)頁(yè)布局中,浮動(dòng)元素(float)與定位(position) 的不同點(diǎn)
8、掌握在CSS布局中,四大核心內容(標準流、盒模型、 浮動(dòng)元素、定位)

DW基礎入門(mén)知識

1.初識網(wǎng)站和網(wǎng)頁(yè)

2.Dreamweaver基礎入門(mén)

3.使用DW定義網(wǎng)頁(yè)站點(diǎn)

4.網(wǎng)頁(yè)文件的基本操作

5.網(wǎng)頁(yè)文件的命名方法

1、學(xué)習并了解網(wǎng)頁(yè)的概念,網(wǎng)站的概念
2、認知網(wǎng)站的分類(lèi)及瀏覽網(wǎng)頁(yè)的工具
3、了解開(kāi)發(fā)實(shí)用型網(wǎng)站的基本流程
4、認識組成網(wǎng)頁(yè)的元素,并掌握網(wǎng)頁(yè)排版的規則

1、熟練掌握建立網(wǎng)站站點(diǎn)的方法
2、掌握站點(diǎn)當中文件及文件夾的新建以及命名規則
3、熟練掌握二級目錄的設置及站點(diǎn)當中文件分類(lèi)的管理
4、掌握網(wǎng)頁(yè)的新建、打開(kāi)、預覽、存儲、關(guān)閉的技巧

1、站點(diǎn)文件夾/文件命名規則
2、二級目錄設置,文件分類(lèi)管理
3、網(wǎng)頁(yè)的命名與保存

插入文本圖像超鏈接

1.網(wǎng)頁(yè)中輸入文本

2.網(wǎng)頁(yè)中插入圖像

3.網(wǎng)頁(yè)超鏈接

4.文本和圖像鏈接

5.熱點(diǎn)鏈接

1、熟悉在代碼視圖和設計視圖當中輸入文字
2、掌握基本相應的代碼對應的效果
3、掌握并了解網(wǎng)頁(yè)當中允許使用的圖片格式
4、掌握如何在網(wǎng)頁(yè)中實(shí)現圖文混排效果,并兼容主流瀏覽器

5、掌握網(wǎng)頁(yè)中超鏈接概念及用途
6、熟悉DW各種鏈接的概念以及對應的操作
7、學(xué)會(huì )使用DW如何給圖片進(jìn)行添加鏈接
8、使用頁(yè)面屬性面板修改超鏈接樣式

9、熟練掌握圖像熱區的超級鏈接方法
10、添加淘寶櫥窗列表圖像熱區鏈接

插入表單選項

1.什么是表單

2.表單元素

3.插入表單項

1、認識網(wǎng)頁(yè)中表單所有的元素種類(lèi)
2、掌握表單在網(wǎng)頁(yè)中的應用
3、理解表單在收集用戶(hù)信息方面的作用機理

4、認識表單元素種類(lèi)
5、學(xué)會(huì )在網(wǎng)頁(yè)中合理地設置表單
6、掌握表單及表單對象屬性的設置

7、學(xué)會(huì )在網(wǎng)頁(yè)中合理地設置表單
8、掌握如何創(chuàng )建表單
9、掌握向表單中插入表單對象的方法

表格布局與切片

1.網(wǎng)頁(yè)表格的概念

2.表格的基本操作

3.設置表格屬性

4.切片的意義

5.規范切片的類(lèi)型

1、了解表格在網(wǎng)頁(yè)中的重要性與實(shí)用性
2、了解并熟悉表格的標簽元素

3、學(xué)會(huì )在設計視圖中插入表格的方法
4、熟練掌握表格中的添加、刪除、合并、拆分等技巧

5、掌握網(wǎng)頁(yè)中切圖的重要性
6、掌握網(wǎng)頁(yè)中切片的存儲及優(yōu)化技巧

插入多媒體內容

1.網(wǎng)頁(yè)多媒體

2.插入Flash動(dòng)畫(huà)

3.插入音頻文件

4.插入視頻文件

1、掌握網(wǎng)頁(yè)制作中如何添加多媒體元素
2、熟練掌握DW處理多媒體的方法與技巧

3、學(xué)會(huì )如何在網(wǎng)頁(yè)中添加 FLASH 動(dòng)畫(huà)
4、插入網(wǎng)頁(yè)動(dòng)畫(huà)圖片與滾動(dòng)文本
5、實(shí)現各種主流瀏覽器的兼容

6、掌握 HTML 語(yǔ)言及聲音及視頻的格式
7、掌握利用第三方平臺來(lái)插入視頻與音頻
8、實(shí)現各種主流瀏覽器的兼容

網(wǎng)頁(yè)設計

綜合實(shí)訓

1.了解網(wǎng)頁(yè)版式設計概念及常見(jiàn)的網(wǎng)頁(yè)版式類(lèi)型

2.學(xué)習并掌握如何根據實(shí)際需要制定網(wǎng)頁(yè)/網(wǎng)店頁(yè)面布局規范

3.了解色彩基本知識和色彩的視覺(jué)識別性,各種不同場(chǎng)景的配色用法和意義

4.掌握網(wǎng)頁(yè)中圖片的編排規則和文本的組合編排規則,以及柵格的應用

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

1.認識和注冊第三方建站系統平臺

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

3.保存網(wǎng)頁(yè),熟練運用生成代碼,構建本地頁(yè)面

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

網(wǎng)站設計

實(shí)戰式練習

1.熟悉網(wǎng)站首頁(yè)常見(jiàn)的布局類(lèi)型及其相應特點(diǎn)

2.熟悉行業(yè)網(wǎng)站首頁(yè)頁(yè)面布局規范,根據規范設計頁(yè)面

3.實(shí)戰練習,從零開(kāi)始使用DIV+CSS布局網(wǎng)頁(yè)界面效果

實(shí)戰練習,突破頁(yè)面從一到多,實(shí)現靜態(tài)網(wǎng)站效果

1.實(shí)戰練習之使用DIV+CSS布局網(wǎng)頁(yè)一
2.實(shí)戰練習之使用DIV+CSS布局網(wǎng)頁(yè)二

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