Dreamweaver教案一(一課時)
教學目的：初步了解Dreamweaver的操作
教學重點：Dreamweaver的界面
教學難點：各個面板的調用
一、引入
為什么要用Dreamweaver而不用Frontpage？
Dreamweaver是Macromedia公司的出品，它以程序小、運行速度快、所制作網頁代碼少這些優點，贏得了網頁制作人員的喜愛。
例一：m1.htm和f1.htm的大小比較
例二：frontpage安裝程序和dreamweaver安裝程序的大小比較
例三：frontpage運行和dreamweaver啟動比較
二、Dreamweaver的安裝
三、Dreamweaver的界面
1．文檔窗口：主菜單、工具欄、底部啟動條、文檔編輯區
2．對象面板：標準、表格、表單、框架、特殊、文件頭、隱藏、字符
3．啟動面板：站點管理、代碼檢查、HTML樣式、CSS樣式、行為、歷史記錄、資源管理
4．屬性面板：隨目前對象不同而內容不同
四、作業
1．寫出Dreamweaver對象界面中所有對象的名稱
2．新建一個空白網頁，寫出空白網頁的HTML代碼
Dreamweaver教案二(一課時)
教學目的：回憶原來學過的網頁的文字知識，熟悉 Dreamweaver的操作，熟悉屬性面板的 1
使用，掌握頁面屬性、文本屬性的設置
教學難點：向導圖片、預格式化、圖片的路徑
教學重點：常用屬性
一、復習引入
1．輸入文本
2．回車鍵的作用
3．如何輸入換行符：Shift+ENTER，或者是對象面板à符號
4．換行符對應的HTML標記
二、設置頁面屬性
1．打開頁面屬性對話框：右擊頁面，選擇頁面屬性（page properties）
2．設置標題顯示（Title）：
3．設置頁面背景（Background image）：選擇背景圖像，注意路徑
4．設置背景顏色Background：
5．設置本頁面中文字的顏色Text：在沒有設置其它的字體顏色前，這個文字顏色發生作用，一 旦對具體的文字設置顏色，這個設置就不起作用了
6．設置鏈接的各種顏色（Visited Links、Active Links、Links）
7．設置頁面邊界（Left Top）：使內容與邊框沒有空隙
8．設置文檔字符集（Document Encoding）：gb2312
9．設置向導圖片（Tracing Image）：用于設計時，下面的滑動條用于設置這個圖片的透明度（Transparent）
三、設置文本屬性
1．格式（Format）：
（1）樣式：段落（Paragraph），標題（Heading1）、??預先格式化的（preformatted）
*預先格式化的：可以輸入空格，可以按文本原來的樣子排列，缺點是不能實現自動換行
（2）字體：Default Font
（3）大小：Size
（4）顏色：
（5）其它：加粗、傾斜
（6）對齊：
2．鏈接（Link）：鏈接到文件，鏈接到地址，*相關（Relate to）：文檔（Document），站根目錄（SiteRoot）
3．目標（Target）：打開鏈接的目標_blank、_self、_parent、_top
4．項目符號、編號和縮進
四、作業
根據示例網頁，制作一個網頁
Dreamweaver 教案三(兩課時)
教學目的：掌握網頁中圖片的相關操作
教學重點：dreamweaver中設置圖片的屬性
教學難點： 圖像處理軟件的使用
一、復習引入 1．網頁的頁面背景顏色和文本顏色在HTML代碼中是如何表示的？
RGB方式表示顏色：紅綠蘭，0表示最弱，255表示最強 一共可以表示：256╳256╳256=16777216種 顏色 由于瀏覽器的關系，只有216種顏色能在瀏覽器中正常顯示，多于這個范圍的顏色，有的瀏覽器顯 示時就可能發生偏差，不能正常顯示。這個范圍我們稱之為網頁安全顏色范疇 2．網頁中運用顏色原則
l 切忌采用過多的顏色；
l 背景顏色不要太深；
l 要保持整個網頁的色調統一；
l 要圍繞網頁主題選擇顏色
二、網頁中的圖像格式 *BMP：位圖格式 1． GIF：Graphics Interchange Format可交換的圖像格式 特點： l 只支持256種顏色 l 支持透明效果 l 可以交錯下載 l 可以實現動畫效果 l 文件所占用空間小 l 不能支持漸變色彩 l 更改圖片大小要從原文件改起 2． JPEG：Joint Photographic Experts Group聯合攝影專家組文件格式 特點： l 支持24位圖像 l 有損壓縮 3． GIF與JPEG比較
三、插入圖像 1． 插入圖像：InsertàImage；對象面板 2． 圖像 屬性： l 寬（W）高（H）：默認為圖片的大小，可以設置 其它尺寸，但圖片會變形 l 源文件（Src）： l 對齊（align）： l 鏈接（Link）：鏈接到的圖片 l 替代（Alt）：圖像注釋，當瀏覽器不能正常顯 示圖片時所出現的文字提示 l 地圖（Map）：制作映射圖 l 垂直邊距（V space）：與上邊界的距離 l 水平邊距（H space）與左邊界的距離 l 目標（Target）：當鏈接項有設置時發生作用 l 低品質源（Low Src）：低分辨率副本文件 l 邊框（Border）： l 編輯（Edit）：啟動圖像處理軟件來對圖像進行 編輯 l 重設大小（Reset size）：當用其它工具修改了 圖片大小時，如果不重設圖片的大小，則會變形或者在不小心改變了圖片的大小時使用此項
四、使用圖 像處理軟件
1、轉換圖像格式：打開，另存為
2、更改圖像尺寸：
3、更改圖像品質：另存為
五、作業 l 下列文件均放于同一文件夾下： 1． 在網上尋找透明背景的GIF圖片5張，JPEG圖片5張，其中，GIF要有動畫的至少一張，JPEG要有一 張風景的。2． 將找到的圖片放置在背景為藍色的頁面上 3． 改變第一 張GIF圖片的大小 4． 設置第二張GIF圖片的替代文字為“試一試” 5． 設 置第三張GIF圖片的鏈接為第三張JPEG圖片 6． 設置第四張GIF圖片的垂直邊距為5，水平邊距為9 7． 對第一張JPEG圖片設置映射4個，分別鏈接到第二、三、四、五張JPEG圖片 8． 運用圖像處理軟件，制作風景JPEG圖片的低品質圖片，并對網頁中該風景圖片設置低 品質源 l 不看電腦，寫出下列RGB值對應什么顏色 #FF000 #00FF00 #0000FF #FFFF00 #FF00FF #00FFFF
Dreamweaver教案四(三課時)
教學目的：掌握dreamweaver中表格的應用 教學難點：表格對應的HTML代碼
教學重點：表格的編輯
一、復習引入
1． 文字的定位：空 格、回車
2． 圖片的定位：垂 直邊距、水平邊距
二、表格
1． 插入表格：插入（Insert）à表格（table），或者在對象面板
2． 行數（row）
3． 列數（column）
4． 邊距（cell padding）：單元格中的內容與單元格邊框之間的距離
5． 間距（cell spacing）：單元格之間的距離
6． 寬度（width）：可以是像素（pixel）或百分比為單位（percent）
7． 邊框（boder）：
8． 屬性面板：只有 在選定整個表格時才出現表格屬性
9． 在表格中也可以 通過右擊，調出的快捷菜單中選擇表格來對表格進行設置
10． 清除行高和列寬按鈕
11． 改變列寬單位按鈕
12． 背景顏色：
13． 邊框顏色：設置整個表格的格線顏色
14． 背景圖像：
三、表格所對應的HTML代碼
1．表格：
2．行：
|
3．列：
| 四、選定
1． 單擊表格左上角 或邊框線
2． 在表格內單擊表 格任一處，右擊，選擇表格（table）à選定表格（select table）
3． 選擇所有單元格
4． 在文檔窗口的左 下角選擇標記
5． 選定行
6． 選定單元格
五、表格的編輯
1． 表格的嵌套
在網頁中，要進行復雜的定位，一般需要用到嵌套表格。不過，一般不超過三層。
2． 復制剪切粘貼
3． 插入行、列，刪 除行列
4． 合并單元格，拆 分單元格
5． 改變行、列、表 格的大小：拖放，屬性面板精確定義
6． 表格模板：命令（command）à格式化表格（format table）
六、導入表格數據
1． 文件導入導入表格數據
2． 數據文件
3． 定界符
4． 表格寬度
5． 單元格邊距和間距
6． 格式化首行
7． 邊框
七、學習網頁制作的方法
1． 學習網頁制作，要先模仿
2． 在瀏覽到合適的 網頁時，用“另存為”保存，再用dreamweaver來打開
八、作業
1． 將數據文件1.txt轉為表格
2． 模仿此頁制作頁面
Dreamweaver教案五(兩課時)
教學目的： 掌握框架
教學難點： 框架的編輯
教學重點： 框架的HTML代碼
一、復習引入
回憶：Frontpage中的框架應用
二、框架的應用
1． 重復出現在不同 網頁文檔中的元素：網頁標題、導航欄等等
三、建立框架
1． 將對象面板切換 到框架頁（Frame）
2． 插入不同的框架，一個區域對應于一個頁面
3． 在框架中打開原 有網頁：文件（File）à在框架中打開（Open in Frame）
四、保存框架
1． 選擇文件（File）/保存所有框架（Save Frameset），先保存框架文件，接著會出現提示，逐個保存框架中的網頁
2． 保存時注意名稱
五、框架編輯
1． 框架面板：窗口（Windows）à其它（Other）à框架（Frame）調出框架面板
2． 選定框架組：單 擊整個框架組的邊框；或在框架面板中單擊整個框架的邊框
3． 框架屬性：名稱、源文件，滾動否，是否可以調整大小，是否有邊框，邊框顏色，邊界寬度，邊界高度等
4． 拆分框架：按 Alt鍵，拖動邊框；修改（Modify）à框架頁（Frameset）à拆分左/右/上/下（split frame top/bottom/left/right）
*注意區別：插入一個新的框架與拆分框架的區別
5． 鏈接打開的目標
六、框架所對應的HTML代碼
1． 框架組：
2． 通過設置：rows 或cols來設定是橫的還是豎的，是頂部還是底部
3． 框架組屬性： frameborder框架是否有邊框，border邊框的寬度多少，framespacing框架間距
4． 框架項：
5． 框架屬性：src 指向的頁面，name框架名，scrolling是否有滾動條，noresize不能由用戶改變大小
6． 無框架提示 <![CDATA[<body></p><h2><a name="2" >第二篇：Dreamweaver網頁設計教學計劃</a></h2><p>《Dreamweaver網頁設計》教學方案</p><p>第一部分 說明</p><p>1．課程的性質與任務</p><p>“Dreamweaver網頁設計”是計算機網絡技術專業（專科）的一門統設必修課。本課程的主要任務是介紹利用Dreamweaver開發工具進行網頁設計，包括新建、編輯和設置一個Web站點；如何對頁面屬性進行基本的設置，如何設置、編輯CSS層疊式樣式表；如何排版文字、表格和層；如何進行基本的圖像處理；建立框架；模板和庫的使用和編輯；網站的發布與維護等基本知識與應用。目的是通過本課程的學習，培養學生的實際動手能力和計算機的操作能力，能夠運用所學的知識進行網頁設計。</p><p>2．與相關課程的銜接、配合、分工</p><p>先修課程：計算機應用基礎Photoshop圖像處理等。</p><p>后續課程：Flash動畫制作等。</p><p>３．課程的教學基本要求</p><p>本課程要求學生掌握基本的HTML語言。學會使用Dreamweaver開發工具進行網頁設計。這是一門重在實踐的科目，因此需要學生多上機、多進行實際操作，把老師所教授的各種網頁制作、版面設計以及程序熟練制作或調試出來，并且能夠在此基礎上有所創造、有更進一步的發揮。</p><p>4．課程教學要求的層次</p><p>1．掌握：</p><p>要求學生能夠全面掌握所學內容，并能夠用其分析、應用與Dreamweaver網頁設計相關的問題，能夠舉一反三。</p><p>2．理解：</p><p>要求學生能夠較好地理解與Dreamweaver網頁設計相關的問題，并且能夠進行簡單分析和判斷。</p><p>3．了解：</p><p>要求學生能夠一般地了解的所學內容。第二部分 媒體使用與教學過程建議</p><p>學時分配</p><p>課程教學總學時90學時，5學分。其中授課36學時，實訓54學時。</p><p>2．多種媒體教材的總體說明</p><p>1．本課程文字教材為合一型教材，文字教材作為學習的主要媒體，著重反映課程的基本知識和針對性、應用性，在形式上要便于自學。在內容上包括基本理論知識講解和實訓兩部分。</p><p>2．視頻媒體配合文字教材的講授，內容重點在于實訓及輔導。</p><p>3．CAI課件作為網絡教學媒體，可以在互連網上使用也可以單機使用。</p><p>3．教學環節</p><p>以主教材講授為主，其它媒體作為輔助教學資源，以學生自學為主。</p><p>4．主要教學媒體的使用與學時分配</p><p>內容</p><p>序號 1 2 3 4 5 6 7 8 9 10 11 12 13 14</p><p>第1章 Dreamweaver基礎</p><p>第2章 網頁設計語言基礎</p><p>第3章 文本和圖像處理</p><p>第4章 表格與頁面布局</p><p>第5章 創建超級鏈接</p><p>第6章 層與層動畫</p><p>第7章 框架與框架網頁</p><p>第8章 創建ＣＳＳ樣式表</p><p>第9章 資源、模板和庫</p><p>第10章 媒體對象的應用</p><p>第11章 表單處理</p><p>第12章 創建Web站點</p><p>第13章 制作動態網站</p><p>第14章 網站的維護和上傳</p><p>2學時 3學時 3學時 3學時 2學時 3學時 2學時 3學時 2學時 3學時 3學時 2學時 3學時 2學時</p><p>教學內容 理論學時</p><p>合計</p><p>36學時</p><p>第三部分 教學內容和教學要求</p><p>第1章 Dreamweaver基礎（2學時）</p><p>教學內容：</p><p>Dreamweaver 的歷史和簡介</p><p>Dreamweaver 的安裝過程</p><p>Dreamweaver 的全新界面</p><p>改進的設計與開發環境</p><p>主菜單介紹</p><p>對象控制面板介紹</p><p>教學要求：</p><p>掌握：Dreamweaver的基本特點、新增功能及界面組成。基本操作，如安裝、新建、打開、導入、保存、關閉等。</p><p>理解：新增功能、界面組成的優點。</p><p>了解：Dreamweaver可以為我們做些什么。</p><p>第2章 網頁設計語言基礎（3學時）</p><p>教學內容：</p><p>HTML及XHTML語言介紹</p><p>常用的網頁語法標記</p><p>教學要求：</p><p>理解：HTML及XHTML語言介紹，常用的網頁語法標記</p><p>第3章 文本和圖像處理（3學時）</p><p>教學內容：</p><p>文本屬性面板</p><p>編輯文本和插入對象</p><p>設置文本的格式</p><p>編號與項目符號</p><p>在網頁中插入圖像</p><p>圖像的應用</p><p>教學要求：</p><p>掌握：設置文本屬性和格式；編號與項目符號的使用；插入、編輯和排版圖像。</p><p>理解：如何進行圖像調整。</p><p>第4章 表格與頁面布局</p><p>教學內容：</p><p>表格的基本操作</p><p>單元格的基本操作</p><p>表格的自動套用格式</p><p>表格的創建</p><p>表格的編輯</p><p>創建布局單元和表格</p><p>教學要求：</p><p>掌握：如何插入、編輯表格，創建布局單元和表格。</p><p>理解：表格在網頁排版中的作用。</p><p>了解：使用頁面布局模式進行網頁排版的方法。</p><p>第5章 創建超級鏈接（2學時）</p><p>教學內容：</p><p>（3學時）</p><p>鏈接分類</p><p>創建超級鏈接</p><p>鏈接的四種狀態</p><p>創建Email鏈接</p><p>管理超級鏈接</p><p>教學要求：</p><p>掌握：創建超級鏈接和Email鏈接，會設置鏈接的各種狀態。</p><p>理解：超級鏈接幾種狀態之間的差別和共同點。</p><p>了解：創建Email鏈接中的各種技巧。</p><p>第6章 層與層動畫（3學時）</p><p>教學內容：</p><p>層的概念</p><p>創建層</p><p>層操作</p><p>層與表格的相互轉換</p><p>層動畫的概念與設計</p><p>教學要求：</p><p>掌握：層的概念與使用</p><p>理解：層動畫的概念與設計</p><p>第7章 框架與框架網頁（2學時）</p><p>教學內容：</p><p>框架的基本概念</p><p>創建框架和框架集</p><p>框架的使用</p><p>框架和框架集的屬性設置</p><p>教學要求：</p><p>掌握：框架和框架集的創建；框架的使用。</p><p>理解：使用框架的優缺點。</p><p>第8章 創建ＣＳＳ樣式表（3學時）</p><p>教學內容：</p><p>CSS層疊式樣式表</p><p>定義CSS樣式表</p><p>創建并鏈接到外部CSS樣式</p><p>設置CSS樣式的格式化參數</p><p>設置超鏈接顯示狀態</p><p>添加各種ＣＳＳ效果</p><p>教學要求：</p><p>掌握：內部ＣＳＳ和外部ＣＳＳ的添加方法，編輯ＣＳＳ屬性，使用ＣＳＳ進行頁面的排版，創建各種ＣＳＳ效果。</p><p>理解：使用CSS排版的優點。</p><p>了解：如何使用ＣＳＳ控制背景、鼠標以及添加其它特殊效果。</p><p>第9章 資源、模板和庫（2學時）</p><p>教學內容：</p><p>資源管理</p><p>模板的創建</p><p>模板的編輯</p><p>定義模板可編輯區域</p><p>創建，管理和編輯庫項目</p><p>教學要求：</p><p>掌握：模板的創建，模板的編輯，定義模板可編輯區域</p><p>理解：資源管理</p><p>了解：創建，管理和編輯庫項目</p><p>第10章 媒體對象的應用（3學時）</p><p>教學內容：</p><p>插入Flash對象</p><p>插入Shockwave對象</p><p>插入視頻</p><p>插入ActiveX控件與Java小程序</p><p>填加聲音</p><p>教學要求：</p><p>掌握：插入Flash對象、插入Shockwave對象、插入視頻、插入ActiveX控件與Java小程序、填加聲音</p><p>第11章 表單處理（3學時）</p><p>教學內容：</p><p>表單概述</p><p>表單對象</p><p>創建表單</p><p>處理表單</p><p>創建動態表單</p><p>教學要求：</p><p>掌握：創建表單、處理表單和設置表單參數。</p><p>理解：表單的概念和作用。</p><p>了解：如何使用表單創建交互式界面。</p><p>第12章 創建Web站點（2學時）</p><p>教學內容：</p><p>站點規劃</p><p>在Dreamweaver8中創建站點</p><p>管理站點與站點文件</p><p>使用站點地圖</p><p>為網站指定服務器技術</p><p>教學要求：</p><p>掌握：規劃站點、建立和管理站點；使用站點文件和地圖。</p><p>理解：創建站點的必要性。</p><p>了解：服務器技術的指定。</p><p>第13章 制作動態網站（3學時）</p><p>教學內容：</p><p>Access數據庫基礎</p><p>ODBC數據源設置</p><p>ASP與Web服務器配置</p><p>Dreamweaver8動態網站設計</p><p>創建與數據庫連接</p><p>教學要求：</p><p>掌握：數據源的設置，如何配置Web服務器，如何創建與數據庫的鏈接。</p><p>理解：數據庫在動態網站設計中角色的重要性。</p><p>了解：設置數據源和創建數據庫鏈接的技巧</p><p>第14章 網站的維護和上傳（2學時）</p><p>教學內容：</p><p>在本機中測試網站</p><p>預覽網頁效果</p><p>網站的查錯</p><p>發布網站到服務器</p><p>教學要求：</p><p>掌握：Dreamweaver8的測試、預覽和發布設置。</p><p>理解：網站排錯的必要性。</p><p>了解：如何發布網站到服務器。</p><p>實訓內容</p><p>（實訓分為必做和選做內容，可根據實際的實驗條件選做。實驗總計54學時）</p><p>實訓1：建立Web網頁（必做）</p><p>實訓2：文本及其格式化（必做）</p><p>實訓3：圖像（必做）</p><p>實訓4：超級鏈接（必做）</p><p>實訓5：表格和頁面布局（必做）</p><p>實訓6：框架（必做）</p><p>實訓7：層（必做）</p><p>實訓8：模板與庫（必做）</p><p>實訓9：表 單（必做）</p><p>實訓10：行 為（必做）</p><p>實訓11：多媒體組件的插入、使用代碼設計網頁與站點管理（必做）實驗12： 動態網站制作（選做）</p><p>實驗13：ASP與SQL Server數據庫相連（選做）</p><h2><a name="3" >第三篇：Dreamweaver網頁設計實驗報告</a></h2><p>實驗報告</p><p>專業</p><p>XXXXXX</p><p>班級</p><p>XX 班</p><p>學號</p><p>XXXXXX</p><p>姓名</p><p>XXX</p><p>報告完成日期</p><p>2012-12-26</p><p>指導教師</p><p>XXX</p><p>評語：</p><p>成績：</p><p>批閱教師簽名：</p><p>批閱時間：</p><p>一、制作時間</p><p>2012年12月18日至2012年12月26日。</p><p>二、實習內容</p><p>1、使用Dreamweaver制作網站，該網站為福建工程學院網站</p><p>2、網站不少于8個頁面，主頁和各模塊相關頁面；</p><p>3、頁面中包含文字、圖片；</p><p>4、使用CSS實現網頁相關頁面設置，要求在實現網頁內能夠顯示文字，圖片等信息；</p><p>5、使用網頁瀏覽器進行網站測試。</p><p>三、實習環境</p><p>1、硬件環境：計算機一臺；</p><p>2、軟件環境：Dreamweaver cs4；</p><p>3、測試環境：IE、firework等網頁瀏覽器。</p><p>四、網站總體設計</p><p>1、網站主題</p><p>本網頁是以福建工程學院網站為主題，針對不同的年齡階段的人給出了不同的學院的信息。</p><p>2、設計思路</p><p>首先構思了基本網頁的布局，主頁采取了常用的1-（1+1+1），附頁采用了1-（1+1），上了多個網 最后決定參照福建工程學院的官方網站進行制作，但是布局并不相同 素材取自福建工程學院官方網站，部分圖片取自百度，網站包括1個主頁7個子頁，子頁包含了所有的學校狀況，分別為：學校簡介、現任校領導、教學機構、管理機構、校紀校訓校歌、校園風光、新校區建設；采用了較難的二級菜單 和 JVAV技術實現導航欄上面的圖片進行4張輪播。</p><p>五、制作步驟</p><p>1.首先確定網頁的主題后，從網上查看各名校的網站，并從中尋找思路開始做網頁。經過長時間的瀏覽，最終選擇福建工程學院作為參照（網址：http://www.tmdps.cn）</p><p>2.受福建工程學院主頁的影響我自學了圖片輪播和二級菜單，從而制作了輪播圖片和二級菜單。</p><p>3.由于對于JVAV和表單的知識并不是非常了解所以有些地方需要實現的實現不出來放棄了，期中研究了最久的就是 導航輪播和下面的有塊區域的圖片輪播，結果因為不知道如何同時初始化2個JVAV函數 最后以失敗告終 只好放棄</p><p>4.本次制作最難的地方是導航菜單的二級菜單和圖片輪換</p><p>在制作過程中，遇到很多次的制作混亂，最后還是老師幫忙解決的。</p><p>5.原計劃那些JVAV代碼因為無法同時初始化他們放棄了 只好以一些列表代替</p><p>6.最后，將一些小細節的東西做了些處理，最后打包上交。</p><p>六、實習總結</p><p>這次是我們web的期末考試制作，通過這一次的制作，不僅鞏固了以前學過的知識，還學會很多課堂上未教授的東西。通過老師的講解、查閱資料，解決了很多制作上的困難，這一點我在這要好好感謝我們的XX老師和我們宿舍的學姐，謝謝她們幫我很大的忙。</p><p>七、參考文獻</p><p>《HTML+CSS網頁設計與布局》 《PHP編碼》</p><h2><a name="4" >第四篇：dreamweaver網頁制作教案</a></h2><p>dreamweaver網頁制作教案</p><p>（Dreamweaver MX）</p><p>一、Dreamweaver MX中文版建站初步</p><p>建立一個網站，首先要在本地機器上做好網站，再傳到網上的虛擬空間上。現在免費的網頁空間很少了，在http://。</p><p>◇使用屬性檢查器：選中示例中的圖像，也可以是文字，點擊屬性面板中的“瀏覽文件”圖標。</p><p>◇選中一個文件。會出現一個文件相對于“文檔”，“站點根目錄的選擇”。文檔相對路徑是最適合用于本地鏈接的路徑類型，適合絕大多數Web站點，推薦使用。</p><p>◇根相對路徑：如果在一個使用多臺服務器的大型Web站點或一臺服務器上有多個站點的情況下工作，可能需要使用這種類型的路徑。很少用到這種路徑。如果沒有服務器的控制權限，不要使用這種方式！</p><p>◇絕對路徑：完整的URL，稱作絕對路徑。例如在鏈接域輸入http://vip.5dmedia.com/fuguotao</p><p>◇從打開文檔的選取中創建鏈接：選中文字，按Shift鍵，拖動出現“指向文件”圖標，把“指向文件”圖標拖向目標文件，就會建立鏈接。</p><p>◇選擇被鏈接文檔要打開的位置：</p><p>若要使被鏈接文檔不出現在當前窗口或框架中，從屬性面板的“目標”彈出式菜單選取一個選項。</p><p>_blank 在新的未命名的瀏覽器窗口中加載鏈接文檔。</p><p>_parent 在父框架頁或包含該鏈接的框架窗口中加載鏈接文檔。如果包含鏈接的框架不是嵌套的，則鏈接文檔將加載到整個瀏覽器窗口中。_self 將鏈接文檔加載到與鏈接相同的框架或窗口中，該目標是默認值，所以通常您不需要指定它。</p><p>_top 將在整個瀏覽器窗口中加載鏈接文件，同時移除所有框架。</p><p>一個網站中，第一級鏈接或者導航鏈接選擇_self，第二級鏈接和友情鏈接選擇_blank。</p><p>第二部分：使用錨</p><p>簡明步驟：選中文本→在目標文檔中插入錨標記→命名→拖動“指向文件”圖標到文本。◇鏈接到文檔中的指定位置：在需要插入錨的地方，點一下光標，然后單擊常用面板上的命名錨記工具。</p><p>鍵入錨記名稱，一個站點中的錨記名稱只可以是唯一的，否則會出現錯誤。</p><p>在文檔中選取要創建鏈接的文本，打開您需要鏈接的命名錨記所在文檔，不一定要是當前文檔，可以是站點中的其它文檔，點擊屬性面板中的“指向文件”圖標，并將它拖動到您需要鏈接的錨記處。</p><p>第三部分：使用空鏈接</p><p>使用空鏈接可以為頁面上的對象或文本附加行為。創建步驟： 1.在文檔窗口中，選中要設置鏈接的文本、圖像或其他對象。2.在屬性面板的鏈接框中，只輸入一個“#”號。3.如果單擊這種地址為一個“#”的鏈接，無論當前你處于文檔的什么地方，都會自動跳轉到文檔的開頭位置。很多人非常討厭這種情況，因此出現很多插件。可以用“###”來代替“#”，單擊這樣的鏈接的時候，會保持當前頁面的瀏覽位置。4.還可以在屬性面板的鏈接框中輸入javascript:;創建空鏈接。第四部分：創建javascript腳本鏈接 1.在文檔窗口中選取文本，圖象或對象</p><p>2.在“屬性”檢查器的“鏈接”欄中鍵入javascript:，其后緊接JavaScript代碼或函數調用。</p><p>例如在鏈接欄中鍵入javascript:alert('哈哈你上當了')創建一個鏈接，點擊鏈接后就會出現一個警告框</p><p>第五部分：創建電子郵件鏈接</p><p>方法一：選取需要創建鏈接的文本或者圖像，點擊常用面板中的“電子郵件鏈接”工具，輸入郵件地址。方法二：選取需要創建鏈接的文本或者圖像，在屬性面板中的鏈接欄輸入mailto:郵件地址。</p><p>第六部分：創建跳轉菜單，例如制作一個友情鏈接。</p><p>首先將插入點放在要插入鏈接的位置。點擊表單面板中的跳轉工具</p><p>在插入跳轉菜單對話框中，點添加項添加新鏈接。</p><p>在屬性面板中選擇類型為“菜單”。</p><p>在瀏覽器中發布如圖：</p><p>在屬性面板中選擇類型為“列表”高度為3。</p><p>在瀏覽器中發布如圖：</p><p>點擊屬性面板中的列表值，可以修改列表值。</p><p>第七部分：給鏈接增加提示，給鏈接增加快捷鍵。首先將插入點放在要插入鏈接的位置。點擊常用面板上的超級鏈接工具。</p><p>設置鏈接參數。</p><p>標題是指當指向鏈接會出現提示。</p><p>訪問鍵是指按鍵盤上的快捷鍵會選中鏈接。例如在實例中按Alt+D鍵會選中5D多媒體。</p><h2><a name="5" >第五篇：網頁設計Dreamweaver CS3 教案(華東師范大學出版社)</a></h2><p>另存為模板。在彈出的“另存模板”對話框中，“站點”下拉列表框用來設置模板保存的站點，課選擇一個選項。“現存的模板”選框顯示了當前站點的所有模板。“另存為”文本框用來設置模板的命名。單擊“另存模板”對話框中的“保存”按鈕，就把當前網頁轉換為了模板，同時將模板另存到選擇的站點。9</p><p>單擊“保存”按鈕，保存模板。系統將自動在根目錄下創建Template文件夾，并將創建的模板文件保存在該文件夾中。在保存模板時，如果模板中沒有定義任何可編輯區域，系統將顯示警告信息。我們可以先單擊“確定”，以后再定義可編輯區域。</p><p>3、從文件菜單新建模板 選擇“文件/新建”命令，打開“新建文檔”對話框，然后再類別中選擇“模板頁”，并選取相關的模板類型，直接單擊“創建”按鈕即可。”</p><p>（二）Dreamweaver 8 定義可編輯區域 模板創建好后，要在模板中建立可編輯區，只有在可編輯區里，我們才可以編輯網頁內容。可以將網頁上任意選中的區域設置為可編輯區域，但是最好是基于HTML代碼的，這樣在制作的時候更加清楚。在文檔窗口中，選中需要設置為可編輯區域的部分，單擊常用快捷欄的“模板”按鈕，在彈出菜單中選擇“可編輯區域”項。10</p><p>在彈出的“新建可編輯區域”對話框中給該區域命名，然后單擊“確定”按鈕。新添加的可編輯區域有藍色標簽，標簽上是可編輯區域的名稱。如果希望刪除可編輯區域，可以將光標置于要刪除的可編輯區域內，選擇“修改/模板/刪除模板標記”命令，光標所在區域的可編輯區即被刪除。這樣模板文件就創建好了。</p><p>（三）、其他模板區域 模板中除了可以插入最常用的“可編輯區域”外，還可以插入一些其他類型的區域，分別為“可選區域”、“重復區域”、“可編輯可選區域”和“重復表格”。</p><p>1、可選區域 可選區域是模板中的區域，用戶可將其設置為在基于模板的文件中顯示或隱藏。當要為在文件中顯示的內容設置條件時，即可使用可選區域。</p><p>2、重復區域 重復區域時可以根據需要在基于模板的頁面中負值任意次數的模板部分。重復區域通常用于表格，也可以為其他頁面元素定義重復區域。</p><p>3、可編輯可選區域 是可選區域的一種，可以設置顯示或隱藏所選區域，并且可以編輯該區域中的內容。</p><p>（四）、Dreamweaver 8 使用庫 所謂庫項目，實際上就是文檔內容的任意組合，可以將文檔中的任意內容存儲為庫項目，使它在其它地方被重復使用。</p><p>1、創建庫 在文檔窗口中選擇需要保存為庫項目的內容。單擊資源面板“庫”分類中右下角的“新建庫項目”按鈕。一個新的項目出現在資源面板“庫”分類的列表中，預覽框中顯示預覽的效果，還可以給該項目鍵入新名稱。這樣，一個庫項目就創建好了。</p><p>2、插入庫 將光標方在網頁中需要插入庫文件的位置，在資源面板“庫”分類中選擇需要插入的庫項目，直接拖動到光標所在位置即可。</p><p>3、更改庫 如果修改了庫文件，選擇“文件/保存”命令，彈出“更新庫項目”對話框，詢問是否更新網站中使用了該庫文件的網頁。單擊“更新”按鈕，將更新網站中使用了該庫文件的網頁。</p><p>（五）、創建基于模板的頁面</p><p>1、打開素材csslianxi.html文件，選擇菜單欄的文件>另存為模板命令。</p><p>2、在彈出的另存為模板對話框中，在“站點”文本框選擇“xmweb”，在“另存為”給模板命名為mo1，點擊確定。</p><p>3、彈出是否更改鏈接的提示，選擇“是”。此時，在站點內自動生成一個名為“Templates”的文件夾，名稱為mo1.dwt的模板文件被保存在該文件夾中。</p><p>4、鼠標在網頁表格的最下一行空白處單擊一下，選中狀態欄的<table>標簽，選擇菜單欄的插入>模板對象>可編輯區域命令。</p><p>5、彈出“可編輯區域”對話框，點擊“確定”。這樣我們就完成了模板的制作。</p><p>6、新建06.html文件，選擇菜單欄>窗口>資源命令，打開資源面板。</p><p>7、點擊資源面板的“模板”按鈕，在資源面板我們就可以看見mo1.dwt文件，選中mo1.dwt，按住鼠標左鍵直接拖拽到06.html的文檔窗口中。即可將該模板應用到06.html中。第11章 CSS樣式表 教學目標： 1.能在網頁文檔中建立選擇器類型為“類”的CSS樣式表 2.能在網頁文檔中通過“class”屬性使用類型為“類” 樣式表 3.能夠建立CSS樣式表文件，并在該文件中定義各種樣式表 4.能夠建立選擇器類型為“偽類”的樣式表 5.能夠在網頁文檔中引用CSS樣式表文件 教學重點： CSS中的各種屬性、熟悉CSS面板的使用 教學難點： CSS中的各種屬性、熟悉CSS面板的使用 教學課時：理論：2課時 實訓：4課時 教學方法：講授法、任務驅動法。教學過程:</p><p>一、引入新課 12 將樣式表與網頁相關聯，關聯的網頁將自動套用樣式表中的格式。使所有網頁中都可以應用相同的樣式，這樣既保證了站點風格的一次性，又提高了工作效率。</p><p>二、講授新課：</p><p>（一）、CSS樣式定義 層疊樣式表(CSS)是一系列格式設置規則，它們控制 Web 頁面內容的外觀。使用 CSS 設置頁面格式時，內容與表現形式是相互分開的。頁面內容（HTML 代碼）位于自身的 HTML 文件中，而定義代碼表現形式的 CSS 規則位于另一個文件（外部樣式表）或 HTML 文檔的另一部分（通常為 <head> 部分）中。使用 CSS 可以非常靈活并更好地控制頁面的外觀，從精確的布局定位到特定的字體和樣式等。術語“層疊”是指對同一個元素或 Web 頁面應用多個樣式的能力。例如，可以創建一個 CSS 規則來應用顏色，創建另一個規則來應用邊距，然后將兩者應用于一個頁面中的同一文本。所定義的樣式“層疊”到您的 Web 頁面上的元素，并最終創建您想要的設計。CSS樣式表的創建，可以統一定制網頁文字的大小、字體、顏色、邊框、鏈接狀態等效果。在Dreamweaver 8中CSS樣式的設置方式有了很大的改進，更為方便、實用、快捷。(二）、CSS樣式分類 CSS樣式包括3種：可應用于任何標簽、重新定義的特定標簽樣式和選擇器樣式。①可應用于任何標簽需要選定應用對象，然后進行應用。使用自定義CSS樣式可以控制各種網頁元素的外觀，其中包括文本的字體變化、字間距和行間距變化以及邊框效果等多重屬性。②重新定義的特定標簽不需要應用，所有網頁中的該類標簽都將自動生效。重定義HTML標簽可以改變標簽的默認樣式。用戶可以通過修改特定標簽的樣式來改變網頁特定標簽的屬性。③選擇器樣式也不需要應用，直接生效。CSS選擇器可以控制超級鏈接的樣式。在修改CSS選擇器樣式時，a：link控制網頁中鏈接文本的普 13 通狀態外觀。a:visited控制已經訪問的超級鏈接文本的外觀。a:hover控制的是鼠標懸停狀態下超級鏈接文本的外觀。(三）、使用CSS樣式美化頁面</p><p>1、文本樣式的設置 新建CSS樣式, “選擇器類型”為類，名稱為 “style1”定義在“僅對該文檔”。保存至站點根目錄下的CSS文件夾內，彈出“CSS規則定義”對話框，默認顯示的就是對文本進行設置的“類型”項。字體：可以在下拉菜單種選擇相應的字體。大小：大小就是字號，可以直接填入數字，然后選擇單位。樣式：設置文字的外觀，包括正常、斜體、偏斜體。行高：這項設置在網頁制作種很常用。設置行高，可以選擇“正常”，讓計算機自動調整行高，也可以使用數值和單位結合的形式自行設置。需要注意的是，單位應該和文字的單位一致，行高的數值是包括字號數值在內的。例如，文字設置為12pt，如果要創建一倍行距，則行高應該為24pt。變量：在英文種，大寫字母的字號一般比較大，采用“變量”中的“小型大寫字母”設置，可以縮小大寫字母。顏色：設置文字的色彩。</p><p>2、背景樣式的設置 在HTML中，背景只能使用單一的色彩或利用圖像水平垂直方向的平鋪。使用CSS之后，有了更加靈活的設置。在CSS規則定義”對話框左側選擇“背景”項，可以在右邊區域設置CSS樣式的背景格式。背景顏色：選擇固定色作為背景。背景圖像：直接填寫背景圖像的路徑，或單擊“瀏覽”按鈕找到背景圖像的位置。重復：在使用圖像作為背景的時，可以使用此項設置背景圖像的重復方式，包括“不重復”、“重復”、“橫向重復”、和“縱向重復“。附件：選擇圖像做背景的時候，可以設置圖像是否跟隨網頁一同滾動。水平位置：設置水平方向的位置，可以“左對齊“右對齊”、“居中”。還可以設置數值與單位結合表示位置的方式，比較常用的是像素單位。垂直位置：可以選擇“頂部”、“底部”、“居中”。還可以設置數值和單位結合表示位置的方式。</p><p>3、區塊樣式設置 在CSS規則定義”對話框左側選擇“區塊”項，可以在右邊區域設置CSS樣式的區塊格式。單詞間距“英文單詞之間的距離，一般選擇默認設置。字母間距：設置英文字母間距，使用正值為增加字母間距，使用負值為減小字母間距。垂直對齊：設置對象的垂直對齊方式。文本對齊：設置文本的水平對齊方式。文字縮進：這是最重要的項目。中文文字的首行縮進就是由它來實現的。首先填入具體的數值，然后選擇單位。文字的縮進和字號要保持統一。如字號為12px，像創建兩個中文自的縮進效果，文字縮進就應該為18px。空格：對源代碼文字空格的控制。選擇“正常”，忽略源代碼文字之間的所有空格。選擇“保留”，將保留源代碼中所有的空格形式，包括由空格鍵、Tab鍵、Enter鍵創建的空格。顯示：制定是否以及如何顯示元素。選擇“無”則關閉它被制定給的元素的顯示。在實際控制中很少使用。</p><p>4、方框樣式的設置 在前面我們設置過圖像的大小、設置圖像水平和垂直方向上的空白區域、設置圖像是否有文字環繞效果等。方框設置進一步完善、豐富了這些設置。在CSS規則定義”對話框左側選擇“方框”項，可以在右邊區域設置CSS樣式的方框格式。寬：通過數值和單位設置對象的寬度。高：通過設置和單位設置對象的高度。浮動：實際就是文字等對象的環繞效果。選擇“右對齊”、對象居右。文字等內容從另外一側環繞對象。選擇“左對齊”。對象居左，文字等內容從另一側環繞。“無”取消環繞效果。清除：規定對象的一側不許有層。可以通過選擇“左對齊”、“右對齊”，選擇不允許出現層的一側。如果在清除層的一側有層，對象將自動移到層的下面。“兩者”是指左右都不允許出現層。“無”是不限制層的出現。“填充”和“邊界”：如果對象設置了邊框，“填充”是指邊框和其中內容之間的空白區域；“邊界”是指邊框外側的空白區域。</p><p>5、邊框樣式設置 邊框樣式設置可以給對象添加邊框，設置邊框的顏色、粗細、樣式。在CSS規則定義”對話框左側選擇“邊框”項，可以在右邊區域設置CSS樣式的邊框格式。樣式設置邊框的樣式，如果選中“全部相同”復選框，則只需要設置“上”樣式，其它方向的樣式與“上”相同。寬度：設置4個方向邊框的寬度。可以選擇相對值：細、中、粗。也可以設置邊框的寬度值和單位。顏色：設置邊框對應的顏色，如果選中“全部相同”復選框，則其他方向的設置都與“上”相同。</p><p>6、列表樣式設置 CSS中有關列表的設置豐富了列表的外觀。在CSS規則定義”對話框左側選擇“列表”項，可以在右邊區域設置CSS樣式的列表格式。類型：設置引導列表項目的符號類型。可以選擇圓點、圓圈、方塊、數字、小寫羅馬數字、大寫羅馬數字、小寫字母、大寫字母、無列表符號等。項目符號圖像：可以選擇圖像作為項目的引導符號，單擊右側的“瀏覽”按鈕，找到圖像文件即可。選擇ul標簽可以對整個列表應用設置，選中li標簽可對單獨的項目應用。位置：決定列表項目縮進的程度。選擇“外”，列表貼近左側邊框，選擇“內”，列表縮進。這項設置效果不明顯。</p><p>7、定位樣式設置 “定位”項實際上是對層的設置，但是因為DW提供了可視化的層制作功能，所以此項設置在實際操作中幾乎不會使用。</p><p>8、擴展樣式的設置 CSS樣式還可以實現一些擴展功能，這些功能集中在擴展面板上。這個面板主要包括3種效果：分頁、光標和過濾器。在CSS規則定義”對話框左側選擇“擴展”項，可以在右邊區域設置CSS樣式的擴展格式。分頁：通過樣式來為網頁添加分頁符號。允許用戶指定在某元素前或后進行分頁。分頁的概念是打印網頁種的內容時在某指定的位置停止，然后將接下來的內容繼續打印在下一頁紙上。光標：通過樣式改變鼠標形狀，鼠標放置于被此項設置修飾的區域上的時，形狀會發生改變。具體的形狀包括：Hand（手）、crosshair（交叉十字）、text（文本選擇符號）、wait（Windows的沙漏形狀）、default（默認的鼠標形狀）、help（帶問號的鼠標）、e-resize（向東的箭頭）、ne-resize（指向東北方的箭頭）、n-resize（向北的箭頭）、nw-resize（指向西北的箭頭）、w-resize（向西的箭頭）、sw-resize（向西南的箭頭）、s-resize（向南的箭頭）、se-resize（向東南的箭頭）、auto（正常鼠標）。）過濾器：使用CSS語言實現過濾器（濾鏡）效果。單擊“過濾器”下拉列表框旁的按鈕，可以看見有多種濾鏡效果可供選擇。(四）、CSS樣式表的其他操作</p><p>1、編輯CSS樣式 選中需要編輯的樣式類型，選擇上圖中的“編輯”項或直接單擊“編輯樣式”按鈕，在彈出的“CSS規則定義”對話框中修改相應的設置。編輯完成后單擊“確定”按鈕，CSS樣式就編輯完成了。</p><p>2、應用CSS自定義樣式 鼠標右鍵單擊在網頁中被選中的元素，在彈出的快捷菜單中選擇“CSS樣式”，在其子菜單中選擇需要的自定義樣式。</p><p>3、附加樣式表 選擇“附加樣式表”項，打開“鏈接外部樣式表”對話框，可以鏈接外部的CSS樣式文件。“文件/URL”設置外部樣式表文件的路徑，可以單擊瀏覽按鈕，在瀏覽窗口中找到樣式表文件。“添加為”選擇“鏈接”，這IE和Netscape兩種瀏覽器都支持的導入方式。“導入”只有Netscape瀏覽器支持。16</p> </div>
</article>
<a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow">
<img class="download_card_pic" src="http://static.xiexiebang.com/skin/default/images/icon_word.png" alt="下載Dreamweaver網頁設計+授課教案word格式文檔">
<div id="jdb3l39rxn9" class="download_card_msg">
<div id="jdb3l39rxn9" class="download_card_title" style="text-decoration:none;">下載Dreamweaver網頁設計+授課教案.doc</div>
<div id="jdb3l39rxn9" class="download_card_tip">將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。</div>
</div>
<div id="jdb3l39rxn9" class="download_card_btn">
<img src="http://static.xiexiebang.com/skin/default/images/icon_download.png">
<div id="jdb3l39rxn9" class="downlod_btn_right">
<div>點此處下載文檔</div>
<p>文檔為doc格式</p>
</div>
</div>
</a>
<div id="jdb3l39rxn9" class="post-tags mt20 mb30"><span>相關專題</span>
<a href="/tag/wysjskja/" target="_blank">網頁設計授課教案</a>
<a href="/tag/dwwysjja/" target="_blank">dw網頁設計教案</a>
<a href="/tag/dreamweaverqtja/" target="_blank">dreamweaver全套教案</a>
</div>
<div id="jdb3l39rxn9" class="single-info mb40"><span id="jdb3l39rxn9" class="hidden-xs ">網址：http://www.tmdps.cn/a5/201905130/b2a37654c9d6b775.html</span><br>聲明：本文內容由互聯網用戶自發貢獻自行上傳，本網站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發現有涉嫌版權的內容，歡迎發送郵件至：645879355@qq.com 進行舉報，并提供相關證據，工作人員會在5個工作日內聯系你，一經查實，本站將立刻刪除涉嫌侵權內容。 </div>
<div id="jdb3l39rxn9" class="single-xg mb40">
<div id="jdb3l39rxn9" class="con-title">
<h3><a name="6"></a>相關范文推薦</h3>
</div>
<div id="jdb3l39rxn9" class="sticky mb20">
<ul><h2 class="mb20"><a href="/a5/2019051223/83d0d06c7300179a.html" target="_blank">Dreamweaver網頁制作教案[推薦五篇]</a></h2><p> 認識Dreamweaver 一、學習目的 了解Dreamweaver，學會利用Dreamweaver制作網頁。 二、學習內容 Dreamweaver的基本知識。 【學習步驟】 1、 Dreamweaver的功能 Dreamweaver可......</p><h2 class="mb20"><a href="/a12/201905144/de1c2d3b612b8731.html" target="_blank">基于Dreamweaver的網頁設計(標準格式畢業論文)</a></h2><p>石家莊科技信息職業學院 頂崗實習崗位技術工作論文 基于Dreamweaver的網頁設計 學 號: 121404218 姓 名: *** 專 業: 軟件技術 年 級: 12級 企業指導老師: 二〇一五年三月......</p><h2 class="mb20"><a href="/a12/201905144/2312584e089d0504.html" target="_blank">電大Dreamweaver的網頁設計論文</a></h2><p>鄂爾多斯電視廣播大學畢業設計 鄂爾多斯電視廣播大學 畢業設計（論文） 題目：個人網站設計——個人網站建設 學 院：_鄂爾多斯電大 _ 專 業：計算機應用技術 班 級： 計算機班 姓 名：___......</p><h2 class="mb20"><a href="/a12/201905144/8da430bcadacb3f3.html" target="_blank">2016屆職業高中Dreamweaver網頁設計畢業論文</a></h2><p>中等職業技術學校 畢業論文題目：關于Dreamweaver的網頁設計 ——————————————— 學生（姓名）： ——————————— 論文指導教師姓名： 所在系及專業名稱：___電腦......</p><h2 class="mb20"><a href="/a12/2019051323/1a92e99cc47ce32b.html" target="_blank">Dreamweaver制作網頁經典問題</a></h2><p>Dreamweaver制作網頁經典問題大整理(1) 1> 在DW中，如何輸入一個空格呢？ 輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N......</p><h2 class="mb20"><a href="/a14/2019051511/8b632c48dc92c426.html" target="_blank">Dreamweaver網頁設計 職業技能實訓答案（★）</a></h2><p> Dreamweaver網頁設計 1 下列關于域名注冊的說法，錯誤的是( C )。 [A]申請含china，chinese，cn，national等字樣的域名，必須經國家有關部門批準 [B]域名申請如果預注冊成功，必須......</p><h2 class="mb20"><a href="/a13/2019051422/285f89602e0ac451.html" target="_blank">網頁制作《Dreamweaver》制作要點小結</a></h2><p>網頁制作
一、準備工作
１、站點的管理（創建、修改和刪除站點）
２、網站與網頁的關系：首頁+子頁＝網站
index.htmlp1.htmlp2.htmlp3.html
３、網頁的頁面屬性：“修改”——“頁面屬性”......</p><h2 class="mb20"><a href="/a1/2019051213/aa40c40930db2ea4.html" target="_blank">Dreamweaver網頁制作技巧心得體會</a></h2><p>Dreamweaver網頁制作技巧心得體會 熟悉網頁設計的網友就知道，調用Style的方法很多，我們可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態欄中的元素列表上單擊右......</p></ul> </div>
</div>
</div>
</div>
<div id="jdb3l39rxn9" class="right-content-box wow fadeInRight delay300 right-content">
<script src="/e/member/login/loginjs.php"></script>
<div id="jdb3l39rxn9" class="sidebar">
<div class="jdb3l39rxn9" id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜歡</h3>
<ul class="new-list"><li><a href="/a4/2019051222/d48f511e225ca2ef.html" title="《Dreamweaver網頁制作》考核方案" target="_blank">《Dreamweaver網頁制作》考核方案</a></li><li><a href="/a5/201905130/42914773b4d7dd46.html" title="DreamWeaver教案（大全）" target="_blank">DreamWeaver教案（大全）</a></li><li><a href="/a15/201905157/6f3b11d33bbe1bba.html" title="Dreamweaver教案" target="_blank">Dreamweaver教案</a></li><li><a href="/a5/201905130/aebf0cfa675efde6.html" title="教學設計：《Dreamweaver網頁制作實用教程》----框架技術" target="_blank">教學設計：《Dreamweaver網頁制作實用教程》----框架技術</a></li><li><a href="/a5/201905131/5ce6a3be0fb5d562.html" title="Dreamweaver CS5自學教程-第一課：網頁設計基礎" target="_blank">Dreamweaver CS5自學教程-第一課：網頁設計基礎</a></li><li><a href="/a15/201905157/8469b1b4daace923.html" title="《Dreamweaver中網頁布局的方法》教學設計" target="_blank">《Dreamweaver中網頁布局的方法》教學設計</a></li><li><a href="/a8/201905134/807e36a2c5fba546.html" title="Dreamweaver網頁操作命令集合5篇" target="_blank">Dreamweaver網頁操作命令集合5篇</a></li><li><a href="/a5/201905130/63b46e4b67737b41.html" title="網頁設計教案" target="_blank">網頁設計教案</a></li><li><a href="/a9/201905141/b50239d9e2433371.html" title="《網頁設計與制作 Dreamweaver CS3》自我測評參考答案" target="_blank">《網頁設計與制作 Dreamweaver CS3》自我測評參考答案</a></li><li><a href="/a5/201905130/8128bafa89211ed8.html" title="DREAMWEAVER電子教案" target="_blank">DREAMWEAVER電子教案</a></li></ul> </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
<div id="jdb3l39rxn9" class="container">
<div id="jdb3l39rxn9" class="footer-top clearfix">
<div id="jdb3l39rxn9" class="copyr">
<div id="jdb3l39rxn9" class="footer-menu clearfix mb10">
<ul class="footer-menu-con">
<li><a href="/a1/">1號文庫</a></li><li><a href="/a2/">2號文庫</a></li><li><a href="/a3/">3號文庫</a></li><li><a href="/a4/">4號文庫</a></li><li><a href="/a5/">5號文庫</a></li><li><a href="/a6/">6號文庫</a></li><li><a href="/a7/">7號文庫</a></li><li><a href="/a8/">8號文庫</a></li><li><a href="/a9/">9號文庫</a></li><li><a href="/a10/">10號文庫</a></li><li><a href="/a11/">11號文庫</a></li><li><a href="/a12/">12號文庫</a></li><li><a href="/a13/">13號文庫</a></li><li><a href="/a14/">14號文庫</a></li><li><a href="/a15/">15號文庫</a></li>
</ul>
</div>
<p>Copyright ? 2018 <a href="/">寫寫幫文庫</a> All Rights Reserved <a target="_blank" rel="nofollow"> 浙ICP備11058632號</a>
<script type="text/javascript" src="http://static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div>
</div>
</div>
</section>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script>
<div id="jdb3l39rxn9" class="right_bar hidden-xs ">
<ul>
<li id="jdb3l39rxn9" class="rtbar_li1" style="left: 0px;"><a><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
<li id="jdb3l39rxn9" class="rtbar_li2"> <a href="javascript:void(0);"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
<div id="jdb3l39rxn9" class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二維碼" src="http://static.xiexiebang.com/skin/default/images/wechat.png"> </div>
</li>
<li id="jdb3l39rxn9" class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 點擊咨詢 </a> </li>
<li id="jdb3l39rxn9" class="rtbar_li5"><a href="#1">第一篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li6"><a href="#2">第二篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li7"><a href="#3">第三篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li8"><a href="#4">第四篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li9"><a href="#5">第五篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li10"><a href="#6">更 多</a></li>
<li id="jdb3l39rxn9" class="rtbar_li4 gotop"> <a href=""><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
</ul>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.tmdps.cn/" title="久久99精品久久久久久琪琪">久久99精品久久久久久琪琪</a>
<div class="friend-links">
</div>
</div>
</footer>
主站蜘蛛池模板：
<a href="http://75pxg.cn" target="_blank">国产精品99久久久久久久女警</a>|
<a href="http://cccb2009.cn" target="_blank">国产成人无码一区二区在线观看</a>|
<a href="http://nsmmd.cn" target="_blank">亚洲va在线∨a天堂va欧美va</a>|
<a href="http://digbus.cn" target="_blank">免费?无码?国产?尺度粉嫩AV</a>|
<a href="http://758qt.cn" target="_blank">国产在线不卡一区二区三区</a>|
<a href="http://souiisqs84.com.cn" target="_blank">亚洲av无码片vr一区二区三区</a>|
<a href="http://gear-cutting.cn" target="_blank">成人性能视频在线</a>|
<a href="http://landscaperesort.cn" target="_blank">亚洲色大成网站www永久在线观看</a>|
<a href="http://36rsf.cn" target="_blank">一群黑人大战亚裔女在线播放</a>|
<a href="http://foudeng.cn" target="_blank">亚洲一本到无码av中文字幕</a>|
<a href="http://gj9s2.cn" target="_blank">国内大量揄拍人妻在线视频</a>|
<a href="http://whltdz.cn" target="_blank">亚洲国产精华液网站w</a>|
<a href="http://0531jz.cn" target="_blank">欧美奶涨边摸边做爰视频</a>|
<a href="http://geensys.cn" target="_blank">黑人狠狠的挺身进入</a>|
<a href="http://ty-gf.cn" target="_blank">国产精品yy9299在线观看</a>|
<a href="http://lovemmm.cn" target="_blank">亚洲人成网站在小说</a>|
<a href="http://wanzi.net.cn" target="_blank">日本最大色倩网站www</a>|
<a href="http://h8414.cn" target="_blank">国产精品无码av天天爽</a>|
<a href="http://haoyoumc.cn" target="_blank">久久亚洲国产精品成人av秋霞</a>|
<a href="http://565jx.cn" target="_blank">浪荡女天天不停挨cao日常视频</a>|
<a href="http://1822227.cn" target="_blank">新婚人妻不戴套国产精品</a>|
<a href="http://dyyuhai.cn" target="_blank">美女露出奶头扒开尿口免费网站</a>|
<a href="http://miqia.com.cn" target="_blank">久久精品国产亚洲7777</a>|
<a href="http://xdoc.com.cn" target="_blank">亚洲成在人线在线播放无码</a>|
<a href="http://eureland.cn" target="_blank">亚洲а∨天堂2014在线无码</a>|
<a href="http://qysr.cn" target="_blank">少妇呻吟白浆高潮啪啪69</a>|
<a href="http://green-clean.com.cn" target="_blank">伊人色综合久久天天五月婷</a>|
<a href="http://61jv.cn" target="_blank">人妻少妇久久中文字幕456</a>|
<a href="http://choche.cn" target="_blank">无码专区—va亚洲v天堂麻豆</a>|
<a href="http://efiengine.cn" target="_blank">日韩欧群交p片内射中文</a>|
<a href="http://ctsha.com.cn" target="_blank">日韩精品一区二区三区在线观看</a>|
<a href="http://onxapsi.cn" target="_blank">少妇被躁爽到高潮无码久久</a>|
<a href="http://jar5.cn" target="_blank">国产成人亚洲综合精品</a>|
<a href="http://qq1314920.cn" target="_blank">久久久精品456亚洲影院</a>|
<a href="http://itachemicals.cn" target="_blank">国产午夜精品久久久久免费视</a>|
<a href="http://123dudu.cn" target="_blank">国产999精品久久久久久</a>|
<a href="http://gymphlex.cn" target="_blank">少妇人妻无码专区视频免费</a>|
<a href="http://startoon.cn" target="_blank">亚洲a∨精品永久无码</a>|
<a href="http://lbwhotel.cn" target="_blank">草草久久久无码国产专区</a>|
<a href="http://schtjwc.cn" target="_blank">2020国产成人精品视频</a>|
<a href="http://gulina.cn" target="_blank">中文字幕在线播放</a>|
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="pb5xn" class="pl_css_ganrao" style="display: none;"><mark id="pb5xn"></mark><big id="pb5xn"><mark id="pb5xn"><track id="pb5xn"><label id="pb5xn"></label></track></mark></big><video id="pb5xn"><label id="pb5xn"></label></video><dfn id="pb5xn"><pre id="pb5xn"><font id="pb5xn"><video id="pb5xn"></video></font></pre></dfn><menuitem id="pb5xn"><ruby id="pb5xn"><form id="pb5xn"><dfn id="pb5xn"></dfn></form></ruby></menuitem><listing id="pb5xn"><p id="pb5xn"><menuitem id="pb5xn"><video id="pb5xn"></video></menuitem></p></listing><p id="pb5xn"><span id="pb5xn"></span></p><listing id="pb5xn"><label id="pb5xn"></label></listing><nobr id="pb5xn"><i id="pb5xn"><p id="pb5xn"><span id="pb5xn"></span></p></i></nobr><ol id="pb5xn"><legend id="pb5xn"><sub id="pb5xn"><rp id="pb5xn"></rp></sub></legend></ol><video id="pb5xn"><th id="pb5xn"></th></video><strike id="pb5xn"><form id="pb5xn"></form></strike><optgroup id="pb5xn"><label id="pb5xn"></label></optgroup><label id="pb5xn"><legend id="pb5xn"></legend></label><th id="pb5xn"><nobr id="pb5xn"><legend id="pb5xn"><big id="pb5xn"></big></legend></nobr></th><mark id="pb5xn"><small id="pb5xn"><dfn id="pb5xn"><p id="pb5xn"></p></dfn></small></mark><nobr id="pb5xn"></nobr><form id="pb5xn"></form><b id="pb5xn"></b><acronym id="pb5xn"><legend id="pb5xn"><mark id="pb5xn"><small id="pb5xn"></small></mark></legend></acronym><legend id="pb5xn"><sub id="pb5xn"><ins id="pb5xn"><dfn id="pb5xn"></dfn></ins></sub></legend><form id="pb5xn"></form><thead id="pb5xn"></thead><ins id="pb5xn"><video id="pb5xn"></video></ins><style id="pb5xn"></style><menuitem id="pb5xn"></menuitem><font id="pb5xn"></font><span id="pb5xn"><em id="pb5xn"><output id="pb5xn"><ol id="pb5xn"></ol></output></em></span><span id="pb5xn"><meter id="pb5xn"><dfn id="pb5xn"><style id="pb5xn"></style></dfn></meter></span><menuitem id="pb5xn"><ins id="pb5xn"><pre id="pb5xn"><ol id="pb5xn"></ol></pre></ins></menuitem><progress id="pb5xn"><em id="pb5xn"><form id="pb5xn"><pre id="pb5xn"></pre></form></em></progress><em id="pb5xn"><form id="pb5xn"><pre id="pb5xn"><legend id="pb5xn"></legend></pre></form></em><em id="pb5xn"><dfn id="pb5xn"></dfn></em><legend id="pb5xn"><sup id="pb5xn"></sup></legend><legend id="pb5xn"></legend><form id="pb5xn"><small id="pb5xn"><label id="pb5xn"><ol id="pb5xn"></ol></label></small></form><thead id="pb5xn"><rp id="pb5xn"></rp></thead><optgroup id="pb5xn"></optgroup><thead id="pb5xn"><menuitem id="pb5xn"></menuitem></thead><ol id="pb5xn"><big id="pb5xn"></big></ol><thead id="pb5xn"><output id="pb5xn"></output></thead><span id="pb5xn"><meter id="pb5xn"><track id="pb5xn"><label id="pb5xn"></label></track></meter></span><big id="pb5xn"><rp id="pb5xn"></rp></big><meter id="pb5xn"><tt id="pb5xn"></tt></meter><strong id="pb5xn"><dl id="pb5xn"></dl></strong><legend id="pb5xn"><sub id="pb5xn"></sub></legend><pre id="pb5xn"><menuitem id="pb5xn"></menuitem></pre><address id="pb5xn"><dfn id="pb5xn"><var id="pb5xn"><acronym id="pb5xn"></acronym></var></dfn></address><pre id="pb5xn"></pre><label id="pb5xn"><label id="pb5xn"><address id="pb5xn"><th id="pb5xn"></th></address></label></label><pre id="pb5xn"><pre id="pb5xn"></pre></pre><ol id="pb5xn"></ol><form id="pb5xn"><menuitem id="pb5xn"></menuitem></form><listing id="pb5xn"><acronym id="pb5xn"><pre id="pb5xn"><mark id="pb5xn"></mark></pre></acronym></listing><optgroup id="pb5xn"></optgroup><output id="pb5xn"></output><legend id="pb5xn"><sub id="pb5xn"><small id="pb5xn"><dfn id="pb5xn"></dfn></small></sub></legend><form id="pb5xn"></form><optgroup id="pb5xn"><label id="pb5xn"></label></optgroup><ruby id="pb5xn"></ruby><pre id="pb5xn"></pre><thead id="pb5xn"></thead><legend id="pb5xn"><output id="pb5xn"></output></legend><tt id="pb5xn"><nobr id="pb5xn"></nobr></tt><big id="pb5xn"></big><strong id="pb5xn"><ol id="pb5xn"><big id="pb5xn"><dfn id="pb5xn"></dfn></big></ol></strong><menuitem id="pb5xn"></menuitem><div id="pb5xn"><thead id="pb5xn"></thead></div><strong id="pb5xn"><style id="pb5xn"></style></strong><nobr id="pb5xn"></nobr><font id="pb5xn"><u id="pb5xn"><var id="pb5xn"><acronym id="pb5xn"></acronym></var></u></font><dl id="pb5xn"><div id="pb5xn"></div></dl><track id="pb5xn"><style id="pb5xn"><dl id="pb5xn"><output id="pb5xn"></output></dl></style></track><video id="pb5xn"><label id="pb5xn"><style id="pb5xn"><address id="pb5xn"></address></style></label></video><optgroup id="pb5xn"></optgroup><tt id="pb5xn"><video id="pb5xn"></video></tt><b id="pb5xn"><track id="pb5xn"></track></b><strong id="pb5xn"><form id="pb5xn"><menuitem id="pb5xn"><label id="pb5xn"></label></menuitem></form></strong><dfn id="pb5xn"></dfn><th id="pb5xn"><listing id="pb5xn"><acronym id="pb5xn"><big id="pb5xn"></big></acronym></listing></th><form id="pb5xn"><label id="pb5xn"><strike id="pb5xn"><mark id="pb5xn"></mark></strike></label></form><address id="pb5xn"><ruby id="pb5xn"><form id="pb5xn"><legend id="pb5xn"></legend></form></ruby></address><dl id="pb5xn"><progress id="pb5xn"></progress></dl><big id="pb5xn"></big><font id="pb5xn"><em id="pb5xn"><var id="pb5xn"><legend id="pb5xn"></legend></var></em></font><span id="pb5xn"><meter id="pb5xn"><dfn id="pb5xn"><nobr id="pb5xn"></nobr></dfn></meter></span><acronym id="pb5xn"><big id="pb5xn"></big></acronym><nobr id="pb5xn"><dfn id="pb5xn"></dfn></nobr><strike id="pb5xn"><meter id="pb5xn"><menuitem id="pb5xn"><label id="pb5xn"></label></menuitem></meter></strike><u id="pb5xn"><i id="pb5xn"><p id="pb5xn"><menuitem id="pb5xn"></menuitem></p></i></u><progress id="pb5xn"><video id="pb5xn"><label id="pb5xn"><thead id="pb5xn"></thead></label></video></progress><ol id="pb5xn"><acronym id="pb5xn"><meter id="pb5xn"><rp id="pb5xn"></rp></meter></acronym></ol><style id="pb5xn"><dl id="pb5xn"></dl></style><dl id="pb5xn"><sub id="pb5xn"></sub></dl><p id="pb5xn"></p><b id="pb5xn"></b><div id="pb5xn"><span id="pb5xn"></span></div><font id="pb5xn"><em id="pb5xn"></em></font><ins id="pb5xn"><output id="pb5xn"></output></ins><meter id="pb5xn"><tt id="pb5xn"></tt></meter><meter id="pb5xn"><tt id="pb5xn"><label id="pb5xn"><i id="pb5xn"></i></label></tt></meter><listing id="pb5xn"><legend id="pb5xn"></legend></listing><tt id="pb5xn"><th id="pb5xn"></th></tt><span id="pb5xn"><meter id="pb5xn"></meter></span><progress id="pb5xn"><em id="pb5xn"></em></progress><track id="pb5xn"></track><strong id="pb5xn"><strike id="pb5xn"></strike></strong><ruby id="pb5xn"></ruby><strong id="pb5xn"></strong><label id="pb5xn"><i id="pb5xn"></i></label><ruby id="pb5xn"></ruby><address id="pb5xn"><b id="pb5xn"></b></address><form id="pb5xn"></form><meter id="pb5xn"><output id="pb5xn"></output></meter><acronym id="pb5xn"></acronym><sub id="pb5xn"><ins id="pb5xn"><optgroup id="pb5xn"><var id="pb5xn"></var></optgroup></ins></sub><thead id="pb5xn"><rp id="pb5xn"><dfn id="pb5xn"><p id="pb5xn"></p></dfn></rp></thead><dl id="pb5xn"></dl><legend id="pb5xn"><pre id="pb5xn"></pre></legend><address id="pb5xn"><thead id="pb5xn"><form id="pb5xn"><legend id="pb5xn"></legend></form></thead></address><span id="pb5xn"></span><label id="pb5xn"><ol id="pb5xn"></ol></label><strong id="pb5xn"><strike id="pb5xn"><mark id="pb5xn"><track id="pb5xn"></track></mark></strike></strong><address id="pb5xn"><dfn id="pb5xn"><rp id="pb5xn"><legend id="pb5xn"></legend></rp></dfn></address><strong id="pb5xn"><p id="pb5xn"><menuitem id="pb5xn"><ins id="pb5xn"></ins></menuitem></p></strong><ins id="pb5xn"><dfn id="pb5xn"><var id="pb5xn"><legend id="pb5xn"></legend></var></dfn></ins><var id="pb5xn"></var><pre id="pb5xn"></pre><form id="pb5xn"></form><style id="pb5xn"></style><tt id="pb5xn"><th id="pb5xn"><i id="pb5xn"><acronym id="pb5xn"></acronym></i></th></tt><b id="pb5xn"><small id="pb5xn"><menuitem id="pb5xn"><ruby id="pb5xn"></ruby></menuitem></small></b><thead id="pb5xn"><address id="pb5xn"><dfn id="pb5xn"><var id="pb5xn"></var></dfn></address></thead><ol id="pb5xn"></ol><var id="pb5xn"><strong id="pb5xn"><meter id="pb5xn"><sub id="pb5xn"></sub></meter></strong></var><dfn id="pb5xn"><form id="pb5xn"></form></dfn><span id="pb5xn"><mark id="pb5xn"></mark></span><ol id="pb5xn"><acronym id="pb5xn"><meter id="pb5xn"><rp id="pb5xn"></rp></meter></acronym></ol><span id="pb5xn"><meter id="pb5xn"></meter></span><form id="pb5xn"><label id="pb5xn"><strike id="pb5xn"><mark id="pb5xn"></mark></strike></label></form><listing id="pb5xn"><p id="pb5xn"><span id="pb5xn"><b id="pb5xn"></b></span></p></listing><p id="pb5xn"></p><var id="pb5xn"></var><sup id="pb5xn"><ol id="pb5xn"><thead id="pb5xn"><optgroup id="pb5xn"></optgroup></thead></ol></sup><b id="pb5xn"><pre id="pb5xn"><legend id="pb5xn"><thead id="pb5xn"></thead></legend></pre></b><nobr id="pb5xn"></nobr><video id="pb5xn"></video><legend id="pb5xn"><sub id="pb5xn"><ins id="pb5xn"><video id="pb5xn"></video></ins></sub></legend><tt id="pb5xn"></tt><tt id="pb5xn"><optgroup id="pb5xn"></optgroup></tt></div>
</html>]]>
