第3章 Dreamweaver基礎(chǔ)應(yīng)用課件_第1頁
第3章 Dreamweaver基礎(chǔ)應(yīng)用課件_第2頁
第3章 Dreamweaver基礎(chǔ)應(yīng)用課件_第3頁
第3章 Dreamweaver基礎(chǔ)應(yīng)用課件_第4頁
第3章 Dreamweaver基礎(chǔ)應(yīng)用課件_第5頁
已閱讀5頁，還剩28頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

第3章Dreamweaver基礎(chǔ)應(yīng)用本章要點：一、Dreamweaver概述二、創(chuàng)建站點三、文檔基本操作（建立一個簡單網(wǎng)頁）四、表格布局五、插入對象六、超鏈接（空鏈接，錨點鏈接，頁面之間的鏈接，鏈接到其他文件，站點鏈接，e-mail鏈接，圖像熱點鏈接，跳轉(zhuǎn)菜單）Dreamweavercs5是專業(yè)的html編輯軟件。利用它可以輕松制作出跨平臺、跨瀏覽器的充滿動感的網(wǎng)頁。Dreamweavercs5工作界面如：一、dreamweacercs5概述浮動面板標(biāo)題欄文檔窗口屬性面板插入工具欄文檔工具欄DW工作環(huán)境5二、創(chuàng)建站點

站點是網(wǎng)站的基礎(chǔ)，創(chuàng)建好站點，方便網(wǎng)站文檔的管理和調(diào)試。

基本步驟：（1）在本地計算機(jī)建立站點文件夾這個文件夾的建立，就是為了對建立的站點所有文件進(jìn)行集中存儲，并且也是為了Dreamwearver在建立站點時指向該文件夾，進(jìn)行全面的管理和控制。

（2）建立Dreamwearver站點。打開Dreamwearver，單擊“站點”菜單，在彈出的菜單中選擇“新建站點”菜單命令。在“站點”選項中，輸入站點名稱和站點文件夾。創(chuàng)建好站點后就可以開始設(shè)計網(wǎng)站結(jié)構(gòu)文件夾和編輯網(wǎng)頁了！文件夾一般可以按“欄目類別“來創(chuàng)建，也可以按“文件類別”來創(chuàng)建。網(wǎng)頁編輯則從主頁開始！1.新建網(wǎng)頁文檔（1、從啟動界面中的“創(chuàng)建新項目”組合框中選擇合適的文件類型，即可直接進(jìn)入文檔窗口進(jìn)行編輯。（2、也可選擇主菜單中的“文件”→“新建”命令，系統(tǒng)彈出新建文檔對話框。（3、按下Ctrl+N快捷鍵，系統(tǒng)彈出新建文檔對話框。（4、在已經(jīng)創(chuàng)立的站點中的某個文件夾下直接建立網(wǎng)頁三、文檔基本操作2.保存網(wǎng)頁文檔（1、預(yù)覽前要求保存（2、編輯完后點擊右鍵或菜單保存。3．設(shè)置頁面的屬性

頁面屬性是指網(wǎng)頁的一般屬性信息，例如，網(wǎng)頁標(biāo)題、網(wǎng)頁背景顏色、背景圖像、超鏈接顏色、跟蹤圖像等。4.連續(xù)輸入空格在Dreamweaver中一般只能輸入一個空格，若要輸入連續(xù)的空格時，可以采用下面幾種方法中的一種：①執(zhí)行菜單命令“編輯/首選參數(shù)”，打開“首選參數(shù)”對話框后，選定“分類”欄中的“常規(guī)”選項，然后在右邊編輯選項中勾選“允許多個連續(xù)的空格”復(fù)選框即可。②將光標(biāo)定位到需要輸入多個空格的位置，切換到代碼視圖即HTML源文檔中連續(xù)輸入多個“ ”，或者單擊插入工具欄文本分類中的“字符”對象，彈出下拉菜單，選擇“不換行空格”選項即可。③切換到中文輸入法，設(shè)置為全角輸入狀態(tài)，然后在欲連續(xù)輸入空格的位置按空格鍵。5.插入水平線水平線對于組織信息很有用。在頁面上，可以使用一條或多條水平線以可視方式分隔文本和對象。（1、插入水平線將光標(biāo)移到要插入水平線的位置，執(zhí)行菜單“插入”→“HTML”→“水平線”命令或者在“插入”欄中，選擇“HTML”，然后單擊“水平線”按鈕，插入一條默認(rèn)寬度和粗細(xì)的水平線。（2、修改水平線選定插入的水平線，打開屬性面板，設(shè)置水平線的高度、寬度、對齊方式以及是否有陰影等屬性（3、設(shè)置水平線的顏色選中水平線，然后單擊屬性面板中的快速標(biāo)簽編輯器按鈕，打開編輯標(biāo)簽窗口，鍵入代碼，如將水平線設(shè)為紅色，鍵入代碼：color=“red”。

