在網(wǎng)頁設(shè)計(jì)時(shí),CSS可設(shè)置背景圖片的樣式。任何一個(gè)頁面,都有它的背景色或背景圖來突出其基調(diào),本節(jié)將通過實(shí)例介紹背景圖片的樣式設(shè)置。定義背景圖片CSS使用backgro
查看詳情下面通過網(wǎng)頁設(shè)計(jì)時(shí)一個(gè)實(shí)例介紹在Photoshop中制作廣告條的一般方法和步驟,顯示效果如圖所示。設(shè)計(jì)思路:本作品是一個(gè)溫泉廣告,溫泉總是給人一種溫暖的、放松的感
查看詳情在設(shè)計(jì)網(wǎng)頁時(shí),設(shè)計(jì)LOGO應(yīng)該遵循訪問者的認(rèn)識(shí)規(guī)律,突出主題、引人注目。按照從上到下,從左到右,從小到大,從遠(yuǎn)到近的視覺習(xí)慣以及思維習(xí)慣、審美能力和審美心理等要
查看詳情在網(wǎng)頁設(shè)計(jì)時(shí),LOGO的設(shè)計(jì)需要從很多方面來分析,它涉及圖形、文字、顏色、排版等各個(gè)方面的內(nèi)容,設(shè)計(jì)LOGO通常從以下幾個(gè)方面考慮。構(gòu)成在網(wǎng)站建設(shè)中,一個(gè)LOGO的構(gòu)
查看詳情要在網(wǎng)頁制作中應(yīng)用背景圖像,可進(jìn)行如下操作。【操作步驟】第1步,在Dreamweaver中建立一個(gè)新文件,并進(jìn)行保存。第2步,選擇【修改】|【頁面屬性】命令,打開【頁面屬
查看詳情在Photoshop中制作網(wǎng)頁按鈕,一般可以按如此步驟進(jìn)行操作?!静僮鞑襟E】第1步,在網(wǎng)頁設(shè)計(jì)時(shí),可用Photoshop中繪制出按鈕形狀,如矩形、圓形、橢圓或多邊形。繪制按鈕
查看詳情在網(wǎng)頁設(shè)計(jì)中,標(biāo)題文字比較重要,因?yàn)闃?biāo)題文字設(shè)計(jì)得是否吸引人,將直接關(guān)系著網(wǎng)頁的整體效果。而在設(shè)計(jì)標(biāo)題文字時(shí),除了名字好聽、易懂、富有情趣之外,還要在文字效
查看詳情網(wǎng)頁主圖是一個(gè)網(wǎng)頁的門面,它體現(xiàn)所在網(wǎng)頁的整體風(fēng)格。例如,如圖所示是一個(gè)公司的主頁,主頁設(shè)計(jì)在很大程度上決定了整個(gè)網(wǎng)頁的主體色彩、布局以及風(fēng)格。因此,在網(wǎng)
查看詳情在Photoshop中繪制圖像和優(yōu)化圖像,最終目的都是為了輸出圖像并應(yīng)用到網(wǎng)頁設(shè)計(jì)中。完成設(shè)計(jì)圖的切割之后,就需要把它輸出為網(wǎng)頁文檔?!静僮鞑襟E】第1步,繼續(xù)以上面
查看詳情在網(wǎng)頁設(shè)計(jì)中,分割圖像最大的作用就是可以局部優(yōu)化圖像,從而易于在網(wǎng)絡(luò)中傳輸;另外一個(gè)作用則是可以給同一圖像中的各個(gè)分割區(qū)域設(shè)置超鏈接。例如,如圖8.92所示的
查看詳情最優(yōu)化圖像通常是在網(wǎng)頁設(shè)計(jì)時(shí)處理網(wǎng)頁圖像時(shí)的一種說法,究竟何為最優(yōu)化圖像呢?簡單地說,就是讓制作出來的圖像不但質(zhì)量好,而且文件小,易于在網(wǎng)絡(luò)上傳輸,這就是最
查看詳情前面詳細(xì)介紹了在Photoshop中新建、繪制和編輯圖形的基本方法,下面將重點(diǎn)介紹如何繪制網(wǎng)頁標(biāo)志的方法和技巧,以實(shí)現(xiàn)熟練操作Photoshop各種繪圖工具的能力。標(biāo)志在
查看詳情在網(wǎng)頁設(shè)計(jì)中,在Photoshop中繪制圖形時(shí),圖形的位置和大小不符合制作要求是很常見的事,所以在制作網(wǎng)頁時(shí)對(duì)它們進(jìn)行編輯修改,如選取圖像、縮放圖像大小、旋轉(zhuǎn),以及
查看詳情在網(wǎng)頁設(shè)計(jì)時(shí),路徑繪制完成以后,該路徑始終出現(xiàn)在圖像中,在對(duì)圖像進(jìn)行編輯時(shí),顯示的路徑會(huì)帶來諸多的不便,此時(shí),就需要關(guān)閉路徑?!静僮鞑襟E】第1步,新建一幅圖像
查看詳情在網(wǎng)頁設(shè)計(jì)中,使用【添加錨點(diǎn)工具】和【刪除錨點(diǎn)工具】工具可以添加和刪除路徑上的錨點(diǎn),從而使用戶對(duì)路徑圖形做更細(xì)致的編輯?!静僮鞑襟E】第1步,新建一幅圖像,在
查看詳情在矢量圖形中,構(gòu)成形狀的輪廓被稱為路徑。在網(wǎng)頁設(shè)計(jì)中,路徑可以是開放的(如直線或曲線),也可以是閉合的(如圓圈或多邊形)。由于在網(wǎng)頁建設(shè)時(shí)路徑是基于矢量而不是
查看詳情Photoshop是Adobe公司推出的一個(gè)全方位的網(wǎng)頁圖形編輯軟件。它具有以下3個(gè)特性。?繪圖功能:使用Photoshop可以繪制出各種形狀的圖形。?圖像處理功能:Photoshop可
查看詳情在網(wǎng)頁設(shè)計(jì)時(shí),如果需要在Web應(yīng)用中顯示簡短的信息提示,或者向訪問者詢問,可以有兩種方式:一是使用JavaScript原生的對(duì)話框,如alert()或者confirm()方法等,另一種方
查看詳情在網(wǎng)頁設(shè)計(jì)中,選項(xiàng)卡組件用于在一組不同元素之間切換視角,可以通過單擊每個(gè)元素的標(biāo)題來訪問該元素包含的內(nèi)容,這些標(biāo)題在設(shè)計(jì)網(wǎng)頁時(shí)都作為獨(dú)立的選項(xiàng)卡而出現(xiàn)。每
查看詳情彈跳特效指的是在網(wǎng)站建設(shè)時(shí),任何調(diào)用該方法的對(duì)象都被設(shè)置為彈跳顯示效果,利用該效果可以設(shè)計(jì)各種晃動(dòng)行為,以便在網(wǎng)頁設(shè)計(jì)中設(shè)計(jì)一種富有動(dòng)態(tài)化的交互視覺。本示
查看詳情Dreamweaver的“彈出信息”行為可以用來顯示指定的信息,例如當(dāng)網(wǎng)站中某個(gè)網(wǎng)頁正在更新,此時(shí)便可在主頁中,連接該網(wǎng)頁的文字、圖片或在導(dǎo)航欄按鈕上加入該行為。單
查看詳情在Dreamweaver設(shè)計(jì)網(wǎng)頁時(shí),利用“改變屬性”行為可以動(dòng)態(tài)地改變指定對(duì)象的某些屬性,這些屬性包括背景顏色、尺寸和背景圖片等。制作網(wǎng)頁時(shí),如果用這種行為設(shè)置一些
查看詳情用Dreamweaver可以在網(wǎng)頁設(shè)計(jì)時(shí)制作出具有很好交互性的網(wǎng)頁,例如,利用拖動(dòng)層制作拼圖游戲。但是在Dreamweaver中,所插入的層,在用瀏覽器瀏覽時(shí),一般情況下是不能被
查看詳情在網(wǎng)頁設(shè)計(jì)中,跳轉(zhuǎn)菜單是鏈接的一種特殊形式。它不僅豐富了網(wǎng)頁中超鏈接的形式,同時(shí)最大限度地節(jié)省版面。在制作網(wǎng)頁時(shí),如果頁面布局比較緊張,可以使用它將一些不
查看詳情本節(jié)繼續(xù)使用表格來設(shè)計(jì)完整頁面,整個(gè)頁面在網(wǎng)站建設(shè)時(shí)通過多層嵌套表格設(shè)計(jì)3行3列的頁面布局樣式?!静僮鞑襟E】第1步,在設(shè)計(jì)頁面之前,使用Photoshop制作并處理網(wǎng)
查看詳情