網(wǎng)頁效果圖的設(shè)計三
時間:2023-10-02 06:42:01 | 來源:網(wǎng)站運營
時間:2023-10-02 06:42:01 來源:網(wǎng)站運營
網(wǎng)頁效果圖的設(shè)計三:5:優(yōu)化:切片完成后,需要對每一個切片進行優(yōu)化,優(yōu)化的目的是為了降低圖像的文件大小,加快網(wǎng)頁的下載速度。圖像的大小與圖像的顯示質(zhì)量是一種制約關(guān)系,文件越小,圖像顯示質(zhì)量越差。優(yōu)化就是在文件大小和質(zhì)量間找一個平衡點。
在網(wǎng)頁中能顯示的圖像多以JPG和GIF為主。
6:導(dǎo)出:切片完成后,就需要把裁切好的圖像導(dǎo)出網(wǎng)站的站點文件中。
①導(dǎo)出的位置一定要在網(wǎng)站的站點文件夾內(nèi)。
②網(wǎng)站首頁的文件名,可以命名為"index"。
③在導(dǎo)出下拉列表中選擇"HTML圖像"命令,會自動生成HTML頁面。
④在"HTML"下拉列表中選擇"導(dǎo)出HTML文件"命令。
⑤在"切片"下拉列表中選擇"導(dǎo)出切片"命令。
⑥選擇"將圖像放入子文件夾"復(fù)選框,可以把生成的圖片放置在二級文件夾中默認的生成文件夾名為"images"。
可以自行創(chuàng)建用來存檔圖像素材的文件夾,建議文件名為"img",這樣做的目的是精簡網(wǎng)頁代碼。
⑦不要選擇"僅已選切片"和"包括無切片區(qū)域"復(fù)選框。然后單機導(dǎo)出面板右下角"選項"按鈕,打開HTML設(shè)置對話框,在"文檔特點信息"選項卡中,切片文件名為"doc.name"+"切片編號"。
設(shè)置完畢,單機導(dǎo)出按鈕。
7:布局:切片完畢后,應(yīng)該把切片好的圖像使用XHTML語言和CSS樣式進行布局,而且最終布局好的頁面效果,應(yīng)該和效果圖是一致的。