表格是一種在HTML頁面上布局?jǐn)?shù)據(jù)與圖像的工具，它以簡潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片以及表單等元素有序地顯示在頁面上，控制文本和圖像在頁面上的位置，使用表格能使頁面看起來更加直觀和有調(diào)理。四、表格布局（一）、表格的創(chuàng)建1.插入表格2．表格、行、列、單元格的選定（二）、表格的編輯1．表格屬性2．單元格、行和列屬性

如果選定的單元格（或行、列），“屬性”面板會顯示出相關(guān)的單元格（或行、列）的各項屬性。3．行、列的添加與刪除4．拆分與合并單元格表格布局實例1.插入日期Dreamweaver提供了一個方便的日期對象，該對象使用戶可以以喜歡的格式插入當(dāng)前日期，還可以選擇在每次保存文件時都自動更新該日期。五、插入對象2.插入圖片目前，網(wǎng)頁中使用的圖像格式主要有GIF、JPEG（包括JPG和JEPG）和PNG三種:GIF（圖形交換格式）：最多只能顯示256種顏色，可以制作網(wǎng)絡(luò)動畫及透明圖像。適合于色彩要求較低的導(dǎo)航條、按鈕、圖標(biāo)和項目符號等。JEPG（聯(lián)合圖像專家組標(biāo)準(zhǔn)）：壓縮率很高，可顯示數(shù)大約1670萬種顏色。適合于對色彩要求較高的風(fēng)景畫、照片等。PNG（可移植網(wǎng)絡(luò)圖形）：是一種替代GIF格式的無專利權(quán)限制的格式，它包括對索引色、灰度、真彩色圖像以及Alpha通道透明的支持。3.鼠標(biāo)經(jīng)過圖像“鼠標(biāo)經(jīng)過圖像”是網(wǎng)頁特效中的一種，它的效果是，當(dāng)鼠標(biāo)箭頭經(jīng)過一個圖像時，該圖像將被另一幅圖像代替，當(dāng)鼠標(biāo)箭頭從圖像上移走的時候，原圖像恢復(fù)；單擊鼠標(biāo)，將跳轉(zhuǎn)到其鏈接的頁面。4.插入圖像占位符圖像占位符是網(wǎng)站排版布局中經(jīng)常用到的功能。我們可以隨意定義其大小，并且在預(yù)插入圖象的位置上放置，用自定義的顏色來替代圖象的出現(xiàn)，在布局表格里的單元格可根據(jù)其中的內(nèi)容改變大小。有時候內(nèi)容太長，會讓其他暫時無內(nèi)容的單元格布局改變，要是不想讓這個情況發(fā)生，就要插入圖象占位符，暫時讓區(qū)域有內(nèi)容。5.插入導(dǎo)航條（直接插入fireworkshtml導(dǎo)航條）導(dǎo)航條由圖像或圖像組組成，這些圖像的顯示內(nèi)容隨用戶操作而變化。導(dǎo)航條項目最多呈現(xiàn)四種圖像狀態(tài)：(1)初始狀態(tài)：用戶尚未單擊或尚未與此項目交互時所顯示的圖像。(2)滑過狀態(tài)：指鼠標(biāo)指針滑過初始圖像時所顯示的圖像。(3)按下狀態(tài)：指項目被單擊后所顯示的圖像。(4)按下時鼠標(biāo)經(jīng)過狀態(tài)：指在項目被單擊后，鼠標(biāo)指針滑過“按下”圖像時，所顯示的圖像。操作方法：插入記錄——圖像對象——導(dǎo)航條，進(jìn)行相應(yīng)設(shè)置。6.插入聲音可以向Web頁添加聲音。有多種不同類型的聲音文件和格式，例如.wav、.midi和.mp3。方法一：“插入”→“媒體”→“插件”菜單命令。方法二：<embedsrc="*.mp3"width=""height=""></embed>。這種方法是嵌入播放插件。方法三：在網(wǎng)頁代碼<head><body>中插入下面代碼：<bgsoundsrc=“你的音樂地址”loop=-1>7.插入flash“插入→媒體→Flash”選項，然后在彈出的對話框中選擇一個Flash文件（swf文件）Flash常用與表格背景圖片結(jié)果產(chǎn)生結(jié)合效果（要設(shè)置flash透明）8.插入視頻Dreamweaver本身并沒有插入視頻的功能，要想播放視頻，可以直接在Dreamweaver的代碼視圖中插入代碼或者用插入—媒體—activex控件（不過需要相應(yīng)的格式）

