dreamweaver8學(xué)習(xí)手冊(cè)-資料下載頁
2025-06-25 06:33本頁面
【正文】 現(xiàn)紅色的框，單擊鼠標(biāo)的話就選中了該元素。用鼠標(biāo)選中不需要的元素（選中的標(biāo)志：藍(lán)色的方框），按“Delete”刪除就行了。提示：通過“視圖－播放比例”可以調(diào)整窗口顯示的大小。如下圖是刪除不需要的部分元素的圖片使用FireWork8的工具添加我們需要的元素。添加文字，首先選擇文本工具“A”，輸入文字，設(shè)置文字格式及效果。文本工具“A”利用屬性設(shè)置文字格式單擊“＋”添加文字效果并不是要將制作網(wǎng)頁的所有文字都在這里輸入，只是設(shè)計(jì)需要制作圖片的文字或者某些特效的文字，用圖片方式呈現(xiàn)最好。 添加圖片 使用“文件”－“導(dǎo)入”。選中需要導(dǎo)入的圖片文件，如下圖示：按住鼠標(biāo)左鍵拖動(dòng)角上的點(diǎn)可改變圖片大小用“魔術(shù)棒”可刪除圖片的部分顏色另外菜單“修改”－“變形”中的命令也可調(diào)整圖片。下圖為使用Fireworks修改好了的版面比如：在此處設(shè)計(jì)網(wǎng)站的幾個(gè)導(dǎo)航提示：也可在Firework中將網(wǎng)站中的需要的導(dǎo)航制作成圖片。三、 將圖片導(dǎo)出成頁面文件用圖片工具修改好后，部分的在網(wǎng)頁中是圖片不需要在修改，但一些地方我們還得輸入文字、插入圖片，因此在將圖片導(dǎo)出為網(wǎng)頁時(shí)我們要將其合理分割。提示：在做“切片”時(shí)盡量整齊規(guī)范一些，做了切片的圖片區(qū)域上會(huì)覆蓋著一屋透明的淡綠色的矩形塊，它的大小是可以改變的，不需時(shí)選中直接：Delete就行了 使用“切片工具”，合理的分割圖片，如下圖：切片工具分好后，使用“文件”－“導(dǎo)出預(yù)覽”，設(shè)置圖片的輸出格式為JPEG（JPEG格式的圖片效果清晰）。單擊“導(dǎo)出”選擇JPEG 如圖勾選，導(dǎo)出的圖片會(huì)自動(dòng)存放在“Images”的文件夾中。文件名選擇“HTML和圖像”選好要存放的文件夾四、 在Dreamweaver8調(diào)整版面進(jìn)行網(wǎng)頁內(nèi)容的設(shè)計(jì)（該步看教程不是很直觀，請(qǐng)認(rèn)真看演示操作）啟動(dòng)Dreamweaver8，建立站點(diǎn)，站點(diǎn)指向剛保存文件的文件夾。 調(diào)整圖片為背景：刪除圖片，在“屬性”面板“背景”選擇圖片。如下圖。 合并單元格，設(shè)計(jì)背景刪除圖片，將兩個(gè)單元格合并，設(shè)置小圖片該單元格的背景圖片，右邊區(qū)域類似設(shè)計(jì)。 增加網(wǎng)頁內(nèi)容以該頁面中間部分為例，首先刪除中間的白色圖片，將設(shè)置垂直“頂端”（使用屬性面板） 接著插入表格，設(shè)置好表格屬性。最后根據(jù)需要在表格添加文字、圖片其它內(nèi)容就行了。如下圖經(jīng)過修改添加內(nèi)容后的頁面：其它頁面都可采用此方法，最后將各頁面“超級(jí)鏈接”就成一個(gè)網(wǎng)站了。用模板排版頁面可以省去自己設(shè)計(jì)頁面布局，色彩及某些圖片設(shè)計(jì)的麻煩，但制作中要耐心細(xì)心，如注意光標(biāo)的位置，掌握拖動(dòng)表格的邊框改變其大小等，相信熟能生巧！18
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1