第一課時(shí)
Dreamweaver | 對(duì)網(wǎng)頁(yè)的知識(shí)有個(gè)基本的了解；
學(xué)會(huì)DW軟件基本的使用操作；站點(diǎn)新建，管理的方法；
了解網(wǎng)站基本分類(lèi)方法概述；理解網(wǎng)站運(yùn)作的基本原理；
了解網(wǎng)頁(yè)的基本構(gòu)成元素，各種網(wǎng)站的頁(yè)面排版規(guī)則。 |
第二課時(shí)
Dreamweaver | 熟練掌握建立網(wǎng)站站點(diǎn)的方法；
掌握站點(diǎn)當(dāng)中文件及文件夾的新建以及命名規(guī)則；
熟練掌握二級(jí)目錄的設(shè)置及站點(diǎn)當(dāng)中文件分類(lèi)的管理；
掌握網(wǎng)頁(yè)的新建、打開(kāi)、預(yù)覽、存儲(chǔ)、關(guān)閉的技巧；
掌握Dreamweaver快速插入面板的使用。 |
第三課時(shí)
Dreamweaver | 理解網(wǎng)頁(yè)中代碼的工作原理，單詞的意思；
掌握網(wǎng)頁(yè)中標(biāo)簽的原理及使用方法；
掌握網(wǎng)頁(yè)的文本標(biāo)簽代碼的結(jié)構(gòu)寫(xiě)法及作用；
能夠自由的實(shí)現(xiàn)對(duì)文本文字的代碼編輯方法。 |
第四課時(shí)
Dreamweave | 掌握并了解網(wǎng)頁(yè)當(dāng)中允許使用的圖片格式；
能夠自由的插入網(wǎng)頁(yè)圖片，并學(xué)會(huì)使用；Dreamweaver軟件如何給圖片進(jìn)行添加鏈接；
網(wǎng)頁(yè)中添加圖片的方法，圖片代碼的編輯修改；
掌握如何在網(wǎng)頁(yè)當(dāng)中實(shí)現(xiàn)圖文混排效果，并兼容主流瀏覽器。 |
第五課時(shí)
Dreamweaver | 熟練掌握網(wǎng)頁(yè)中超鏈接概念及用途；
熟練掌握用DreamWeaver制作各種超級(jí)鏈接；
使用頁(yè)面屬性面板修改超鏈接樣式；
熟練掌握?qǐng)D像超級(jí)鏈接，圖像熱區(qū)的超級(jí)鏈接方法。 |
第六課時(shí)
Dreamweaver | 認(rèn)識(shí)網(wǎng)頁(yè)中表單所有的元素種類(lèi)，掌握表單在網(wǎng)頁(yè)中的應(yīng)用；
理解表單在收集用戶(hù)信息方面的作用機(jī)理；
學(xué)會(huì)在網(wǎng)頁(yè)中合理地設(shè)置表單，并制作一個(gè)課表；
利用表單對(duì)象制作友情鏈接，制作一個(gè)友鏈的前端頁(yè)面。 |
第七課時(shí)
Dreamweaver | 了解表格在網(wǎng)頁(yè)中的重要性與實(shí)用性；
了解并熟悉表格的標(biāo)簽元素，學(xué)會(huì)在設(shè)計(jì)視圖和代碼視圖中插入表格的方法；
熟練掌握與運(yùn)用表格中的添加、刪除、合并、拆分等技巧；
學(xué)會(huì)使用表格布局網(wǎng)頁(yè)的部分元素，如尺碼表，商品信息，關(guān)聯(lián)銷(xiāo)售列表等等。 |
第八課時(shí)
Dreamweaver | 掌握網(wǎng)頁(yè)制作中如何添加圖像和多媒體等網(wǎng)頁(yè)元素；
熟練掌握在DreamWeaver中處理圖片和多媒體的方法和操作技巧；
學(xué)會(huì)如何在網(wǎng)頁(yè)中添加FLASH動(dòng)畫(huà)，插入圖像和視頻，以及背景音樂(lè)；
掌握HTML語(yǔ)言及聲音及視頻的格式。 |
第九課時(shí)
DIV+CSS | 了解什么是DIV？什么是CSS？了解傳統(tǒng)布局和CSS樣式布局的區(qū)別
熟練并完全掌握行內(nèi)樣式、內(nèi)嵌樣式、外部鏈接樣式的特點(diǎn)與寫(xiě)法，了解多種樣式的優(yōu)先級(jí)
掌握標(biāo)簽選擇器、類(lèi)別選擇器、ID選擇器的特點(diǎn)與寫(xiě)法，并能在XHTML頁(yè)面實(shí)現(xiàn)調(diào)用樣式。
了解選擇器的集體聲明、嵌套聲明、混合聲明之間的區(qū)別 |
第十課時(shí)
DIV+CSS | 學(xué)會(huì)設(shè)置文字字體、大小、顏色、粗細(xì)等一系列樣式屬性并能兼容各種主流瀏覽器
學(xué)會(huì)設(shè)置網(wǎng)頁(yè)當(dāng)中的背景顏色
學(xué)會(huì)如何將圖片以背景的形式插入，并自如控制平鋪與定位
相同屬性代碼太長(zhǎng)容易影響顯示效果，學(xué)會(huì)將代碼進(jìn)行整合有利于頁(yè)面的整潔 |
第十一課時(shí)
DIV+CSS | 學(xué)會(huì)將所有的網(wǎng)頁(yè)元素都看成是一個(gè)一個(gè)的矩形框，分析出框里面的組成元素
學(xué)會(huì)如何量取出盒子的正確尺寸并進(jìn)行布局
掌握在布局當(dāng)中盒子邊框樣式的設(shè)置并進(jìn)行調(diào)整
能夠自由的對(duì)多行相同屬性代碼進(jìn)行整合 |
第十二課時(shí)
DIV+CSS | 掌握并了解網(wǎng)頁(yè)布局中盒子邊距的重要性與使用用途
掌握外邊距與內(nèi)邊距樣式的區(qū)別并能夠正確的使用
掌握如何設(shè)置上下左右邊距各不相同的間距
掌握如何清除在添加內(nèi)邊距時(shí)增加的盒子尺寸 |
第十三課時(shí)
DIV+CSS | 了解網(wǎng)頁(yè)布局中常用的布局樣式之一（浮動(dòng)布局）
掌握浮動(dòng)布局中的塊狀元素與內(nèi)聯(lián)元素的區(qū)別及使用用途
運(yùn)用CSS樣式清除網(wǎng)頁(yè)中的浮動(dòng)屬性(clear)
掌握浮動(dòng)屬性的相關(guān)知識(shí)點(diǎn)，了解如何實(shí)現(xiàn)層的居中對(duì)齊 |
第十四課時(shí)
DIV+CSS | 了解列表在網(wǎng)頁(yè)中的重要性與實(shí)用性
了解并熟悉ul無(wú)序列表和dl定義列表在網(wǎng)頁(yè)中的使用用途與使用技巧方法
了解并熟練掌握符號(hào)列表的基礎(chǔ)屬性list-style-type
了解并熟練掌握符號(hào)列表的圖片屬性和定位屬性 |
第十五課時(shí)
DIV+CSS | 新聞列表實(shí)戰(zhàn)案例練習(xí)，掌握定義列表屬性的設(shè)置技巧
無(wú)序列表導(dǎo)航條源碼練習(xí)，掌握導(dǎo)航條鏈接標(biāo)簽的表現(xiàn)要點(diǎn)
定義列表產(chǎn)品排列練習(xí)，掌握定義列表標(biāo)簽的表現(xiàn)要點(diǎn) |
第十六課時(shí)
DIV+CSS | 了解什么是超鏈接？了解超鏈接的基本定義
掌握在HTML語(yǔ)言中，通過(guò)標(biāo)簽實(shí)現(xiàn)超鏈接效果
利用css設(shè)置超鏈接各種狀態(tài)下的樣式
css利用偽類(lèi)選擇器設(shè)置標(biāo)記的不同狀態(tài) |
第十七課時(shí)
DIV+CSS
| 運(yùn)用CSS樣式對(duì)文本框和文本域進(jìn)行美化
掌握在DreamWeaver中用CSS樣式美化圖片的方法和技巧
學(xué)會(huì)如何用CSS樣式改變下拉列表樣式，糾正下拉列表對(duì)許多樣式不生效的問(wèn)題
合理利用label標(biāo)簽會(huì)使頁(yè)面的用戶(hù)體驗(yàn)得到提升 |
第十八課時(shí)
DIV+CSS | 了解在布局中，常用的CSS定位方式有幾種，并了解他們之間的區(qū)別
掌握absolute(絕對(duì)定位)、relative(相對(duì)定位)的使用與z-index解析。
了解網(wǎng)頁(yè)布局中，浮動(dòng)元素（float）與定位（position）的不同點(diǎn)
掌握在CSS布局中，四大核心內(nèi)容（標(biāo)準(zhǔn)流、盒模型、浮動(dòng)元素、定位） |
網(wǎng)頁(yè)設(shè)計(jì)
綜合實(shí)訓(xùn) | 了解網(wǎng)頁(yè)版式設(shè)計(jì)概念及常見(jiàn)的網(wǎng)頁(yè)版式類(lèi)型
學(xué)習(xí)并掌握如何根據(jù)實(shí)際需要制定網(wǎng)頁(yè)/網(wǎng)店頁(yè)面布局規(guī)范
了解色彩基本知識(shí)和色彩的視覺(jué)識(shí)別性，各種不同場(chǎng)景的配色用法和意義
掌握網(wǎng)頁(yè)中圖片的編排規(guī)則和文本的組合編排規(guī)則，以及柵格的應(yīng)用 |
認(rèn)識(shí)和注冊(cè)第三方建站系統(tǒng)平臺(tái)
使用第三方建站系統(tǒng)制作網(wǎng)站前端效果
保存網(wǎng)頁(yè)，熟練運(yùn)用生成代碼，構(gòu)建本地頁(yè)面 |
網(wǎng)站設(shè)計(jì)
實(shí)戰(zhàn)式練習(xí)
（八課時(shí)） | 熟悉網(wǎng)站首頁(yè)常見(jiàn)的布局類(lèi)型及其相應(yīng)特點(diǎn)
熟悉行業(yè)網(wǎng)站首頁(yè)頁(yè)面布局規(guī)范，根據(jù)規(guī)范設(shè)計(jì)頁(yè)面
實(shí)戰(zhàn)練習(xí)，從零開(kāi)始使用DIV+CSS布局網(wǎng)頁(yè)界面效果
實(shí)戰(zhàn)練習(xí)，突破頁(yè)面從一到多，實(shí)現(xiàn)靜態(tài)網(wǎng)站效果 |
