網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt

網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt

ID:50068865

大?。?.75 MB

頁數(shù):16頁

時間:2020-03-08

網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt_第1頁
網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt_第2頁
網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt_第3頁
網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt_第4頁
網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt_第5頁
資源描述:

《網(wǎng)頁設(shè)計——入門與提高 教學(xué)課件 作者 王維 吳菲 王麗娜 第11章.ppt》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫

1、第11章常用元素的編輯11.1文本網(wǎng)頁創(chuàng)建文本11.1文本網(wǎng)頁編輯文本11.2使用水平線水平線用于分隔網(wǎng)頁文檔的內(nèi)容,合理地使用水平線可以取得非常好的效果。在一篇復(fù)雜的文檔中插入幾條水平線,就會變得層次分明,便于閱讀。將光標(biāo)放置在要插入的水平線的位置,打開【常用】插入面板,單擊【水平線】按鈕。11.3項目列表項目列表中各個項目之間沒有順序、級別之分,通常使用一個項目符號作為每條列表項的前綴。編號列表通??梢允褂冒⒗?dāng)?shù)字、英文字母、羅馬數(shù)字等符號來編排項目,各項目之間通常有一種先后關(guān)系。11.3項目列表在Dreamweaver中創(chuàng)建項目列表有很多方法,顯示的項目符號也多種多樣。

2、11.4圖像在網(wǎng)頁中,圖像文件有許多種格式,但是在網(wǎng)頁中通常使用的只有3種,即GIF、JPEG和PNG。1.GIF格式GIF格式是用于壓縮具有單調(diào)色彩和清晰細(xì)節(jié)的圖像(如線狀圖、徽標(biāo)或帶有文字的插圖)的標(biāo)準(zhǔn)格式,多用于圖標(biāo)、按鈕、滾動條和背景色等。2.JPEG格式JPEG格式主要應(yīng)用于攝影圖片的存儲和顯示,尤其是色彩豐富的大自然照片,通??梢酝ㄟ^壓縮JPEG格式,在圖像品質(zhì)和文件大小之間達到良好的平衡。3.PNG格式PNG格式文件可保留所有原始層、向量、顏色和效果信息。該格式采用無損壓縮方式來減少文件的大小,能把圖像文件的大小壓縮到極限,以利于網(wǎng)絡(luò)的傳輸而不失真。11.4圖像插

3、入圖像執(zhí)行以下操作之一,可以完成圖像的插入。在菜單欄中選擇【插入】

4、【圖像】命令。在【常用】插入面板中單擊【圖像】按鈕。編輯圖像11.5超鏈接路徑1、絕對路徑使用絕對路徑與鏈接的源端點無關(guān),只要站點地址不變,無論文檔文件在站點中如何移動,都可以正常實現(xiàn)跳轉(zhuǎn)而不會發(fā)生錯誤。在鏈接不同站點上的文件時,必須使用絕對路徑。2、相對路徑文檔相對路徑對于大多數(shù)Web站點的本地鏈接來說,是最適用的路徑。在當(dāng)前文檔與所鏈接的文檔處于同一個文件夾中,而且可能保持這種狀態(tài)的情況下,文檔相對路徑很有用。11.5超鏈接3、站點根目錄相對路徑站點根目錄相對路徑描述從站點的根文件夾到文檔的路徑。如果在處理

5、使用多個服務(wù)器的大型Web站點,或者在使用承載多個站點的服務(wù)器,則可能需要使用這些路徑。不過,如果不熟悉此類型的路徑,最好使用文檔相對路徑。站點根目錄相對路徑以“/”開始,該正斜杠表示站點根文件夾。例如,/images/index.html是文件index.html的站點根目錄相對路徑,該文件位于站點根文件夾的images子文件夾中。11.5超鏈接編輯超鏈接在一個文檔中可以創(chuàng)建以下幾種類型的鏈接。鏈接到其他文檔或者文件(例如圖片、影片或者聲音文件等)的鏈接。命名錨記鏈接:此類鏈接跳轉(zhuǎn)至文檔內(nèi)的特定位置。電子郵件鏈接:此類鏈接新建一個已填好收件人地址的空白電子郵件。11.5超鏈接

6、1.設(shè)置文本鏈接和圖像鏈接瀏覽網(wǎng)頁時,會看到一些帶下劃線的文字,將光標(biāo)移動到文字上時,鼠標(biāo)會變成手指形狀,單擊,就會打開一個網(wǎng)頁,這樣的鏈接就是文本鏈接。瀏覽網(wǎng)頁時,如果將光標(biāo)移動到圖像上之后,鼠標(biāo)指針會變成手指形狀,單擊,就會打開一個網(wǎng)頁,這樣的鏈接就是圖像鏈接。11.5超鏈接3.創(chuàng)建電子郵件鏈接電子郵件鏈接是一種特殊的鏈接,單擊這種鏈接,不會跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁上,而是會啟動計算機中相應(yīng)的E-mail程序(一般是OutlookExpress),允許書寫電子郵件,發(fā)往鏈接指向的郵箱。11.6多媒體文件插入flash將光標(biāo)置于要插入Flash動畫的位置,選擇【插入】

7、【媒體】

8、SW

9、F命令。11.6多媒體文件插入聲音在Dreamweaver中可以插入的聲音類型有MP3、WAV、MIDI、AIF、RA和RAM等。其中MP3、RA和RAM都是壓縮格式的音樂文件;MIDI是通過電腦軟件合成的音樂,其文件較小,不能被錄制,WAV和AIF可以進行錄制。播放WAV、AIF和MIDI等文件不需要插件。在和之間的任意位置添加以下代碼:,其中src=”images/love.mp3”為設(shè)置的背景音樂的路徑和文件名。11.6多媒體文件

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。