《網(wǎng)頁設(shè)計網(wǎng)頁編輯和超級鏈接(css).ppt》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設(shè)計網(wǎng)頁編輯和超級鏈接(css).ppt（56頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、第三章 網(wǎng)頁編輯（樣式表）和超級鏈接,統(tǒng)一網(wǎng)站風(fēng)格、制作基本特效,CSS樣式表,2,主要內(nèi)容,一、樣式表(CSS)的基本概念 二、CSS與HTML文檔的結(jié)合方法 三、CSS屬性的理解與應(yīng)用 四、CSS樣式的單位 五、CSS樣式在網(wǎng)頁中的應(yīng)用 六、插入文本 七、插入對象 八、超級鏈接,1 關(guān)于層疊樣式表 通常情況下我們希望將頁面顯示內(nèi)容與顯示方式分開，使得內(nèi)容編輯人員的工作重心放在網(wǎng)站內(nèi)容的撰寫上，而站點的美工和界面設(shè)計人員的工作重心放在頁面顯示的風(fēng)格和樣式上。 樣式是預(yù)先定義好的、格式化文檔的工具。CSS全稱Cascading Styles Sheet，譯為層疊樣式表，是由W3C（World
2、Wide Web Consortium）組織所擬定的。,一、CSS的基本概念,1 關(guān)于層疊樣式表(續(xù)) CSS（Cascading Style Sheets ）是開放性樣式設(shè)定語句，它擴充了HTML標記的屬性設(shè)定，這些屬性設(shè)定可以通過腳本語言進行控制，使網(wǎng)頁的視覺效果更加豐富多彩。 CSS將頁面的樣式與顯示內(nèi)容的文檔分開，可以高效、統(tǒng)一地組織頁面元素。對于具有相同風(fēng)格多個頁面的站點來說，只需要建立定義樣式的CSS文件，并使需要使用這些樣式的文檔調(diào)用相應(yīng)的樣式文件即可。當(dāng)網(wǎng)站的風(fēng)格需要更新時，只要更改CSS樣式文件即可。 CSS技術(shù)的應(yīng)用使得網(wǎng)站的開發(fā)、管理和維護大為簡化，提高了開發(fā)效率。,一、
3、CSS的基本概念,（1）樣式表的版本： 1996年，W3C推出CSS1 。 1998年中期，W3C公布CSS2。 目前，W3C正在開發(fā)CSS3。 IE6與NS7已經(jīng)實現(xiàn)了CSS1中的絕大部分特性，但并沒有實現(xiàn)全部特性；IE8的最新版本支持CSS2。 本章介紹的屬性可以被至少其中一種瀏覽器所支持,（2）樣式表的層次： 樣式表稱為層疊樣式表是因為它們可以以三層的形式定義，以此指定文檔的樣式；較低層的樣式表能夠覆蓋較高層的樣式表。 CSS的三個層次，按照從底層到高層的順序，分別為行內(nèi)樣式表、文檔層樣式表和外部樣式表，其中行內(nèi)樣式表只能作用于單個標簽的內(nèi)容；文檔層樣式表則能夠?qū)ξ臋n的整個主體起作用，而
4、外部樣式表可以應(yīng)用到任意數(shù)目文檔的主體中。 如果瀏覽器無法滿足樣式表指定的屬性，則瀏覽器或者采用另一個值代替此值或者忽略這個給定值。,CSS樣式表,7,一、CSS的基本概念,2、編寫CSS樣式的方法 使用CSS編輯器 如Dreamweaver、Frontpage等都會自帶CSS編輯器。 使用超文本編輯器 如Dreamweaver、Frontpage等超文本編輯器均可編輯樣式表； 記事本,CSS樣式表,8,一、CSS的基本概念,3、基本語法,選擇符屬性: 值,選擇符屬性1: 值1; 屬性2: 值2 ;,單一選擇符的復(fù)合樣式聲明應(yīng)該用“;”隔開，為便于閱讀也可以分行寫。,幾乎所有的HTML標記符形
5、式都可以作為選擇符。, CSS例子 H1 font-size:x-large; color:red H2 font-size:large; color:blue ,H1 font-size:x-large; color:red H2 font-size:large; color:blue,CSS樣式表,9,一、CSS的基本概念,4、CSS樣式的組合、繼承和關(guān)聯(lián)性 樣式的組合：把具有相同聲明定義的選擇符組合在一起，并用逗號隔開。 例如：段落元素p、單元格元素td和類c1可以使用相同樣式：,p,td,.c1font-size:12pt;font-family:黑體;color:red,CSS樣式表
6、,10,一、CSS的基本概念,樣式的繼承：若子元素未定義，則它將繼承上級元素的樣式的定義。但存在少數(shù)屬性不能繼承（border）。, CSS例子 ,CSS樣式表,11,一、CSS的基本概念,樣式表的關(guān)聯(lián)性： 樣式表的關(guān)聯(lián)性指在某些樣式定義中，可以定義某樣式僅在某個特定元素范圍內(nèi)才有效。 例如：,p bfont-size:12pt;font-family:黑體;color:red,b元素僅在p元素作用范圍內(nèi)會套用上述的樣式設(shè)定。 而在其他地方不具有這些屬性。,CSS樣式表,12,一、CSS的基本概念,5、注釋 CSS文字的注釋形式與C語言類似。,pfont-size:12pt /*P標簽的樣式定
7、義*/,CSS樣式表,13,一、CSS的基本概念,6、選擇符 樣式表的基本語法形式：,selectorproperty1:value1; property2:value2;,需要應(yīng)用的樣式的內(nèi)容,樣式的屬性,樣式的屬性的值,Select的五種合法的類別：HTML標記符、用戶定義的類Class、用戶定義的ID、虛類和虛元素,CSS樣式表,14,選擇符的類別,HTML標記符 應(yīng)用比較多，注意繼承性、組合性和關(guān)聯(lián)性的應(yīng)用。 用戶定義的類選擇符 可以使用任何名稱命名類。 里所有的元素都可以定義“類”。 語法如下：,selector.classnameproperty1:value1; property
8、2:value2; .classnameproperty1:value1; property2:value2;,例5-5.htm,1、 兩種定義形式的區(qū)別？ 2、在標簽中使用類選擇符樣式的使用方式如何？,CSS樣式表,15,選擇符的類別,ID選擇符 應(yīng)用的形式基本與類選擇符類似，定義時用“#”替代”.”。 因此應(yīng)用時一般選取其中的一種。 虛類和虛元素 在html的頁面元素中沒有這種屬性，故稱其為虛類，僅在IE5.0以上的瀏覽器版本才支持虛類選擇符。 語法如下：,頁面元素名：元素虛屬性名樣式表內(nèi)容,CSS樣式表,16,a:link color: #000000 a:visited color:
9、#cccccc a:hover color: #000000; font-style:italic a:active color: #aaaaaa,:link color: #000000 :visited color: #cccccc :hover color: #000000; font-style:italic :active color: #aaaaaa,CSS樣式表,17,二、CSS與HTML文檔的結(jié)合方法,HTML與樣式表有多種結(jié)合方法 內(nèi)聯(lián)樣式：在標記符內(nèi)定義 外聯(lián)樣式 使用標記符鏈接到外部的樣式文件 使用CSS的import標記符來導(dǎo)入樣式文件 在HTML標簽中直接加入樣式表的
10、定義。,CSS樣式表,18,二、CSS與HTML文檔的結(jié)合方法,內(nèi)聯(lián)樣式：在標記符內(nèi)定義，在本網(wǎng)頁內(nèi)起作用。, ,CSS樣式表,19,二、CSS與HTML文檔的結(jié)合方法,外聯(lián)樣式：使用標記符鏈接到外部的樣式文件，凡鏈接的網(wǎng)頁都起作用 1、定義外部樣式文件，用記事本或者Dreamweaver，編輯完后文件擴展名應(yīng)為”.css”； 2、建立HTML網(wǎng)頁文檔； 3、在網(wǎng)頁文檔中使用標簽將前面的樣式表文檔鏈接到網(wǎng)頁中。, ,例5-7.htm,CSS樣式表,20,二、CSS與HTML文檔的結(jié)合方法,外聯(lián)樣式：使用import導(dǎo)入外部的樣式文件，凡在導(dǎo)入該樣式表的網(wǎng)頁都起作用 1、定義外部樣式文件，用記事
11、本或者Dreamweaver，編輯完后文件擴展名應(yīng)為”.css”； 2、建立HTML網(wǎng)頁文檔； 3、在網(wǎng)頁文檔中import導(dǎo)入前面的樣式表。, ,例5-8.htm,Link與import的區(qū)別,差別1：老祖宗的差別。link屬于XHTML標簽，而import完全是CSS提供的一種方式。 差別2：加載順序的差別。當(dāng)一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而import引用的CSS 會等到頁面全部被下載完再被加載。 差別3：兼容性的差別。由于import是CSS2.1提出的所以老的瀏覽器不支持，import只有在IE5以上的才能識別，而link標簽無此問
12、題。 差別4：使用dom控制樣式時的差別。當(dāng)使用javascript控制dom去改變樣式的時候，只能使用link標簽，因為import不是dom可以控制的。,CSS樣式表,22,二、CSS與HTML文檔的結(jié)合方法,在HTML標簽中直接加入樣式表的定義 若在個別標簽需要作樣式調(diào)整，可使用這種方式。 使用標簽的“Style”屬性來定義樣式。, 被定義的樣式文本在此處。 ,CSS樣式表,23,三、CSS屬性的理解與應(yīng)用,樣式表的5類常用屬性： 字體屬性 ：字體、字號、行距等。 顏色及背景屬性 ：背景顏色、背景圖片等。 文本屬性： 區(qū)塊屬性 ：邊框粗細等。 分級屬性 ：各組件的字距、行距、縮排等。 鼠
13、標屬性 ：鼠標形狀等。 詳見幫助文件,CSS屬性,CSS樣式表,24,字體屬性,Font-family:指定文字的字體 H1font-family:華文彩云 Font-style：指定文字是否加粗或使用斜體。取值：normal（正常）、oblique（偏斜體）、italic（斜體） Font-size：指定文字的大小。 Font：上述樣式屬性的綜合表示法。 Pfont: bold 16pt,CSS樣式表,25,顏色及背景屬性,Color:顏色 Background-color：指定背景顏色 H1background-color:#000800 Background-image：指定Html組件
14、的背景圖片，值為url或none。 Bodybackground-image:url(image1.jpg),CSS樣式表,26,文本屬性,Text-decoration：設(shè)置底線、頂線、閃爍等文字效果。值為none,underline,overline,line-through,blink. Text-align：指定文字的對齊方式。值為：left,right,center,justify,CSS樣式表,27,區(qū)塊屬性,定義邊界，取值為：長度|百分比|auto 上邊界：margin-top；下邊界：margin-bottom 左邊界：margin-left：右邊界：margin-right
15、P.narrow margin-right: 50% 定義邊框： Border-color Border-width Border-style,CSS樣式表,28,分級屬性,List-style-type：指定項目符號或編號 允許值：disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none List-style-image：指定項目符號的圖形文件名稱，值為url或none LI.square list-style-type: square UL.plain li
16、st-style-type: none OL list-style-type: upper-alpha /* A B C D E etc. */ OL OL list-style-type: decimal /* 1 2 3 4 5 etc. */ OL OL OL list-style-type: lower-roman /* i ii iii iv v etc. */,CSS樣式表,29,鼠標屬性,讓鼠標移到不同對象上面，顯示不同形狀。 Cursor屬性，取值如下 Auto：自動按默認顯示 Crosshair：“” Hand:手形 Text：文本I形 Wait：等待 ,CSS樣式表,30,
17、練習(xí)：,1、若要在網(wǎng)頁上使用使用統(tǒng)一的頁面風(fēng)格： 背景為淺藍灰色（#cdcdfe）， 文本為深藍色（#000066）， 所有網(wǎng)頁都不留邊(Margin)， 且列表項目、表格及段落文本中的字體均為10.5pt；顏色：綠色；文本對齊：居中；字體：楷體,Times New Roman；文字格式：加粗。,CSS樣式表,31,練習(xí)：,2、編輯一個外聯(lián)樣式表，它使所有網(wǎng)頁中表格的文本顯示為如下風(fēng)格： 文字大?。?0.5pt; 顏色：綠色； 文本對齊：居中； 字體：楷體 文字格式：加下劃線,CSS樣式表,32,練習(xí)：,3、在上題中，若有一個網(wǎng)頁中的某個表格要采取不同的顯示方式：如 顏色：藍色； 字體：黑體,
18、Arial Black 其他與上題相同，應(yīng)在該頁上使用什么樣式表？,CSS樣式表,33,練習(xí)：,4、定義一個類選擇符，樣式為： 文字大?。?2pt; 顏色：綠色； 文本對齊：居中； 字體：楷體，Times New Roman 文字格式：加粗 并在多個頁面元素中引用此類樣式。,CSS樣式表,34,練習(xí)：,5、定義一個偽類選擇符，使超鏈接具有一下特效： （1）超鏈接沒有下劃線； （2）當(dāng)鼠標指向超鏈接時，文字從10pt變成12pt，文字加粗； （3）超鏈接文本在單擊前是藍色，在單擊后是灰色，并變成斜體。,CSS樣式表,35,課堂練習(xí)：,定義一個內(nèi)聯(lián)樣式，使網(wǎng)頁中的所有段落顯示效果如下： 字的大?。?/p>
19、12px 字的顏色：0000ff 對齊方式為居中 背景顏色：gray,CSS樣式表,36,四、CSS樣式的單位,定義長度：符號 數(shù)值 單位 絕對長度單位：cm,mm,in,pt(印刷點數(shù)),pc等。 相對長度單位：px（像素）,em,ex。 百分比單位 百分比值總是相對于另一個值來說的，參照值一般是該元素本身的字體尺寸。,CSS樣式表,37,四、CSS樣式的單位,定義顏色 rgb函數(shù)：rgb(R,G,B) R、G、B可用百分比值表示，也可用0255的整數(shù)值表示。 使用十六進制數(shù)組：#RRGGBB 直接使用顏色名。,color: rgb(100%,0,0) color: rgb(255,0,0)
20、 color: #FF0000 color:red,CSS樣式表,38,五、CSS樣式在網(wǎng)頁中的應(yīng)用,1、在網(wǎng)頁中創(chuàng)建樣式，分別創(chuàng)建下列三種樣式 標簽選擇符 類選擇符 ID選擇符 2、在網(wǎng)頁中導(dǎo)入、鏈入樣式表文件,CSS樣式表,39,五、CSS樣式在網(wǎng)頁中的應(yīng)用,六、插入文本 文字是網(wǎng)頁中最基本的頁面元素 占用存儲空間小 傳遞信息的主要載體 網(wǎng)頁文檔格式化是一種修飾頁面文字的操作， DW文字格式化主要有兩種方式： 用HTML標記格式化,用CSS樣式格式化 CSS樣式是一種對網(wǎng)頁文檔內(nèi)容進行精確格式化的方法，它可以使用許多HTML樣式不能使用的屬性。CSS樣式還可以同時對多篇文檔格式化，可將創(chuàng)建
21、好的樣式保存在外部樣式表中，若修改樣式表，便可對相關(guān)網(wǎng)頁進行相應(yīng)的更新，從而實現(xiàn)對文本格式化的自動化管理 兩種格式化方法的優(yōu)先級 HTML標記 CSS樣式 1、插入文本的方法 Dreamweaver 允許您通過以下方式在Web 頁中添加文本：直接將文本鍵入頁中，從其他文檔復(fù)制和粘貼文本，或從其他應(yīng)用程序拖放文本。(ASCII文本文件、RTF 文件和MS Office 文檔),六、插入文本,（1）打開您要將Word 或Excel 文件的內(nèi)容復(fù)制到的目標Web 頁 （2）執(zhí)行以下操作之一以選擇文件： 將文件從當(dāng)前位置拖放到希望在其中顯示內(nèi)容的頁中。如果出現(xiàn)“插入Microsoft Word 或Ex
22、cel 文檔”對話框，單擊“插入將文檔的內(nèi)容插入到此Web 頁中”，然后單擊“確定”。 選擇“文件”“導(dǎo)入”“Word 文檔或文件”“導(dǎo)入”“Excel 文檔”。在“打開”對話框中，瀏覽到要添加的文件，然后單擊“打開”,六、插入文本,2、插入指向Word 或Excel 文檔的鏈接 若要創(chuàng)建指向Word 或Excel 文檔的鏈接，請執(zhí)行以下操作： 打開希望在其中顯示鏈接的頁。 將文件從當(dāng)前位置拖放到希望在其中顯示鏈接的Dreamweaver 頁中。出現(xiàn)“插入Microsoft Word 或Excel 文檔”對話框。 選擇“創(chuàng)建鏈接”，然后單擊“確定”。 如果正在創(chuàng)建的鏈接所指向的文檔位于站點的根
23、文件夾以外，Dreamweaver 將提示您將文檔復(fù)制到站點根文件夾。通過將文檔復(fù)制到站點的根文件夾，可以確保發(fā)布Web 站點時該文檔可用。 指向Word 或Excel 文檔的鏈接出現(xiàn)在頁中,六、插入文本,1 插入水平線 2 插入日期 Dreamweaver 提供了一個方便的日期對象，該對象使您可以以任何喜歡的格式插入當(dāng)前日期（包含或不包含時間都可以），您可以選擇在每次保存文件時都自動更新該日期。 注意：“插入日期”對話框中顯示的日期和時間不是當(dāng)前日期，也不反映訪問者在顯示您的站點時所看到的時期/ 時間。它們只是說明此信息的顯示方式的示例。 將當(dāng)前日期插入到文檔中： （1）在“文檔”窗口中，將
24、插入點放在要插入日期的位置。 （2）執(zhí)行下列操作之一： 選擇“插入” “日期”。 在“插入”欄的“常用”類別中，單擊“日期”按鈕。,七、 插入對象,（3）在出現(xiàn)的對話框中，選擇星期格式、日期格式和時間格式。 （4）如果希望在每次保存文檔時都更新插入的日期，請選擇“儲存時自動更新” 。如果希望日期在插入后變成純文本并永遠不自動更新，請取消選擇該選項。 （6）單擊“確定”插入日期。 提示：如果選擇了“儲存時自動更新”，則在日期格式插入到文檔中后可以對其進行編輯，方法是單擊已設(shè)置格式的文本，然后在屬性檢查器中選擇“編輯日期格式” 3 插入特殊字符 4 在字符之間添加空格 HTML 只允許字符之間包含
25、一個空格；若要在文檔中添加其他空格，必須插入連續(xù)空格?？梢栽O(shè)置一個在文檔中自動添加連續(xù)空格的參數(shù)選擇。,七、 插入對象,若要插入連續(xù)空格，請執(zhí)行下列操作之一： （1）在“插入”欄中的“文本”類別中， “插入連續(xù)空格”。 （2）選擇“插入” “HTML” “特殊字符” “連續(xù)空格”。 （3）按Control+Shift+ 空格鍵 若要設(shè)置添加連續(xù)空格的參數(shù)，請執(zhí)行以下操作： 1 選擇“編輯”“首選參數(shù)”(Windows) 2 在“常規(guī)”類別中確保選中“允許多個連續(xù)的空格”。 5 插入Flash按鈕和Flash文字 在DW中，利用內(nèi)置的Flash按鈕和文字，可以直接在網(wǎng)頁上制作出有動態(tài)效果的Fla
26、sh按鈕和文字 若要在網(wǎng)頁上插入Flash按鈕，請執(zhí)行以下操作 （1）在網(wǎng)頁中選擇Flash按鈕插入點的位置,七、 插入對象,（2）在網(wǎng)頁編輯窗口中選擇“插入|交互式圖像|Flash按鈕”命令，此時系統(tǒng)打開插入Flash按鈕對話框。 （3）單擊OK按鈕后，就會產(chǎn)生一個“.SWF”格式的文件，文件會被自動導(dǎo)入當(dāng)前正在編輯的網(wǎng)頁中。 （4）在網(wǎng)頁中選中此按鈕，可以設(shè)置該按鈕的屬性 若要在網(wǎng)頁上插入Flash文字，請執(zhí)行以下操作： （1）在網(wǎng)頁中選擇Flash文字的插入位置 （2） 在網(wǎng)頁編輯窗口中選擇“插入|交互式圖像|Flash文本”命令，此時系統(tǒng)打開插入Flash文本對話框。 （3）單擊OK按
27、鈕后，就會產(chǎn)生一個“.SWF”格式的文件，文件會被自動導(dǎo)入當(dāng)前正在編輯的網(wǎng)頁中。 在網(wǎng)頁上插入Flash按鈕和文字，不用安裝和使用Flash系統(tǒng)，就可以給網(wǎng)頁增添動態(tài)效果,七、 插入對象,6 插入Rollover圖片 Rollover圖片是由主圖片(Original Image)和翻轉(zhuǎn)圖片(Rollover Image)兩部分組成。頁面載入后，先顯示主圖片，當(dāng)鼠標移到主圖片上方時，圖片內(nèi)容發(fā)生變化，自動更新為翻轉(zhuǎn)圖片，鼠標移出時，圖片又恢復(fù)原樣。 制作Rollover圖片是應(yīng)準備兩幅尺寸相同的圖片。若兩幅圖片尺寸不同的話，將調(diào)整第2幅圖片 如何在網(wǎng)頁上插入Rollover圖片,七、 插入對象,
28、1 超級鏈接概述 用預(yù)先準備好的文本、按鈕、圖像等對象與其他對象建立一種鏈接，也就是在源端點和目標端點建立一種鏈接。 超級鏈接的劃分：,源端點,超文本：文本下方有下劃線 非超文本：文本之外的其他對象構(gòu)建的鏈接,目標端點,外部鏈接 內(nèi)部鏈接 電子郵件鏈接 局部鏈接、腳本鏈接,八 超級鏈接的應(yīng)用,相對路徑與絕對路徑 2 創(chuàng)建超級鏈接 使用屬性檢查器鏈接到文檔 屬性檢查器文件夾圖標和“鏈接”文本框可用于創(chuàng)建從圖像、對象或文本到其它文檔或文件的鏈接。 關(guān)于屬性檢查器中的“目標” _blank 將鏈接的文檔載入一個新的、未命名的瀏覽器窗口。 _parent 將鏈接的文檔載入該鏈接所在框架的父框架或父窗口
29、。 _self 將鏈接的文檔載入鏈接所在的同一框架或窗口。 _top 將鏈接的文檔載入整個瀏覽器窗口，從而刪除所有框架。,使用完整的URL的地址的鏈接路徑稱為絕對路徑，它指明了目標的具體位置 指明目標端點與原端點的相對位置關(guān)系的路徑成為相對路徑,使用“指向文件”圖標鏈接文檔 “指向文件”圖標可用于創(chuàng)建從圖像、對象或文本到其它文檔或文件的鏈接。 若要使用“指向文件”圖標鏈接文檔，請執(zhí)行以下操作： (1)在“文檔”窗口的“設(shè)計”視圖中選擇文本或圖像。 (2)拖動屬性檢查器中“鏈接”文本框右側(cè)的“指向文件”圖標，然后指向另一個打開的文檔、已打開文檔中的可見錨記或者指向“文件”面板中的一個文檔。 注意
30、：只有當(dāng)“文檔”窗口中的文檔未最大化時，才能鏈接到打開的文檔。如果指向打開的文檔，則在進行選擇時，該文檔移至屏幕的最前面。 (3)釋放鼠標按鈕。 使用站點地圖鏈接文檔,八 超級鏈接的應(yīng)用,3 管理鏈接 為避免站點中出現(xiàn)斷開的鏈接，可以激活鏈接管理，使Dreamweaver 在您作出更改后自動更新鏈接。也可以使用站點的可視化表示形式來修改鏈接，或者，可以通過一次更改將所有鏈接更新到一個特定的文件中。 自動更新鏈接 每當(dāng)在本地站點內(nèi)移動或重命名文檔時，Dreamweaver 可更新起自以及指向該文檔的鏈接。當(dāng)將整個站點（或其中完全獨立的一個部分）存儲在本地硬盤上時，此項功能最實用。Dreamwea
31、ver不更改遠程文件夾中的文件，除非將這些本地文件放在或者存回到遠程服務(wù)器上。 若要在Dreamweaver 中啟用鏈接管理，請執(zhí)行以下操作：,八 超級鏈接的應(yīng)用,(1)選擇“編輯”“首選參數(shù)”(Windows) “首選參數(shù)”對話框出現(xiàn)。 (2)從左側(cè)的分類列表中選擇“常規(guī)”。出現(xiàn)“常規(guī)”首選參數(shù)選項。 (3)在“文檔選項”部分，從“移動文件時更新鏈接”彈出菜單中選擇“總是”或者“提示”。若選擇“總是”，則每當(dāng)移動或重命名選定文檔時，Dreamweaver 將自動更新起自和指向該文檔的所有鏈接。 在站點地圖中修改鏈接 可以通過在站點地圖中添加、更改和刪除鏈接來修改站點的結(jié)構(gòu)。Dreamweav
32、er 自動更新站點地圖以顯示對站點所做的更改。 若要更改鏈接，請執(zhí)行以下操作： (1)在站點地圖中，選擇要更改的鏈接所指向的頁面,選擇“站點”“更改鏈接” 右鍵單擊，然后從上下文菜單中選擇“更改鏈接”。 2 通過瀏覽找到希望鏈接指向的文件，或者鍵入URL。 4 創(chuàng)建錨點鏈接 在網(wǎng)頁設(shè)計中，要創(chuàng)建某個網(wǎng)頁的某個指定位置的超鏈接稱為創(chuàng)建錨點的鏈接。 命名錨記使您可以在文檔中設(shè)置標記，這些標記通常放在文檔的特定主題處或頂部。然后可以創(chuàng)建到這些命名錨記的鏈接，這些鏈接可快速將訪問者帶到指定位置。 創(chuàng)建到命名錨記的鏈接的過程分為兩步。首先，創(chuàng)建命名錨記，然后創(chuàng)建到該命名錨記的鏈接。,5 創(chuàng)建電子郵件鏈接
33、 6 創(chuàng)建導(dǎo)航條 導(dǎo)航條由圖像或圖像組組成，這些圖像的顯示內(nèi)容隨用戶操作而變化。 使用“插入導(dǎo)航條”命令之前，須首先為各個導(dǎo)航項目的顯示狀態(tài)創(chuàng)建一組圖像。（可將導(dǎo)航條項目視為按鈕，因為單擊它時，導(dǎo)航條項目將用戶帶到其它頁面。 為文檔創(chuàng)建導(dǎo)航條后，可使用“修改導(dǎo)航條”命令向?qū)Ш綏l添加圖像，或從導(dǎo)航條中刪除圖像。此命令可用于更改圖像或圖像組、更改單擊項目時所打開的文件、選擇在不同的窗口或框架中打開文件以及重新排序圖像。,插入導(dǎo)航條 插入導(dǎo)航條時，須命名導(dǎo)航條項目，并選擇要用于它們的圖像。 7 創(chuàng)建跳轉(zhuǎn)菜單 跳轉(zhuǎn)菜單是文檔中的彈出菜單，對站點訪問者可見，并列出鏈接到文檔或文件的選項?？梢詣?chuàng)建到整個Web 站點內(nèi)文檔的鏈接、到其它Web 站點上文檔的鏈接、電子郵件鏈接、到圖形的鏈接。 跳轉(zhuǎn)菜單可包含三個基本部分： （可選）菜單選擇提示，如菜單項的類別說明，或一些指導(dǎo)信息等，例如“選擇其中一項：” （必需）所鏈接菜單項的列表：用戶選擇某個選項，則鏈接的文檔或文件被打開。 （可選）“前往”按鈕。,
網(wǎng)頁設(shè)計網(wǎng)頁編輯和超級鏈接(css).ppt
