網(wǎng)頁(yè)設(shè)計(jì)與制作簡(jiǎn)答-資料下載頁(yè)
2025-05-07 21:00本頁(yè)面
【正文】 站內(nèi)容之前，務(wù)必了解瀏覽者是否需要你安排的內(nèi)容 ?如果不是，應(yīng)該把這個(gè)欄目盡量縮減，甚至可以刪除；如果是，那么經(jīng)營(yíng)這樣一個(gè)站點(diǎn)或許可以使你成為網(wǎng)絡(luò)世界中的佼佼者?？傊?，你必須要搞清楚瀏覽者需要什么。 (3)頁(yè)面的有效性 在全局設(shè)計(jì)階段，創(chuàng)作者 應(yīng)當(dāng)在每一個(gè)頁(yè)面的有效性與過(guò)載之間進(jìn)行權(quán)衡。每個(gè)頁(yè)面都應(yīng)是有價(jià)值的，不要讓瀏覽者單擊三四次才能看到他們想要的內(nèi)容。但是也不能過(guò)分追求有效性，把所有東西都無(wú)原則地堆砌到一個(gè)頁(yè)面上，尤其是圖片較多的時(shí)候。通常一個(gè)頁(yè)面內(nèi)容不得超過(guò)一般上限 100kB，這包含了圖片所占的字節(jié)，即便是接近這個(gè)上限，在國(guó)內(nèi)的網(wǎng)絡(luò)上進(jìn)行傳輸也仍舊會(huì)很慢。 有效性的另一層含意是不能讓用戶(hù)看到錯(cuò)誤信息，比如當(dāng)瀏覽者的瀏覽器不支持幀 (Frame)時(shí)，應(yīng)為他們提供一個(gè)不使用幀結(jié)構(gòu)的頁(yè)面 隨著瀏覽的升級(jí)，這個(gè)限制可以不考慮。另外，無(wú)效的超級(jí)鏈接最 好不要置于頁(yè)面上。如果確實(shí)需要放置，也不要設(shè)置成可單擊的，即便設(shè)計(jì)了 Under Construction 字樣的備用頁(yè)，瀏覽者也會(huì)有受騙的感覺(jué)，畢竟下載一個(gè)頁(yè)面需要相當(dāng)?shù)哪托摹? (4)頁(yè)面布局保持統(tǒng)一性 頁(yè)面布局往往能顯示一個(gè)網(wǎng)站的統(tǒng)一性，如使用同樣的背景。很多公司把標(biāo)志或者商標(biāo)標(biāo)注在頁(yè)面上，可以使瀏覽者不至于迷路，個(gè)人網(wǎng)頁(yè)也可以采用類(lèi)似的方法，如背景采用淺色調(diào)標(biāo)明作者的名字等。頁(yè)面保持一致還有一層含義，即提供一個(gè)導(dǎo)航系統(tǒng)，以反映訪問(wèn)者所處的位置。訪問(wèn)大的公司站點(diǎn)時(shí)，其內(nèi)部的導(dǎo)航系統(tǒng)清楚地表明了網(wǎng)站的層次結(jié) 構(gòu)。 (5)使用表格和適當(dāng)?shù)膸Y(jié)構(gòu)來(lái)設(shè)計(jì)網(wǎng)頁(yè) 使用表格往往可以合理安排許多網(wǎng)頁(yè)元素，實(shí)現(xiàn)圖文混排的效果。而幀結(jié)構(gòu)由于在一定程度上能夠簡(jiǎn)化頁(yè)面導(dǎo)航的工作，因此在個(gè)人網(wǎng)頁(yè)中使用較多，這樣可以讓用戶(hù)在盡量少 重載 頁(yè)面的情況下瀏覽所需的內(nèi)容。提高瀏覽效率。然而當(dāng)超級(jí)鏈接的關(guān)系復(fù)雜到一定程度時(shí)就容易造成頁(yè)面之間的導(dǎo)航混亂，而且分幀的結(jié)構(gòu)也不是很容易控制其布局，因此即使它有很多優(yōu)點(diǎn)，但在大型商業(yè)站點(diǎn)中幾乎還是很少用幀結(jié)構(gòu)來(lái)組織頁(yè)面。 (6)謹(jǐn)慎使用圖片 過(guò)多的圖片很容易影響頁(yè)面的下載速度，因此網(wǎng)頁(yè)中的圖片都應(yīng)經(jīng)過(guò)嚴(yán)格篩選，必要時(shí)還需要進(jìn)行優(yōu)化處理。其次是不要過(guò)分追求色彩。真彩色的圖片固然很漂亮，但一般的瀏覽器并不能支持這么高的色彩，適當(dāng)?shù)匕褕D形中的顏色減少，將大大降低圖片所占字節(jié)數(shù)，使圖片變小，下載變快。 (7)平面設(shè)計(jì)意識(shí) 網(wǎng)頁(yè)創(chuàng)作者應(yīng)該學(xué)習(xí)平面設(shè)計(jì)，因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)有很多相通之處，要能熟練使用 Photoshop、 ImageReady 以及其他一些圖片處理工具；應(yīng)當(dāng)努力創(chuàng)作具有自己同站特色的圖片，使同站充滿(mǎn)創(chuàng)意。學(xué)好平面設(shè)計(jì)的一般技能是網(wǎng)頁(yè)設(shè)計(jì)能不斷 提高的基礎(chǔ)之一。 (8)減少 JavaApplet 和其他多媒體的使用 動(dòng)畫(huà)、聲音、交互式多媒體以及 Java等效果固然很好，但它們需要很多時(shí)間來(lái)下載，瀏覽者感到不耐煩。而像 Flash 之類(lèi)的 Web多媒體技術(shù)必須在瀏覽器安裝了 Flash 插件之后才能正常運(yùn)行和顯示，目前普遍使用的瀏覽器很可能因?yàn)闆](méi)有這個(gè)插件而在頁(yè)面上顯示為一個(gè)灰色區(qū)域或者一個(gè)大紅 X的警告框，使原來(lái)很好的創(chuàng)意大打折扣或完全沒(méi)有效果了。 JavaApplet 也應(yīng)慎用，因?yàn)?Java 需要一個(gè)初始化過(guò)程，在客戶(hù)機(jī)的配置比較差的情況下，初始化時(shí)間比較長(zhǎng)，在這個(gè)期 間瀏覽器中的頁(yè)面上將出現(xiàn)一個(gè)灰色的區(qū)域。 與 JavaApplet 相比， JavaScript 和 VBScript 是最常用的客戶(hù)端腳本編寫(xiě)語(yǔ)言，它們的最大好處是運(yùn)行在客戶(hù)端，而且脫離了 Java 虛擬機(jī)，因此執(zhí)行速度比較快，當(dāng)用戶(hù)下載頁(yè)面時(shí)就能夠立即產(chǎn)生效果。因此，能用 Javascript 實(shí)現(xiàn)的功能，就不要使用 Java。 GIF 格式和 JPEG 格式的原理與各自的適用范圍。 答：有一個(gè)非常簡(jiǎn)單的原則來(lái)判斷應(yīng)該采用哪種文件存儲(chǔ)格式：如果是自己設(shè)計(jì)的線條簡(jiǎn)單、色彩種類(lèi)比較少的圖形，或者是制作透明圖形、制作動(dòng)畫(huà)，那么 就用 GIF 格式。因?yàn)?GIF文件能夠做動(dòng)畫(huà)，而且它的壓縮算法是通過(guò)精簡(jiǎn)色彩集來(lái)實(shí)現(xiàn)的。如果需要在網(wǎng)頁(yè)上放置一幅照片，或者是處理過(guò)的照片，那么就使用 JPEG 文件格式，因?yàn)?JPEG的壓縮算法對(duì)包含有復(fù)雜的顏色的圖片很有效。 在 GIF 格式中最多允許有 256 色，而 JPEG 則沒(méi)有這個(gè)限制，且可以顯示所有的 RGB顏色。 RGB 顏色在一般的個(gè)人電腦上可以從 000000~FFFFFF，也就是所謂的 24位真彩色，它共有 256 X256 X256=16 777 216 種不同的色彩。而 GIF的顏色只用 8位表示，所以其色彩范圍為 00~FF，只能顯示 256 種顏色。 在使用彩色照片時(shí)，由于彩色照片屬于連續(xù)色調(diào)的圖像，因此它所包含的顏色數(shù)目一般 遠(yuǎn)遠(yuǎn)大于 256 色。如果把它保存為 GIF 格式的文件，將不能把這些顏色都顯示出來(lái)。 GIF的原理是先為所有的顏色建立一個(gè)索引，然后選擇其中 256 種最常見(jiàn)的顏色進(jìn)行顯示，因此 GIF 用來(lái)處理高清晰度照片是不合適的。 如果顏色數(shù)目少于 256 色，保存為真彩色的圖像就會(huì)造成浪費(fèi)，因?yàn)樵诒４鏋檎娌噬?JPEG的過(guò)程中，對(duì)每一個(gè)像素點(diǎn)，都要建立顏色信息，這樣就會(huì)有大量的顏色信息是重復(fù)的，圖片文件自然就會(huì)增大了。而 GIF與的 JPEG 不同，如前面所述，它首先在 GIF 文件頭部建立一個(gè)顏色索引表，然后僅僅保存各像素點(diǎn)對(duì)應(yīng)的顏色索引號(hào)。當(dāng)軟件在顯示這個(gè)文件時(shí)，首先要對(duì) GIF圖像進(jìn)行解碼，就會(huì)按照索引號(hào)在表中尋找對(duì)應(yīng)的顏色。因此在保存簡(jiǎn)單顏色的圖像時(shí)，GIF大量采用索引，就比 JPEG直接存儲(chǔ)備點(diǎn)的顏色信息節(jié)省得多 特別聲明： 1：資料來(lái)源于互聯(lián)網(wǎng)，版權(quán)歸屬原作者 2：資料內(nèi)容屬于網(wǎng)絡(luò)意見(jiàn)，與本賬號(hào)立場(chǎng)無(wú)關(guān) 3：如有侵權(quán)，請(qǐng)告知，立即刪除。
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號(hào)-1