【正文】 eight=10 class=more//divdiv class=jj dldtimg src=images1/ width=90 height=62//dtdd北京遠(yuǎn)大創(chuàng)思科技發(fā)展有限責(zé)任公司是以高科技為核心，稟承“關(guān)愛生命、保護(hù)健康”的宗旨，以節(jié)能空調(diào)、環(huán)?？諝鈨艋瘷C(jī)產(chǎn)品及其末端產(chǎn)品營(yíng)銷和服務(wù)為主營(yíng)業(yè)務(wù)的企業(yè)。float: left。paddingleft: 10px。color: 747474。建立完成的div概念，結(jié)合文本列表使用?！　? onMouseOver：當(dāng)鼠標(biāo)首次移動(dòng)指向特定對(duì)象時(shí)觸發(fā)該事件。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段實(shí)例講解法教學(xué)目的與要求通過本次實(shí)訓(xùn)，學(xué)員掌握Dreamweaver中行為的使用，并能利用行為制作動(dòng)態(tài)的網(wǎng)頁(yè)效果。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)框架的功能及使用、應(yīng)用場(chǎng)合等知識(shí)。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)模板和庫(kù)的功能及使用、應(yīng)用場(chǎng)合等知識(shí)?！　? 可編輯可選區(qū)域——是可選區(qū)域的一種，用戶可以設(shè)置顯示或隱藏所選區(qū)域，并且可以編輯該區(qū)域中的內(nèi)容，該可編輯的區(qū)域是由條件語句控制的。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 模板頁(yè)面的創(chuàng)建2． 創(chuàng)建基于模板的頁(yè)面3． 設(shè)置各類模板區(qū)域類型教學(xué)難點(diǎn)模板使用時(shí)的注意事項(xiàng)教學(xué)過程設(shè)計(jì)實(shí)訓(xùn)內(nèi)容：利用模板制作網(wǎng)站子頁(yè)面實(shí)訓(xùn)步驟： 模板頁(yè)面的創(chuàng)建a) 制作普通頁(yè)面b) 點(diǎn)擊文件菜單，另存為模板 創(chuàng)建基于模板的頁(yè)面a) 文件新建；利用模板創(chuàng)建新的頁(yè)面b) 查看新建頁(yè)面能否更改內(nèi)容 設(shè)置各類模板區(qū)域類型a) 通過插入欄上的常用類別在模板頁(yè)面中創(chuàng)建可編輯區(qū)域b) 更新頁(yè)面，重新查看利用模板頁(yè)的頁(yè)面能否更改頁(yè)面內(nèi)容c) 通過插入欄上的常用類別在模板頁(yè)面中創(chuàng)建可選區(qū)域d) 更新頁(yè)面，重新查看利用模板頁(yè)的頁(yè)面能否更改頁(yè)面內(nèi)容e) 通過插入欄上的常用類別在模板頁(yè)面中創(chuàng)建可編輯的可選。當(dāng)對(duì)一個(gè)模板進(jìn)行修改以后，所有使用了這個(gè)模板的網(wǎng)頁(yè)內(nèi)容都將隨之同步被修改，簡(jiǎn)單的說就是一次可以更改多個(gè)頁(yè)面，這也是模板最強(qiáng)大的功能之一。4． 如何制作浮動(dòng)框架網(wǎng)頁(yè)？教學(xué)后記：思考框架頁(yè)面的應(yīng)用場(chǎng)合。如制作小鳥飛翔或人物行走動(dòng)畫等。教學(xué)后記：介紹Javascript相關(guān)介紹說明。常用事件包含有鼠標(biāo)事件、鍵盤事件、窗體事件和其它事件等，如以下等。textalign:right。}.jj dl dd{lineheight: 2。lineheight: 30px。marginbottom:10px。課程教案（№:21）授課內(nèi)容DIV+CSS布局網(wǎng)頁(yè)課 型163。lineheight: 27px。}nav {float: right。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段實(shí)例講解法教學(xué)目的與要求通過本次實(shí)訓(xùn)，系統(tǒng)的掌握CSS的應(yīng)用方法及應(yīng)用規(guī)則，并能利用div結(jié)合css制作網(wǎng)頁(yè)。課程教案（№:19）授課內(nèi)容DIV+CSS布局網(wǎng)頁(yè)課 型R理論 163。該選項(xiàng)在HTML代碼中創(chuàng)建一個(gè)import標(biāo)簽，并引用已發(fā)布的樣式表所在的URL。六、編輯現(xiàn)有樣式表（10分鐘左右）1． 修改CSS樣式雙擊所選樣式；右擊，然生選擇“編輯”；單擊“CSS 樣式”面板底部的“編輯樣式表”按鈕；文本菜單—CSS樣式—編輯樣式表（Ctrl+Shift+E）”；編輯樣式視圖下“編輯樣式”按鈕，彈出對(duì)話框操作。建立完成的div概念，結(jié)合文本列表使用。 打開“CSS樣式編輯器”面板（20分鐘左右）1． 窗口菜單—CSS 樣式(Shift+F11)；2． 使用“CSS樣式”面板可以創(chuàng)建、查看、應(yīng)用或編輯樣式屬性；3． “CSS樣式”面板具有兩種視圖或模式；4． 使用“應(yīng)用樣式”視圖可應(yīng)用自定義或類 CSS 樣式；5． 使用“編輯樣式”視圖可以對(duì)已應(yīng)用于文檔的樣式進(jìn)行更改。使用 CSS樣式可以非常靈活地控制網(wǎng)頁(yè)外觀，從精確的布局定位到特定的字體和樣式，可以讓站點(diǎn)整體風(fēng)格保持一致。掌握各類特殊元素在網(wǎng)頁(yè)中顯示設(shè)置。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 站點(diǎn)的創(chuàng)建2． 文本、圖像、超鏈接的使用3． 表格的布局方式教學(xué)難點(diǎn)：網(wǎng)頁(yè)制作綜合能力教學(xué)過程設(shè)計(jì)利用此前學(xué)習(xí)的知識(shí)制作如下圖所示的頁(yè)面：作業(yè)/思考題：1． 什么情況下不顯示表格邊框？如何設(shè)置？2． 如何設(shè)置文本行間距、首行縮進(jìn)？3． 如何給表格添加下邊框？教學(xué)后記：通過更多的頁(yè)面制作了解到網(wǎng)頁(yè)中表格的排版功能。課程教案（№:12）授課內(nèi)容表格的使用課 型R理論 163。實(shí)訓(xùn)結(jié)果：作業(yè)/思考題：1． 超鏈接的路徑有幾種，都是什么？2． 什么是超鏈接和指向頁(yè)面段落的超鏈接？3． Email超鏈接與一般的超鏈接有什么不同？教學(xué)后記：可以用班級(jí)的結(jié)構(gòu)類比喻超鏈接，通過介紹：//，通過：//。課程教案（№:10）授課內(nèi)容超鏈接的使用課 型163。在網(wǎng)頁(yè)設(shè)計(jì)中通過路徑可以表示鏈接，插入圖像、Flash、CSS文件的位置1． 絕對(duì)路徑URL：（Uniform Resoure Locator：統(tǒng)一資源定位器）是WWW頁(yè)的地址，它從左到右由下述部分組成：（1） Internet資源類型（scheme）：指出WWW客戶程序用來操作的工具。4. 對(duì)圖像進(jìn)行適當(dāng)?shù)恼{(diào)整，包括大小、在頁(yè)面中的對(duì)齊方式、與周邊對(duì)象的距離及環(huán)繞方式。在選擇圖像時(shí)應(yīng)盡量尋找品質(zhì)較高，尺寸較大的文件，從而能方便編輯。教學(xué)過程設(shè)計(jì)主要步驟一、 創(chuàng)建本地站點(diǎn)1． 運(yùn)行軟件2． 站點(diǎn)菜單新建站點(diǎn)3． 遠(yuǎn)程服務(wù)器連接選擇為無二、 創(chuàng)建首頁(yè)1． 窗口文件2． 右擊當(dāng)前站點(diǎn)新建文件三、 在首頁(yè)輸入文本內(nèi)容1． 輸入常規(guī)文本，并在其中換行/換段2． 輸入空白字符，設(shè)置首選參數(shù)中的常規(guī)設(shè)置3． 插入日期和水平線四、 制作文本列表1． 制作無序列表l 文本屬性欄項(xiàng)目列表l 敲回車?yán)^續(xù)新的項(xiàng)目2． 制作有序列表l 文本屬性欄編號(hào)列表l 敲回車?yán)^續(xù)新的項(xiàng)目3． 嵌套列表的制作l 增加文本縮進(jìn)l 修改列表的類型（代碼視圖修改type）4． 制作定義性列表l 切換至代碼視圖l 插入dl標(biāo)簽l 在dl標(biāo)簽中插入一個(gè)dt和若干個(gè)dd標(biāo)簽（dt和dd不可嵌套）實(shí)訓(xùn)結(jié)果作業(yè)/思考題：1． 設(shè)置網(wǎng)頁(yè)中文本的字體、顏色時(shí)要注意什么問題？2． 如何修改水平線的顏色？教學(xué)后記：通過學(xué)習(xí)，并對(duì)比此前學(xué)習(xí)的word中的文本。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將講授網(wǎng)頁(yè)制作過程中的文本使用，掌握各種特殊文本的輸入，文本列表的使用。5　 Scrolldelay 表示停頓時(shí)間，值是正整數(shù)，默認(rèn)為0，單位是毫秒。在HTML源文件中，br為換行標(biāo)記；p/p為換段標(biāo)記；空格用amp。教學(xué)過程設(shè)計(jì)一、 HTML簡(jiǎn)介（5分鐘左右）HTML：(HyperText Markup Language)是一種超文本標(biāo)記語言，是網(wǎng)頁(yè)制作的基本語言。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法、演示法教學(xué)目的與要求利用Dreamweaver CS3熟練創(chuàng)建本地. 遠(yuǎn)程站點(diǎn)。嵌套文件夾的層數(shù)不要太多，最多不超過三層，否則超鏈接時(shí)會(huì)出錯(cuò)。通過兩節(jié)課的講授，感覺到學(xué)生能對(duì)本課程產(chǎn)生比較大的興趣！第 109頁(yè)課程教案（№:2）授課內(nèi)容站點(diǎn)的創(chuàng)建與管理課 型R理論 163。網(wǎng)站：就是一個(gè)相互鏈接的網(wǎng)頁(yè)的集合，它們可以共享。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將講授網(wǎng)頁(yè)制作的基本知識(shí)，使學(xué)生了解到什么是網(wǎng)頁(yè)，網(wǎng)頁(yè)制作涉及到哪些工具、網(wǎng)頁(yè)與網(wǎng)站有什么區(qū)別，網(wǎng)頁(yè)與普通的文檔有什么區(qū)別等。主要參考書目趙喜清，崔海濤《網(wǎng)頁(yè)設(shè)計(jì)與制作》哈爾濱工業(yè)大學(xué)出版社，孫振業(yè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》高等教育出版社，備注課程教案（№:1）授課內(nèi)容網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)課 型R理論 163。不同的網(wǎng)頁(yè)通過超鏈接聯(lián)系在一起，構(gòu)成了WWW縱橫交織結(jié)構(gòu)。教學(xué)后記：第一節(jié)課，應(yīng)首先介紹網(wǎng)站發(fā)展的前景，重點(diǎn)分解Dreamweaver和其他軟件的區(qū)別，提出利用網(wǎng)絡(luò)傳播信息，并由此講述網(wǎng)絡(luò)發(fā)展給網(wǎng)頁(yè)帶來的市場(chǎng)。二、 新建本地站點(diǎn)（20分鐘左右）1． 站點(diǎn)菜單新建站點(diǎn)2． 站點(diǎn)菜單管理站點(diǎn)新建3． 建立站點(diǎn)注意問題：（1） 用文件夾進(jìn)行分類存儲(chǔ)：如網(wǎng)頁(yè)文件存放在html文件夾中，圖像文件存放在images文件夾中。課程教案（№:3）授課內(nèi)容了解Dreamweaver的界面及站點(diǎn)的建立課 型163。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． HTML文件的基本結(jié)構(gòu)；2． HTML語法格式；教學(xué)難點(diǎn)：　　設(shè)置網(wǎng)頁(yè)標(biāo)題；設(shè)置網(wǎng)頁(yè)關(guān)鍵字；制作滾動(dòng)文字。只有在設(shè)計(jì)視圖中才有用。4　 Scrollamount 表示運(yùn)動(dòng)速度，值是正整數(shù)，默認(rèn)為6。課程教案（№:5）授課內(nèi)容網(wǎng)頁(yè)文本的使用課 型R理論 163。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 創(chuàng)建本地站點(diǎn)2． 創(chuàng)建首頁(yè)3． 在首頁(yè)輸入文本內(nèi)容4． 制作文本列表教學(xué)難點(diǎn)：1． 有序列表和無序列表的區(qū)別；2． 描述性列表的制作。教學(xué)過程設(shè)計(jì)一、圖像格式的介紹（5分鐘左右）1． GIF格式2． JPEG格式3． PNG格式4． 其他格式二、圖像文件的插入及屬性（20分鐘左右）1． 圖像的插入：插入菜單，站點(diǎn)面板，直接拖入到文檔2． 圖像的屬性：名稱，源文件，大小，替代，邊距，邊框3． 圖像的環(huán)繞效果三、圖像對(duì)象的插入及屬性（20分鐘左右）1． 圖像占位符2． 鼠標(biāo)經(jīng)過圖像3． 導(dǎo)航條四、圖像熱區(qū)的使用（8分鐘左右）1． 繪制熱區(qū)：矩形. 橢圓形. 多邊形2． 選擇熱區(qū)3． 調(diào)整熱區(qū)位置五、Fireworks切圖及導(dǎo)入Fireworks HTML（10分鐘左右）1． 用Fireworks制作簡(jiǎn)單的頁(yè)面2． 利用切片工具分隔網(wǎng)頁(yè)3． 插入菜單圖像對(duì)象Fireworks HTML六、制作web相冊(cè)（10分鐘左右）1． 準(zhǔn)備制作相冊(cè)的素材圖片2． 命令菜單創(chuàng)建網(wǎng)站相冊(cè)七、利用插件制作flash相冊(cè)（7分鐘左右）1． 搜索flash相冊(cè)插件2． 下載安裝并利用工具欄制作八、圖像的優(yōu)化及格式的轉(zhuǎn)換（10分鐘左右）1． 命令菜單2． 右擊圖像作業(yè)/思考題：1． 圖像地圖的作用是什么？2． 如何插入鼠標(biāo)經(jīng)過圖像？教學(xué)后記：圖像能相對(duì)充分的表現(xiàn)頁(yè)面的內(nèi)容，適當(dāng)?shù)脑诰W(wǎng)頁(yè)中加入圖像可對(duì)頁(yè)面進(jìn)行點(diǎn)綴。3. 插入基本的頁(yè)面元素，包括文本、圖像、水平線等。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1. 鏈接創(chuàng)建的簡(jiǎn)單方法2. 各種不同超鏈接的制作3. 鏈接的目標(biāo)設(shè)置教學(xué)難點(diǎn)：1． 理解鏈接的原理2． 框架頁(yè)面中的鏈接教學(xué)過程設(shè)計(jì) 理解url（25分鐘左右）文件路徑就是文件在電腦中的位置，表示文件路徑的方式有兩種，相對(duì)路徑和絕對(duì)路徑。2． 相對(duì)路徑（1） 如何表示同級(jí)目錄的文件（2） 如何表示上級(jí)目錄的文件（3） 如何表示下級(jí)目錄的文件 超鏈接的制作方法（15分鐘左右）1． 通過插入菜單2． 利用插入欄3． 屬性面板：直接輸入路徑，指向文件，文件夾瀏覽4． 超鏈接的相關(guān)操作步驟：修改菜單：創(chuàng)建. 移出. 打開鏈接頁(yè)面. 設(shè)置鏈接目標(biāo) 超鏈接的類型（25分鐘左右）1． 頁(yè)面間的鏈接2． 文件鏈接3． 空鏈接4． 錨點(diǎn)鏈接5． 電子郵件鏈接 特殊形式的鏈接（10分鐘左右）1． 腳本鏈接：讓對(duì)象獲取事件2． 熱點(diǎn)鏈接：針對(duì)圖像熱區(qū) 設(shè)置鏈接的目標(biāo)（5分鐘左右）1． _self：自身窗口打開2． _blank：新窗口打開目標(biāo)3． _parent. _top：在框架頁(yè)面中使用4． 修改鏈接的目標(biāo)目標(biāo)：文件頭標(biāo)簽基礎(chǔ) 框架頁(yè)面中的鏈接（10分鐘左右）1． 新建簡(jiǎn)單的框架頁(yè)面并保存2． 設(shè)置框架的鏈接目標(biāo)：目標(biāo)必須是框架的名稱作業(yè)/思考題：1． 超鏈接的路徑有幾種，都是什么？2． 什么是超鏈接和指向頁(yè)面段落的超鏈接？3． Email超鏈接與一般的超鏈接有什么不同？教學(xué)后記：可以用班級(jí)的結(jié)構(gòu)類比喻超鏈接，通過介紹：//，通過：//。4． 修改鏈接的樣式（1） 修改菜單下找到頁(yè)面屬性，更改鏈接的設(shè)置；（2） 記住鏈接的四個(gè)不同狀態(tài)。但由于多媒體基本都需要插件支持，在插件安裝上應(yīng)放慢速度。讓學(xué)生鞏固網(wǎng)頁(yè)布局的概念。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程學(xué)習(xí)網(wǎng)頁(yè)屬性的設(shè)置，對(duì)網(wǎng)頁(yè)進(jìn)行簡(jiǎn)單的后期美化操作。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． CSS的語法2． CSS和網(wǎng)頁(yè)的關(guān)系3． CSS的創(chuàng)建教學(xué)難點(diǎn)CSS的語法格式教學(xué)過程設(shè)計(jì) CSS功能和分類（30分