9.Spry菜單欄Spry框架就是一個JavaScript庫，網(wǎng)頁中常用的折疊構(gòu)件和菜單欄，用Spry空間都能很容易創(chuàng)建，可以向各種頁面元素中添加不同種類的效果。利用spry菜單欄可以輕松創(chuàng)建菜單，并可以通過修改其css文件修改菜單外觀樣式。超級鏈接是指從一個網(wǎng)頁指向一個目標(biāo)的連接關(guān)系，即在Web頁面中插入的指向其它文檔的引用。目標(biāo)可以是一個另外的網(wǎng)頁，也可以是一張圖片、一個文件、一個程序等。鏈接可以將任何類型的資源轉(zhuǎn)換為鏈接，但最常用的鏈接類型是文本鏈接?？梢栽谡军c創(chuàng)建過程的任何階段創(chuàng)建超級鏈接。超級鏈接的外觀多種多樣，可以是導(dǎo)航按鈕、文本、圖片，無論是哪一種格式，只要用鼠標(biāo)單擊鏈接對象，即可跳轉(zhuǎn)到指定的目標(biāo)網(wǎng)頁。六、超鏈接1.超鏈接分類

根據(jù)超級鏈接目標(biāo)文件的不同，可以分為空鏈接、頁面超鏈接、錨點超鏈接、電子郵件超鏈接等；根據(jù)超級鏈接單擊對象的不同，超級鏈接可分為文字超鏈接、圖像超鏈接、圖像映射等。2.路徑創(chuàng)建超鏈接必須先了解鏈接與被鏈接載體的路徑。在一個網(wǎng)站中，路徑通常有3種表示方式：絕對路徑、根目錄相對路徑和文檔目錄相對路徑。(1)絕對路徑。

(2)根目錄相對路徑。(3)文檔目錄相對路徑。3.鏈接打開方式，共有四個選項：_blank:將鏈接的文件載入一個未命名的新瀏覽器窗口中。_parent:將鏈接的文件載入含有該鏈接的框架的父框架集或父窗口中。如果包含鏈接的框架不是嵌套的，則鏈接文件加載到整個瀏覽器窗口中。_self:將鏈接的文件載入該鏈接所在的同一框架或窗口中。此為默認(rèn)值。_top:將鏈接的文件載入整個瀏覽器窗口中，因而會刪除所有框架。4.超鏈接：（1）空鏈接。在鏈接文本框中輸入鏈接符號“#”即可。（2）錨點鏈接。錨點鏈接分兩步進(jìn)行，一是在頁面中插入錨點，另一個就是為錨點建立鏈接。（一般用于用一個頁面的鏈接）（3）鏈接到站內(nèi)其他文件。直接用屬性對話框中的指向文件標(biāo)志指向就可。但是要注意被鏈接文件的路徑不能輕易更改，否則可能造成鏈接錯誤。（4）站點鏈接（用絕對地址URL）（5）創(chuàng)建e-mail鏈接。在鏈接對話框輸入mailto:（6）下載鏈接。如果超鏈接所鏈接的目標(biāo)文件為瀏覽器不能自動打開的文件格式（例如“.rar”、“.zip”、“.exe”等

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論