掌握網(wǎng)站站點(diǎn)??建立、建設建設教案文件管理及基礎布局(′?ω?`)方法；
學(xué)會(huì )使用Dreamweaver等工具進(jìn)行網(wǎng)頁(yè)排版與屬性設置。制作
過(guò)(guo)程與ヽ(′▽?zhuān)?ノ方法
通過(guò)案例分析、實(shí)訓實(shí)踐操作，模板培養自主設計網(wǎng)站的網(wǎng)站網(wǎng)站能力；
引??導學(xué)生運用審美意識優(yōu)化網(wǎng)頁(yè)布局與視覺(jué)效果。
情感態(tài)度
增強網(wǎng)頁(yè)制作興趣，建設建設教案培養團隊協(xié)作(╯‵□′)╯與問(wèn)題解決能力。制作
二、實(shí)訓教學(xué)重難點(diǎn)
重點(diǎn)： 站點(diǎn)建立與管理、模板網(wǎng)頁(yè)布局技術(shù)（表格/框架/AP Div）??； 難點(diǎn)
三、制作教學(xué)準備
計算機及Dreamweaver CS5等開(kāi)發(fā)工具(ju)；
多媒體教室及網(wǎng)絡(luò )教學(xué)平臺。實(shí)訓
四、模板教學(xué)過(guò)程
一、導入（5分鐘）
通過(guò)優(yōu)秀網(wǎng)站案例展示，引導學(xué)生討論網(wǎng)頁(yè)功能與設計要素，引出課題。
二、站點(diǎn)建立（10分鐘）
1. 打開(kāi)Dreamweaver，選擇“站點(diǎn)”→“新建站點(diǎn)”；
2. 填寫(xiě)站點(diǎn)名稱(chēng)、本地根文件??夾等基本信息；
3. 設置自動(dòng)刷新文件列表功能。
三、網(wǎng)頁(yè)布局基礎（15分鐘）
1. 介紹網(wǎng)頁(yè)布局形式（如“廠(chǎng)”字型、框架ˉ\_(ツ)_/ˉ布局）；
2. 演示使用表格、框架及AP Div進(jìn)行頁(yè)面排版；
3. 學(xué)生動(dòng)手實(shí)踐基礎布局設計。
四(si)、網(wǎng)頁(yè)元素與屬性設置（15分鐘）
1. 文字排版：字體、字號、顏色調整；
2. 圖片處理：背景圖片插入與屬性(xing)設置；
3. 音頻與超鏈接(jie)添加：背景音樂(lè )嵌入及??鏈接創(chuàng )建。
五、綜合實(shí)踐（20分鐘）
學(xué)生根據“多邊形面積”主題設計個(gè)人網(wǎng)站，包含首頁(yè)、關(guān)于頁(yè)面及聯(lián)系頁(yè)面；
要求：頁(yè)面布局合理、色彩搭配協(xié)調、交互元素完善。
回顧今日學(xué)習內容，總結設計要┐(′?｀)┌點(diǎn)與不( ?ヮ?)足，布置課后作業(yè)。
過(guò)程評價(jià)：ヾ(′?｀)?通過(guò)課堂表現、小組協(xié)??作進(jìn)行；
結果評價(jià)：依據網(wǎng)站功能完整性、設計美觀(guān)度及代碼規范性評分。
六、附錄
參(′▽?zhuān)?考資料：；
工具推薦：Photoshop（圖片處理）、Drea??mweaver┐(′ー｀)┌（網(wǎng)頁(yè)制作）。
（作者：微信開(kāi)發(fā)）