【正文】 import標(biāo)簽，并引用已發(fā)布的樣式表所在的URL?！　≡凇疤砑訛椤敝?，選擇其中的一個選項：　　 選擇“鏈接”，創(chuàng)建當(dāng)前文檔和外部樣式表之間的鏈接，該選項在HTML代碼 中創(chuàng)建一個Link href 標(biāo)簽，并引用已發(fā)布的樣式表所在的URL。然后，可鏈接到其他文檔以應(yīng)用這些樣式。在文本屬性面板中，利用上下文菜單中選擇“CSS樣式”，然后在“CSS 樣式”彈出式菜單中選擇“無CSS樣式”。六、編輯現(xiàn)有樣式表（10分鐘左右）1． 修改CSS樣式雙擊所選樣式；右擊，然生選擇“編輯”；單擊“CSS 樣式”面板底部的“編輯樣式表”按鈕；文本菜單—CSS樣式—編輯樣式表（Ctrl+Shift+E）”；編輯樣式視圖下“編輯樣式”按鈕，彈出對話框操作?！　　? 擴(kuò)展屬性：包括過濾鏡、分頁和鼠標(biāo)指針選項?！　　? 列表屬性：為列表標(biāo)簽定義列表設(shè)置（如項目符號大小和類型）。實(shí)踐授課學(xué)時2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)層疊樣式表 CSS的功能及使用。建立完成的div概念，結(jié)合文本列表使用。邊框?qū)傩裕憾x元素周圍的邊框的設(shè)置（如寬度、顏色和樣式）。背景屬性：定義網(wǎng)頁中任何元素的背景。 使用CSS樣式編輯器（20分鐘左右）1． 創(chuàng)建新樣式單擊面板右下角區(qū)域中“新建樣式”按鈕（+）；右擊面板選擇“新建 CSS 樣式”；文本—CSS 樣式—新建 CSS 樣式”；隨即出現(xiàn)“新建 CSS 樣式”對話框，有3種類型的CSS 樣式；自定義CSS樣式(也稱為類樣式)可以將樣式屬性設(shè)置為任何文本范圍或文本塊；重定義特定標(biāo)簽可以改變特定標(biāo)簽（如hl）的默認(rèn)格式；CSS選擇器可以重定義具體某個標(biāo)簽組合的格式。 打開“CSS樣式編輯器”面板（20分鐘左右）1． 窗口菜單—CSS 樣式(Shift+F11)；2． 使用“CSS樣式”面板可以創(chuàng)建、查看、應(yīng)用或編輯樣式屬性；3． “CSS樣式”面板具有兩種視圖或模式；4． 使用“應(yīng)用樣式”視圖可應(yīng)用自定義或類 CSS 樣式；5． 使用“編輯樣式”視圖可以對已應(yīng)用于文檔的樣式進(jìn)行更改。內(nèi)聯(lián)樣式表：即行間樣式表，樣式代碼直接寫在某一HTML標(biāo)簽后部，用styles屬性說明。通過在樣式表設(shè)置對話框中指定，它的設(shè)定將會影響到整個網(wǎng)頁。對于文本、圖像、表格、層等都可以定義定位樣式和格式化樣式。使用 CSS樣式可以非常靈活地控制網(wǎng)頁外觀，從精確的布局定位到特定的字體和樣式，可以讓站點(diǎn)整體風(fēng)格保持一致。實(shí)踐授課學(xué)時2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)層疊樣式表 CSS的功能及使用。規(guī)范網(wǎng)頁顯示。3． 基礎(chǔ)標(biāo)簽的使用4． 鏈接link：鏈接外部文件到頁面 可視化助理（10分鐘左右）1． 在設(shè)計視圖下。掌握各類特殊元素在網(wǎng)頁中顯示設(shè)置。課程教案（№:15）授課內(nèi)容頁面屬性課 型R理論 163。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 表格的創(chuàng)建2． 網(wǎng)頁布局的模式3． 表格屬性4． 頁面布局的概念教學(xué)難點(diǎn)：1． 表格的嵌套2． 表格的填充與間距教學(xué)過程設(shè)計實(shí)訓(xùn)內(nèi)容：利用提供的素材文件，制作一個“心隨衣動”的網(wǎng)站，要求如下：1． 創(chuàng)建站點(diǎn)2． 創(chuàng)建表格3． 在表格中插入文本和圖像4． 設(shè)置表格相關(guān)屬性5． 完成頁面制作實(shí)訓(xùn)步驟：1. 創(chuàng)建本地站點(diǎn)a) 運(yùn)行軟件b) 站點(diǎn)菜單新建站點(diǎn)c) 遠(yuǎn)程服務(wù)器連接選擇為無2. 創(chuàng)建表格a) 繪制網(wǎng)站結(jié)構(gòu)圖b) 插入菜單表格，按結(jié)構(gòu)圖插入相應(yīng)的表格3. 在表格中插入文本和圖像a) 在單元格插入相應(yīng)的文本或圖像4. 設(shè)置表格的相關(guān)屬性a) 更改表格行高或列寬b) 更改表格的背景顏色或背景圖片c) 更改表格的填充. 間距. 邊框. 邊框顏色d) 更改單元格的背景顏色或背景圖片5. 完成頁面制作適當(dāng)調(diào)整表格相關(guān)屬性實(shí)訓(xùn)結(jié)果：作業(yè)/思考題：1． 什么情況下不顯示表格邊框？如何設(shè)置？2． 如何繪制細(xì)線表格？教學(xué)后記：通過本次實(shí)訓(xùn)，讓學(xué)生熟練掌握表格的使用，并能通過表格的布局作用。理論 R實(shí)踐授課學(xué)時2教學(xué)方法與手段講授法、演示法教學(xué)目的與要求通過本次實(shí)訓(xùn)，需要掌握網(wǎng)頁制作過程中的表格的使用，掌握表格在網(wǎng)頁排版中的重要作用，理解網(wǎng)頁布局的格式。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 站點(diǎn)的創(chuàng)建2． 文本、圖像、超鏈接的使用3． 表格的布局方式教學(xué)難點(diǎn)：網(wǎng)頁制作綜合能力教學(xué)過程設(shè)計利用此前學(xué)習(xí)的知識制作如下圖所示的頁面：作業(yè)/思考題：1． 什么情況下不顯示表格邊框？如何設(shè)置？2． 如何設(shè)置文本行間距、首行縮進(jìn)？3． 如何給表格添加下邊框？教學(xué)后記：通過更多的頁面制作了解到網(wǎng)頁中表格的排版功能。理論 R實(shí)踐授課學(xué)時2教學(xué)方法與手段實(shí)例教學(xué)教學(xué)目的與要求本次課程將通過前面學(xué)習(xí)的知識結(jié)合的表格的使用，制作完整的網(wǎng)站首頁。教學(xué)后記：把表格比喻成是一個盒子，用盒子裝東西的概念來引發(fā)出網(wǎng)頁中的表格，并系統(tǒng)的描述網(wǎng)頁布局結(jié)構(gòu)。同時掌握表格在顯示數(shù)據(jù)式的作用。課程教案（№:12）授課內(nèi)容表格的使用課 型R理論 163。準(zhǔn)備實(shí)例一定要充分。制作帶多媒體文件的網(wǎng)頁。課程教案（№:11）授課內(nèi)容多媒體的使用課 型R理論 163。實(shí)訓(xùn)結(jié)果：作業(yè)/思考題：1． 超鏈接的路徑有幾種，都是什么？2． 什么是超鏈接和指向頁面段落的超鏈接？3． Email超鏈接與一般的超鏈接有什么不同？教學(xué)后記：可以用班級的結(jié)構(gòu)類比喻超鏈接，通過介紹：//，通過：//。3． 修改鏈接的目標(biāo)（1） 將鏈接目標(biāo)修改為_blank；（2） 通過代碼視圖在/head之前加入base標(biāo)簽修改默認(rèn)目標(biāo)值。實(shí)訓(xùn)步驟：1． 用三種不同的方法創(chuàng)建鏈接（1） 插入菜單或者插入欄找到超級鏈接命令并點(diǎn)擊；（2） 修改菜單或通過ctrl+l來創(chuàng)建鏈接；（3） 屬性欄：直接輸入鏈接地址，或通過指向文件和瀏覽文件創(chuàng)建。理解鏈接目標(biāo)的概念。課程教案（№:10）授課內(nèi)容超鏈接的使用課 型163。 URL地址格式排列為：scheme：//host：port/path，例如：//。（4） 路徑（path）：指明服務(wù)器上某資源的位置（其格式與DOS系統(tǒng)中的格式一樣，通常有目錄/子目錄/文件名這樣結(jié)構(gòu)組成）。（2） 服務(wù)器地址（host）：指出WWW頁所在的服務(wù)器域名。在網(wǎng)頁設(shè)計中通過路徑可以表示鏈接，插入圖像、Flash、CSS文件的位置1． 絕對路徑URL：（Uniform Resoure Locator：統(tǒng)一資源定位器）是WWW頁的地址，它從左到右由下述部分組成：（1） Internet資源類型（scheme）：指出WWW客戶程序用來操作的工具。理解鏈接目標(biāo)的概念。課程教案（№:9）授課內(nèi)容超鏈接課 型R理論 163。三、圖像對象的插入及屬性1． “插入”—圖像—images—2． 屬性面板—居中對齊注：編輯—首選參數(shù)—輔助功能—把圖像前面的勾去掉 在頁面中插入和編輯文本1． 編輯—首選參數(shù)—常用—允許多個連續(xù)的空格勾選上，即可輸入多個空格2． 創(chuàng)建項目列表3． 插入版權(quán)符號：插入菜單—HTML—特殊字符—版權(quán) 設(shè)置圖像環(huán)繞效果選中圖片—屬性面板—對齊—左對齊，同時設(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)綴。4. 對圖像進(jìn)行適當(dāng)?shù)恼{(diào)整，包括大小、在頁面中的對齊方式、與周邊對象的距離及環(huán)繞方式。2. ，設(shè)置背景顏色為“B8DCF4”，網(wǎng)頁標(biāo)題為“暢想未來”。教學(xué)難點(diǎn)：1． 圖文混排的網(wǎng)頁；2． 修改水平線的顏色。理論 R實(shí)踐授課學(xué)時2教學(xué)方法與手段講授法、演示法教學(xué)目的與要求1． 練習(xí)站點(diǎn)的創(chuàng)建，以及站點(diǎn)文件的管理；2． 練習(xí)網(wǎng)頁上文本和圖像的使用；3． 掌握圖文混排的網(wǎng)頁制作技巧。在選擇圖像時應(yīng)盡量尋找品質(zhì)較高，尺寸較大的文件，從而能方便編輯。教學(xué)難點(diǎn)：1． 圖像的類型；2． 網(wǎng)站相冊的制作。掌握圖像熱區(qū)的使用。課程教案（№:7）授課內(nèi)容制作一個簡單的網(wǎng)頁課 型R理論 163。教學(xué)過程設(shè)計主要步驟一、 創(chuàng)建本地站點(diǎn)1． 運(yùn)行軟件2． 站點(diǎn)菜單新建站點(diǎn)3． 遠(yuǎn)程服務(wù)器連接選擇為無二、 創(chuàng)建首頁1． 窗口文件2． 右擊當(dāng)前站點(diǎn)新建文件三、 在首頁輸入文本內(nèi)容1． 輸入常規(guī)文本，并在其中換行/換段2． 輸入空白字符，設(shè)置首選參數(shù)中的常規(guī)設(shè)置3． 插入日期和水平線四、 制作文本列表1． 制作無序列表l 文本屬性欄項目列表l 敲回車?yán)^續(xù)新的項目2． 制作有序列表l 文本屬性欄編號列表l 敲回車?yán)^續(xù)新的項目3． 嵌套列表的制作l 增加文本縮進(jìn)l 修改列表的類型（代碼視圖修改type）4． 制作定義性列表l 切換至代碼視圖l 插入dl標(biāo)簽l 在dl標(biāo)簽中插入一個dt和若干個dd標(biāo)簽（dt和dd不可嵌套）實(shí)訓(xùn)結(jié)果作業(yè)/思考題：1． 設(shè)置網(wǎng)頁中文本的字體、顏色時要注意什么問題？2． 如何修改水平線的顏色？教學(xué)后記：通過學(xué)習(xí)，并對比此前學(xué)習(xí)的word中的文本。理論 R實(shí)踐授課學(xué)時2教學(xué)方法與手段講授法、演示法教學(xué)目的與要求通過站點(diǎn)的創(chuàng)建，以及站點(diǎn)文件的管理，創(chuàng)建一個簡單的網(wǎng)站。從而感覺本知識的非常容易，最后能比較發(fā)現(xiàn)網(wǎng)頁文本的特殊性。教學(xué)難點(diǎn)：1． 有序列表和無序列表的區(qū)別；2． 描述性列表的制作。實(shí)踐授課學(xué)時2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將講授網(wǎng)頁制作過程中的文本使用，掌握各種特殊文本的輸入，文本列表的使用。2． 什么是HTML？HTML文件的基本結(jié)構(gòu)是什么？3． HTML標(biāo)記的一般格式是什么？教學(xué)后記：雖然現(xiàn)在不懂HTML也能制作漂亮網(wǎng)頁，但是只有掌握HTML，才可以更方便、更全面地控制網(wǎng)頁，同時又一些網(wǎng)頁設(shè)計離不開代碼。作業(yè)/思考題：1． 關(guān)鍵字之間以英文逗號分隔。7　 Height、width表示運(yùn)動區(qū)域的高度和寬度，值是正整數(shù)或百分比，默認(rèn)width=100%，height為標(biāo)簽內(nèi)元素的高度。5　 Scrolldelay 表示停頓時間，值是正整數(shù)，默認(rèn)為0，單位是毫秒。3　 Loop表示循環(huán)的次數(shù)，值是正整數(shù)，默認(rèn)為無線循環(huán)。3． 制作滾動文字：marquee標(biāo)記屬性：1　 direction 表示滾動的方向，值可以是left、right、up、down，默認(rèn)為left。 表示。在HTML源文件中，br為換行標(biāo)記；p/p為換段標(biāo)記；空格用amp。HTML源文件中的換行、回車符和多個連續(xù)空格在顯示效果中無效。HTML標(biāo)記不區(qū)分大小寫。二、 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)記；屬性書寫不分先后順序；屬性值用英文雙撇號括住。教學(xué)過程設(shè)計一、 HTML簡介（5分鐘左右）HTML：(HyperText Markup Language)是一種超文本標(biāo)記語言，是網(wǎng)頁制作的基本語言。實(shí)踐授課學(xué)時2教學(xué)方法與手段講授法教學(xué)目的與要求1． 了解HTML語言，重點(diǎn)掌握HTML文件的基本結(jié)構(gòu)和語法格式；2． 掌握標(biāo)記語言的用法；3． 熟記title標(biāo)記、marquee標(biāo)記及常用屬性代碼。教學(xué)過程設(shè)計1. 本地站點(diǎn)的創(chuàng)建（1） 運(yùn)行軟件（2） 站點(diǎn)菜單新建站點(diǎn)（3） 遠(yuǎn)程服務(wù)器連接選擇為無2. 遠(yuǎn)程站點(diǎn)的創(chuàng)建（1） 運(yùn)行軟件（2） 站點(diǎn)菜單新建站點(diǎn)（3） 遠(yuǎn)程服務(wù)器連接選擇為FTP3. IIS的安裝（1） 我的電腦控制面板添加和刪除程序（2） 選擇添加windows組件（3） 勾選Internet信息服務(wù)，更新安裝4. 創(chuàng)建利用服務(wù)器技術(shù)的站點(diǎn)（1） 運(yùn)行軟件（2） 站點(diǎn)菜單新建站點(diǎn)（3） 是否利用服務(wù)器技術(shù)設(shè)置為是（4） 允許IIS，將默認(rèn)站點(diǎn)的主目錄設(shè)置為站點(diǎn)所對應(yīng)的文件夾（5） 設(shè)置服務(wù)器站點(diǎn)的測試服務(wù)器為：//localhost5. 站點(diǎn)文件的管理站點(diǎn)文件的創(chuàng)建. 編輯及預(yù)覽6. 管理站點(diǎn)（1） 站點(diǎn)菜單新建站點(diǎn)（2） 實(shí)現(xiàn)對站點(diǎn)創(chuàng)建. 刪除. 編輯（3） 導(dǎo)出并重新導(dǎo)入站點(diǎn)作業(yè)/思考題：1． 在制作網(wǎng)頁前為什么要首先建立站點(diǎn)？2． 定義本地站點(diǎn)的含義是什么？3． 建立站點(diǎn)應(yīng)該注意的問題？教學(xué)后記： 通過本次實(shí)訓(xùn)，讓學(xué)