【正文】 重點(diǎn)分解可編輯區(qū)域。適用于導(dǎo)航條、頁面落款等設(shè)計(jì)。課程教案（№:26）授課內(nèi)容應(yīng)用框架實(shí)例課 型163。課程教案（№:24）授課內(nèi)容時(shí)間軸的使用課 型R理論 163?！　? onLoad：當(dāng)圖片或頁面完成載入后觸發(fā)該事件。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 行為面板2． 行為的創(chuàng)建3． 行為的應(yīng)用教學(xué)難點(diǎn)行為使用時(shí)的注意事項(xiàng)教學(xué)過程設(shè)計(jì) 概念（10分鐘左右）　　Dreamweaver 行為是一種運(yùn)行在瀏覽器中的 JavaScript 代碼，設(shè)計(jì)者可以將其放置在網(wǎng)頁文檔中，以允許瀏覽者與網(wǎng)頁本身進(jìn)行交互。clear: both。paddingright: 10px。marginleft: 5px。}container {width: 900px。clear: both。display: block。marginbottom: 10px。3． 搜索引擎更友好，排名更容易靠前。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段實(shí)例講解法教學(xué)目的與要求通過本次實(shí)訓(xùn)，系統(tǒng)的掌握CSS的應(yīng)用方法及應(yīng)用規(guī)則，并能利用div結(jié)合css制作網(wǎng)頁。　　 文件菜單—導(dǎo)出—導(dǎo)出CSS樣式　　 文本菜單—導(dǎo)出樣式表”九、附加樣式表（鏈接外部樣式表文件）（10分鐘左右）　　在“CSS 樣式”面板中，單擊“附加樣式表”按鈕，出現(xiàn)“鏈接外部樣式表”?！　　? 定位屬性：定義層在頁面中的排布相關(guān)屬性。區(qū)塊屬性：精確定義標(biāo)簽和屬性的間距和對齊方式等。內(nèi)嵌樣式表：該類樣式表是嵌在頁面頭部代碼styles標(biāo)記之間的，可以通過Dreamweaver 中的樣式表對話框設(shè)置。課程教案（№:16）授課內(nèi)容層疊樣式表 CSS（一）課 型R理論 163。設(shè)計(jì)并制作相對完整的網(wǎng)頁。課程教案（№:13）授課內(nèi)容表格實(shí)例課 型163。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：各類多媒體文件的格式教學(xué)難點(diǎn)：各類多媒體文件的參數(shù)教學(xué)過程設(shè)計(jì)一、 插入flash文件（20分鐘左右）1． 插入菜單媒體flash2． 插入欄常用媒體flash3． 設(shè)置flash屬性：參數(shù)wmode 值transparent 可使flash背景透明(非所有)二、 插入flash文本（5分鐘左右）1． 插入菜單媒體flash文本2． 插入欄常用媒體flash文本三、 插入flash按鈕（5分鐘左右）1． 插入菜單媒體flash按鈕2． 插入欄常用媒體flash按鈕四、 插入shockwave（10分鐘左右）1． 安裝shockwave插件，準(zhǔn)備shockwave文件：文件擴(kuò)展名dir2． 插入菜單媒體shockwave3． 插入欄常用媒體shockwave五、 插入applet（java程序）（5分鐘左右）1． 安裝java虛擬機(jī)(jvm)，準(zhǔn)備applet文件：文件擴(kuò)展名class2． 插入菜單媒體applet3． 插入欄常用媒體applet4． 安裝anfy軟件，制作特效并插入到頁面六、 插入param參數(shù)（5分鐘左右）1． 插入realplay格式的文件，設(shè)置其參數(shù)2． 插入mediaplay格式的文件，設(shè)置其參數(shù)3． 常見參數(shù)：autostart，url，file七、 插入activeX文件（5分鐘左右）1． 插入菜單媒體activeX2． 插入欄常用媒體activeX八、 插入插件（5分鐘左右）1． 插入菜單媒體插件2． 插入欄常用媒體插件九、 背景音樂的設(shè)置（10分鐘左右）1． 在代碼中插入bgsound標(biāo)簽：注意音樂文件的格式2． 利用插件制作背景音樂十、 滾動(dòng)字幕（15分鐘左右）1． 在代碼視圖中使用marquee設(shè)置滾動(dòng)對象2． 制作無間隙滾動(dòng)效果：利用js代碼3．十一、 利用其他輔助軟件制作網(wǎng)頁特效（5分鐘左右）1． 有聲有色2． 網(wǎng)頁制作大寶庫作業(yè)/思考題：1． 如何設(shè)置flash動(dòng)畫透明背景？2． 插入音頻和視頻的標(biāo)記是什么？常用屬性是什么？教學(xué)后記：，本節(jié)課是最為絢的節(jié)次，能充分激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁的熱情。2． 創(chuàng)建至少6種不同形式的超鏈接（1） ，創(chuàng)建頁面鏈接；（2） ，創(chuàng)建文件鏈接；（3） 在鏈接框中輸入一個(gè)，創(chuàng)建空鏈接；（4） 在鏈接框中輸入一個(gè)錨點(diǎn)名，創(chuàng)建錨點(diǎn)鏈接（應(yīng)先插入命名錨記）；（5） e在鏈接框中輸入mailto：電子郵件，創(chuàng)建電子郵件鏈接；（6） 在鏈接框中輸入javascript：close()，創(chuàng)建腳本鏈接。與端口一樣，路徑并非總是需要的。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法、演示法教學(xué)目的與要求本次課程將講授網(wǎng)頁制作過程中的超鏈接的使用，掌握超鏈接的創(chuàng)建方法，創(chuàng)建各種不同形式的鏈接。教學(xué)過程設(shè)計(jì)實(shí)訓(xùn)內(nèi)容利用提供的素材文件，制作一個(gè)“暢想未來”的網(wǎng)站，要求如下：1. 創(chuàng)建本地站點(diǎn)文件夾，將網(wǎng)頁用到的素材按類別復(fù)制到站點(diǎn)文件夾中，啟動(dòng)Dreamweaver，定義站點(diǎn)。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 圖像占位符. 鼠標(biāo)經(jīng)過圖像；2． 圖像熱區(qū)；3． 制作網(wǎng)站相冊；4． 圖像的優(yōu)化。課程教案（№:6）授課內(nèi)容建立簡單的網(wǎng)頁制作課 型163。關(guān)鍵詞輸入不是越多越好，因?yàn)榇蠖鄶?shù)搜索引擎限制關(guān)鍵字的數(shù)量，所以設(shè)置關(guān)鍵字要精簡才會(huì)被搜中率高。2　 behavior 表示滾動(dòng)的方式，值可以是scroll（連續(xù)滾動(dòng)）、slide（滑動(dòng)一次）、alternate（來回滾動(dòng)）。多數(shù)HTML標(biāo)記可以嵌套，但不可以交叉。課程教案（№:4）授課內(nèi)容HTML語言簡介課 型R理論 163。四、 頁面預(yù)覽(F12鍵)（20分鐘左右）1． 文件菜單在瀏覽器中預(yù)覽選擇瀏覽器2． 工具欄地球土標(biāo)選擇瀏覽器：此時(shí)可通過”添加瀏覽器”選項(xiàng)來增加更多的瀏覽器3． 編輯菜單首選參數(shù)在瀏覽器中預(yù)覽不選”使用臨時(shí)文件預(yù)覽”五、 站點(diǎn)的編輯和管理（20分鐘左右）1． 站點(diǎn)管理器：文件面板(窗口菜單或F8鍵)2． 打開現(xiàn)有本地站點(diǎn)3． 查看本地和遠(yuǎn)程網(wǎng)站的文件和地圖4． 調(diào)整窗口視圖5． 保存站點(diǎn)地圖6． 重建站點(diǎn)緩存7． 站點(diǎn)編輯，復(fù)制，刪除，導(dǎo)入與導(dǎo)出：站點(diǎn)菜單管理站點(diǎn)作業(yè)/思考題：1． 在制作網(wǎng)頁前為什么要首先建立站點(diǎn)？2． 定義本地站點(diǎn)的含義是什么？3． 建立站點(diǎn)應(yīng)該注意的問題？教學(xué)后記：網(wǎng)站的站點(diǎn)，好似一個(gè)班級(jí)，應(yīng)該首先為班級(jí)起一個(gè)名稱，并配備一個(gè)班主任，然后再陸續(xù)的加入一些學(xué)生。教學(xué)過程設(shè)計(jì)一、 站點(diǎn)（10分鐘左右）也稱“網(wǎng)站”，用來定位網(wǎng)站上的所有文件，是一系列通過超鏈接而相互聯(lián)系的網(wǎng)頁集合。二、了解建立網(wǎng)站的基本流程（10分鐘左右）1． 確定網(wǎng)站主題2． 搜集資料3． 規(guī)劃網(wǎng)站4． 選擇合適的制作工具5． 制作網(wǎng)頁6． 上傳測試7． 推廣宣傳8． 維護(hù)更新三、Dreamweaver CS3基礎(chǔ)（20分鐘左右）1． Dreamweaver的發(fā)展史2． Dreamweaver CS3的新功能3． Dreamweaver CS3工作區(qū)簡介4． 網(wǎng)頁文檔的基本操作作業(yè)/思考題：1． 列舉你所了解的網(wǎng)頁設(shè)計(jì)的常用工具和美化網(wǎng)頁的主要工具2． 建立網(wǎng)站的基本流程有哪些步驟？請歸納總結(jié)。教學(xué)難點(diǎn)：　　Internet信息訪問原理；網(wǎng)頁編寫語言種類及特點(diǎn)。課程教學(xué)目的與要求該課程是三年制高職高專電子商務(wù)專業(yè)的職能課程，目標(biāo)是讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)的基本概念，學(xué)會(huì)使用常用的網(wǎng)頁設(shè)計(jì)工具和相關(guān)網(wǎng)頁美工軟件，能夠設(shè)計(jì)制作常見的靜態(tài)網(wǎng)頁。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． Internet信息訪問原理。主頁：是網(wǎng)站中的一個(gè)特殊網(wǎng)頁，它是在WWW上進(jìn)入網(wǎng)站的第一個(gè)網(wǎng)頁，其中包含指向其他網(wǎng)頁的超鏈接，通常主頁的名稱是固定的。站點(diǎn)的發(fā)布及網(wǎng)頁的預(yù)覽。文件夾的名稱最好用顧名思義的英文，方便以后修改維護(hù)。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 站點(diǎn)的創(chuàng)建；2． 站點(diǎn)文件的管理；3． 站點(diǎn)文件的預(yù)覽；4． 站點(diǎn)地圖的生成。二、 HTML文件的基本結(jié)構(gòu)（10分鐘左右）HTMLheadtitle網(wǎng)頁的標(biāo)題/title/headbody 網(wǎng)頁的主體內(nèi)容/body/HTML三、 HTML語法格式（20分鐘左右）1． HTML標(biāo)記一般格式標(biāo)記 屬性1=”屬性值1” 屬性2=”屬性值2” …對象/標(biāo)記說明：標(biāo)記除了上述格式，還有單標(biāo)記，如下面的img標(biāo)記；屬性書寫不分先后順序；屬性值用英文雙撇號(hào)括住。 表示。7　 Height、width表示運(yùn)動(dòng)區(qū)域的高度和寬度，值是正整數(shù)或百分比，默認(rèn)width=100%，height為標(biāo)簽內(nèi)元素的高度。教學(xué)難點(diǎn)：1． 有序列表和無序列表的區(qū)別；2． 描述性列表的制作。課程教案（№:7）授課內(nèi)容制作一個(gè)簡單的網(wǎng)頁課 型R理論 163。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法、演示法教學(xué)目的與要求1． 練習(xí)站點(diǎn)的創(chuàng)建，以及站點(diǎn)文件的管理；2． 練習(xí)網(wǎng)頁上文本和圖像的使用；3． 掌握圖文混排的網(wǎng)頁制作技巧。三、圖像對象的插入及屬性1． “插入”—圖像—images—2． 屬性面板—居中對齊注：編輯—首選參數(shù)—輔助功能—把圖像前面的勾去掉 在頁面中插入和編輯文本1． 編輯—首選參數(shù)—常用—允許多個(gè)連續(xù)的空格勾選上，即可輸入多個(gè)空格2． 創(chuàng)建項(xiàng)目列表3． 插入版權(quán)符號(hào)：插入菜單—HTML—特殊字符—版權(quán) 設(shè)置圖像環(huán)繞效果選中圖片—屬性面板—對齊—左對齊，同時(shí)設(shè)置頁面的上下、左右邊距實(shí)訓(xùn)結(jié)果作業(yè)/思考題：1． 圖像地圖的作用是什么？2． 如何插入鼠標(biāo)經(jīng)過圖像？教學(xué)后記：圖像能相對充分的表現(xiàn)頁面的內(nèi)容，適當(dāng)?shù)脑诰W(wǎng)頁中加入圖像可對頁面進(jìn)行點(diǎn)綴。（2） 服務(wù)器地址（host）：指出WWW頁所在的服務(wù)器域名。理解鏈接目標(biāo)的概念。課程教案（№:11）授課內(nèi)容多媒體的使用課 型R理論 163。同時(shí)掌握表格在顯示數(shù)據(jù)式的作用。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法、演示法教學(xué)目的與要求通過本次實(shí)訓(xùn)，需要掌握網(wǎng)頁制作過程中的表格的使用，掌握表格在網(wǎng)頁排版中的重要作用，理解網(wǎng)頁布局的格式。3． 基礎(chǔ)標(biāo)簽的使用4． 鏈接link：鏈接外部文件到頁面 可視化助理（10分鐘左右）1． 在設(shè)計(jì)視圖下。對于文本、圖像、表格、層等都可以定義定位樣式和格式化樣式。 使用CSS樣式編輯器（20分鐘左右）1． 創(chuàng)建新樣式單擊面板右下角區(qū)域中“新建樣式”按鈕（+）；右擊面板選擇“新建 CSS 樣式”；文本—CSS 樣式—新建 CSS 樣式”；隨即出現(xiàn)“新建 CSS 樣式”對話框，有3種類型的CSS 樣式；自定義CSS樣式(也稱為類樣式)可以將樣式屬性設(shè)置為任何文本范圍或文本塊；重定義特定標(biāo)簽可以改變特定標(biāo)簽（如hl）的默認(rèn)格式；CSS選擇器可以重定義具體某個(gè)標(biāo)簽組合的格式。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)層疊樣式表 CSS的功能及使用。在文本屬性面板中，利用上下文菜單中選擇“CSS樣式”，然后在“CSS 樣式”彈出式菜單中選擇“無CSS樣式”。作業(yè)/思考題：1． CSS樣式表與HTML語言的語法規(guī)則的區(qū)別？2． CSS樣式包含哪幾類？如何應(yīng)用于網(wǎng)頁？3． 什么是附加樣式表，有什么用？教學(xué)后記：介紹目前網(wǎng)頁制作的新技術(shù)，重點(diǎn)介紹DIV+CSS排版知識(shí)。生成的HTML文件代碼精簡，更小打開更快。}container {width: 900px。}nav { background:url(../images1/) center center norepeat。background: url(../images1/) 3px center norepeat。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． CSS的常用命名2． DIV+CSS布局網(wǎng)頁的框架結(jié)構(gòu)3． DIV+CSS布局網(wǎng)頁的技巧教學(xué)難點(diǎn)DIV+CSS布局網(wǎng)頁的技巧教學(xué)過程設(shè)計(jì)實(shí)訓(xùn)內(nèi)容利用提供的素材文件，制作一個(gè)“凈化器”的網(wǎng)站，要求如下：1． 創(chuàng)建站點(diǎn)2． 在DIV中插入文本和圖像3． 利用CSS樣式美化網(wǎng)頁4． 完成頁面制作主要步驟1． 網(wǎng)頁主體代碼div id=maindiv id=leftdiv class=btspan最新產(chǎn)品/spanimg src=images1/ width=11 height=10 class=more //divdiv class=lbimg src=images1/ //div/divdiv id=right div class=btspan公司簡介/spanimg src=images1/ width=11 h