資源描述：
《網(wǎng)頁設計實用教程 第3章 網(wǎng)頁元素操作》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。
1、第3章網(wǎng)頁元素操作制作人：王飛重點和難點網(wǎng)頁中圖片的編輯在網(wǎng)頁中插入多媒體對象在網(wǎng)頁中表單的應用在網(wǎng)頁中插入其他頁面元素3.1網(wǎng)頁元素基本操作3.1.1文本操作1.插入文本2.插入特殊字符1）插入文本空格2）插入換行符3）插入特殊符號3．文本屬性設置網(wǎng)頁中的大部分信息都是通過文本表達，文字是網(wǎng)頁的主體和構成網(wǎng)頁最基本的元素，包括一般文字、特殊字符、滾動文字等。DreamweaverCS4可以方便的實現(xiàn)文本的插入和格式編輯操作。演示講解3.1.2圖像操作圖像是網(wǎng)頁的主要元素之一，它不僅豐富了網(wǎng)頁，而且給瀏覽者帶來視覺上的美觀在網(wǎng)頁中恰當?shù)氖?/p>
2、用圖像，能使網(wǎng)頁更加生動、形象和美觀。插入圖像在網(wǎng)頁上插入圖像的步驟如下：(1)使光標位于要插入圖像的位置。(2)執(zhí)行下列操作方法之一。單擊“插入”菜單中的“圖像”命令。單擊“插入”面板的“常用”子面板上的“圖像”按鈕。按“Ctrl+Alt+I”組合鍵。2．設置圖像屬性演示講解圖像常用屬性介紹如下：圖像ID：表示圖像的名稱，可以在面板的左上角文本框內輸入圖像名稱。寬和高：設定圖像的寬度和高度。圖像的原始大小尺寸會自動填充寬和高。其單位是像素。源文件：指定圖像的源文件，方法是拖動“指向文件”圖標（）到“站點”窗口中的一個文件上選取，或單擊“
3、瀏覽文件”圖標（）瀏覽并選取源文件，或者直接輸入路徑。鏈接：為圖像指定一個超鏈接，方法是拖動“指向文件”圖標（）到“站點”窗口中的一個文件上選取，也可以單擊“瀏覽文件”圖標（）選取站點上的一個文件，或者直接輸入URL路徑。替換：替換文本框用于指定圖像顯示之前或圖像無法顯示時顯示的文本。當瀏覽網(wǎng)頁時，鼠標指向圖片上時將作為圖片提示信息顯示文本框中的文本。地圖：通過在一幅圖片上選取局部范圍來實現(xiàn)超鏈接的方法，被選取并被標注的地方，就叫圖像地圖。通過這種方法，可以在一幅圖片上制作出許多鏈接，以分別鏈接到不同的網(wǎng)頁上。圖像屬性面板提供了矩形（）、
4、橢圓形（）與多邊形（）三種局部范圍地圖的熱點選取工具。此外，為改變選取的局部范圍，還同時提供了一個“指針熱點工具”（），用來移動圖像地圖的位置或編輯其形狀。3.1.2圖像操作垂直邊距和水平邊距：在圖像的四周以像素為單位添加間隔。“垂直邊距”將在圖像頂部和底部添加間隔，“水平”將在圖像左邊和右邊添加間隔。目標：指定鏈接頁面將在哪個窗口或框架中打開（當圖像沒有鏈接到文件時該選項不可用）。低品質源：用于指定在主圖像沒有加載之前加載的圖像。其目的在于當下載的圖片過大時，為減少下載時間，可以制作一張低分辨率、低品質源的小圖片，這張小圖片會事先下載，
5、這樣可以讓訪問者事先瀏覽到這張圖像。邊框：設置環(huán)繞圖像的邊框寬度（單位：像素）。輸入0表示沒有邊框。可以為鏈接圖像和無鏈接圖像指定邊框。在頁面屬性對話框中指定鏈接顏色。如果設置了沒有鏈接的圖像也要有邊框，邊框將和圖像所在段落的文本的顏色一樣。編輯：啟動“外部編輯器”，并打開所選取的圖像進行編輯。當保存圖像文件回到Dreamweaver時，Dreamweaver將使用編輯后的圖像更新編輯窗口。Dreamweaver默認的“外部編輯器”是Fireworks。如果有更適合圖片編輯工具軟件，也可以通過選擇主菜單“編輯”/“使用外部編輯器”命令將默
6、認值進行修改。3.1.2圖像操作3.1.2圖像操作3．插入“鼠標經過圖像”“鼠標經過圖像”是指在瀏覽器中瀏覽網(wǎng)頁時，當鼠標指針經過一幅圖像時，圖像隨即變成另一幅圖像，當鼠標離開時會恢復原來的圖像。圖像的輪替效果實際上是由主圖像（當首次載入頁面時顯示的圖像）和次圖像（當鼠標指針移過主圖像時顯示的圖像）的輪替顯示實現(xiàn)的。插入鼠標經過圖像的操作步驟如下：（1）在“插入面板”的“常用”選項卡中單擊“圖像”按鈕旁邊的下三角按鈕▼，在彈出的下拉菜單中單擊“鼠標經過圖像”，彈出“插入鼠標經過圖像”對話框，如圖所示。演示講解（2）在“插入鼠標經過圖像”對
7、話框中，會設置各個選項，對話框各個選項介紹如下。圖像名稱：用來設置“鼠標經過圖像”的名稱。原始圖像：用來設置首次載入頁面時顯示的圖像。設置方法是在“原始圖像”文本框中輸入原始圖像的路徑及名稱，或者單擊文本框右側的“瀏覽”按鈕，打開“原始圖像”對話框，瀏覽并選取圖像源文件。鼠標經過圖像：用來設置當移動鼠標指針到“原始圖像”上時，原始圖像替換成的圖像。設置方法是在“鼠標經過圖像”的文本框中輸入該替換圖像的路徑及名稱，或者單擊文本框右側的“瀏覽”按鈕，打開“鼠標經過圖像”對話框，瀏覽并選取圖像源文件。3.1.2圖像操作預載鼠標經過圖像：用來設置
8、是否預先下載替換圖像到本地。如果選中“預載鼠標經過圖像”復選框，則網(wǎng)頁一打開即預先下載替換圖像到本地機，當移動鼠標指針移動到“鼠標經過圖像”時，能迅速切換到替換圖像；如果取消選中該復選框，則當
