一、網(wǎng)站網(wǎng)站教學(xué)目標

知識與技??能

掌握網(wǎng)站站點(diǎn)建立、設計實(shí)訓文件管理及基礎布局方法；

學(xué)會(huì )使用Dre???amwヾ(′ω｀)?eaver等工具進(jìn)行網(wǎng)頁(yè)排版與屬性設置。制作

過(guò)程與方法

通過(guò)案例分析、建設教案實(shí)踐操作，模板培養自主設計網(wǎng)站的網(wǎng)站網(wǎng)站能力；

引導學(xué)生運用審美意識(′▽?zhuān)?)優(yōu)??化網(wǎng)頁(yè)布局與視覺(jué)效果。

情感態(tài)度

增強網(wǎng)頁(yè)制作興趣??，設計實(shí)訓培養團隊協(xié)作與問(wèn)題解決能力。制作

二、建設教案教學(xué)重難點(diǎn)

重點(diǎn)：

站點(diǎn)(dian)建立與??管理、模板網(wǎng)頁(yè)布局技術(shù)（表格/框架/AP Div）；

難點(diǎn)：色彩搭配、網(wǎng)站網(wǎng)站交互元素設計及響應式布局實(shí)現。設計實(shí)訓

三、制作教學(xué)準備

計算機及Dreamweaver CS??ヾ(＾-＾)ノ5等開(kāi)發(fā)??工(gong)具；

多媒體教室及網(wǎng)絡(luò )教(jiao)學(xué)平臺。建設教案

四、模板教學(xué)過(guò)程

一、導入（5分鐘）

通過(guò)優(yōu)秀網(wǎng)站案例展示，引導學(xué)生討論網(wǎng)頁(yè)功能與設計要素，引出課題。

二、站點(diǎn)建立（10分鐘）

1. 打開(kāi)Dreamweaver，選擇“站點(diǎn)”→“??新建站(′ω｀)點(diǎn)”；

3. 設置自動(dòng)刷新文件列表功能。

三、網(wǎng)頁(yè)布局基礎（15分鐘）

1. 介紹網(wǎng)頁(yè)布局形式（如“廠(chǎng)”字型、框架布局）；

2. 演示使用表格、框架及??AP Div進(jìn)行頁(yè)面排版；

3. 學(xué)生動(dòng)手實(shí)踐基礎布局設計。??

四、網(wǎng)頁(yè)元素與屬性設置（15分鐘）

1. 文字排版：字體、字號、顏色調??整；

2. 圖片處理：背景圖片插入與屬性設置；

五、綜合實(shí)踐（20分鐘）

學(xué)??生根據“多邊形面積”主題設計個(gè)人網(wǎng)站，包含首頁(yè)、關(guān)于頁(yè)面及聯(lián)系頁(yè)面；

要求：頁(yè)面布局合理、色彩搭配協(xié)調、交互元素完善。

六、總結與反思（5分鐘）

回顧今日學(xué)習內容，總結設計要點(diǎn)與不足，布置課后作業(yè)。

過(guò)程評價(jià)：通過(guò)課堂表現、小組協(xié)作進(jìn)行；

結果評價(jià)：依據??網(wǎng)站功能完整性、設計美觀(guān)度及代碼規范性評分。

六、附錄

參考資料：；

工具推薦：Pho??t??oshop（圖片處理）、Dreamweaver（網(wǎng)頁(yè)制作）。