- 相關(guān)推薦
網(wǎng)頁(yè)設計所忽略的一些事
網(wǎng)頁(yè)設計是網(wǎng)站策劃師、網(wǎng)絡(luò )程序員、網(wǎng)頁(yè)美術(shù)設計師等崗位應用各種網(wǎng)絡(luò )程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設計技術(shù)。下面就讓我們來(lái)看網(wǎng)頁(yè)設計可能忽略的一些事。
1. 名稱(chēng)分為頭尾兩部分, 用下劃線(xiàn)隔開(kāi);
2. 頭部表示此圖片的大類(lèi)性質(zhì), 比如:
1) 放置在頁(yè)面頂部的廣告, 裝飾圖案等長(cháng)方形圖片命名為 banner
2) 標志性的圖片命名為 logo
3) 在頁(yè)面上位置不固定并且帶有鏈接的小圖片命名為 button
4) 在頁(yè)面某一個(gè)位置連續出現, 性質(zhì)相同的鏈接欄目圖片命名為 menu
5) 裝飾用的照片命名為 pic
6) 不帶鏈接表示標題的圖片命名為 title
3. 尾部用來(lái)表示圖片的具體含義, 用英文字母表示, 例如:
banner_sohu.gif menu_aboutus.gif
logo_national.jpg button_cancel.jpg
pic_hill.jpg title_news.gif
4. 有 onmouse 效果的圖片, 兩張分別在原有文件名后加 "_on" 和 "_off" 命名.
網(wǎng)站目錄結構
1. 目錄建立的原則: 以最少的層次提供最清晰, 簡(jiǎn)便的訪(fǎng)問(wèn)結構;
2. 目錄的命名以小寫(xiě)英文字母和下劃線(xiàn)組成;
3. 根目錄一般只存放 index.html 及其他必須的系統文件;
4. 每個(gè)主要欄目開(kāi)設一個(gè)相應的獨立目錄;
5. 根目錄下的 images 文件夾用于存放各頁(yè)面都要使用的公共圖片, 子目錄下的 images 文件存放在本欄目頁(yè)面使用的私有圖片;
6. 所有 JSP, ASP, PHP 等腳本存放在根目錄之下的 scripts 目錄中;
7. 所有的 CGI 程序存放在根目錄下的 cgi_bin 目錄中;
8. 所有的 CSS 文件存放在根目錄下的 style 目錄中;
9. 每個(gè)語(yǔ)言版本存放在獨立的目錄, 例如, 簡(jiǎn)體中文 gb;
10. 所有 flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的 media 目錄中.
筆者注: 關(guān)于JSP, ASP, PHP, 筆者也不知道~
網(wǎng)頁(yè)的構成板塊
網(wǎng)頁(yè)設計 你可能忽略的一些事
網(wǎng)頁(yè)的構成板塊
Header(頭部)通常包含logo, menu 和一幅banner;
Footer(頁(yè)腳)主要放置說(shuō)明信息, 如Logo, 網(wǎng)站的備案信息, 版權信息等. 有的網(wǎng)站會(huì )在版權信息上加個(gè)Guidebox(全站導航地圖), 方便用戶(hù)瀏覽網(wǎng)站和了解網(wǎng)站都有哪些信息.
網(wǎng)站的大致流程
網(wǎng)頁(yè)設計 你可能忽略的一些事
網(wǎng)站的大致流程
注: 筆者也不知道"網(wǎng)站CI形象"是什么......
如何樹(shù)立網(wǎng)站風(fēng)格?
1. 明確風(fēng)格是建立在有價(jià)值的內容上的, 一個(gè)網(wǎng)站有風(fēng)格而沒(méi)有內容, 就好比繡花枕頭一包草, 首先必須保證內容的質(zhì)量和價(jià)值性, 這是最基本的, 毋庸置疑.
2. 需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么, 可以從以下幾個(gè)方面來(lái)整理思路:
1) 如果只用一句話(huà)來(lái)描述你的站點(diǎn), 應該是???
2) 想到你的站點(diǎn), 可以聯(lián)想到的畫(huà)面是???
3) 想到你的站點(diǎn), 可以聯(lián)想到的色彩是???
4) 如果網(wǎng)站是一個(gè)人, 他擁有的個(gè)性是???
5) 作為站長(cháng), 你希望給人的的印象是???
6) 用一種動(dòng)物來(lái)比喻, 你的網(wǎng)站最像???
7) 瀏覽者覺(jué)得你與其他網(wǎng)站不同的是???
8) 瀏覽者和你交流合作的感受是???
3. 在明確自己的網(wǎng)站印象后, 開(kāi)始努力建立并加強這種印象, 經(jīng)過(guò)第二步印象的"量化"后, 需要進(jìn)一步找出其中最具有特色的東西, 就是最能體現網(wǎng)站風(fēng)格的東西, 并以它作為網(wǎng)站的特色加以重點(diǎn)強化, 宣傳. 參考做法如下:
1) 將你的標志(logo)盡可能地出現在每個(gè)頁(yè)面上(頁(yè)眉, 頁(yè)腳, 背景);
2) 突出你的標準色彩: 文字鏈接的色彩, 圖片的主色彩, 背景色, 邊框等盡量使用與標準色彩一致的色彩;
3) 突出你的標準字體: 在關(guān)鍵的標題, 菜單, 圖片中使用統一的字體;
4) 想一條朗朗上口的宣傳標語(yǔ): 把它放在你的banner 中, 或者放在醒目的位置, 告訴大家你的網(wǎng)站特色是什么;
5) 使用統一的語(yǔ)氣和人稱(chēng): 即使是多人維護, 也要讓讀者覺(jué)得是同一個(gè)人寫(xiě)的;
6) 使用統一的圖片處理效果: 例如, 陰影效果的方向, 厚度, 模糊度都保持一致(我想這是為了保持頁(yè)面的整齊性, 使其看起來(lái)不那么臟亂);
7) 創(chuàng )造一個(gè)你的站點(diǎn)特有的符號或圖標: 例如在一句鏈接前的一個(gè)點(diǎn), 可以使用➸, ◆, ◇, ❉ 等(這使得你的網(wǎng)站具有鮮明的個(gè)人特色 );
8) 用自己設計的花邊, 線(xiàn)條或點(diǎn);
9) 展示你網(wǎng)站的榮譽(yù)與作品(這點(diǎn)我覺(jué)得需要看情況, 不是很有必要 ).
網(wǎng)頁(yè)設計 你可能忽略的一些事
雜項說(shuō)明
1. 在網(wǎng)站的設計制作過(guò)程中, 我們會(huì )經(jīng)歷很多的思考, 徘徊, 否定和重新思考, 網(wǎng)站可以采用模板的方式, 方便后期管理和修改, 例如修改導航, 添加導航就不用每頁(yè)都進(jìn)行修改, 只是將模板頁(yè)修改再更新頁(yè)面即可完成數頁(yè)的修改工序. 當然你也可以每頁(yè)都進(jìn)行制作, 這個(gè)沒(méi)有硬性要求. 模板的應用也將頁(yè)面風(fēng)格統一, 這樣制作也方便, 更方便后期風(fēng)格的更改(注: 可以將模板單獨存放于一個(gè)文件夾);
2. 一般情況下, 網(wǎng)站默認的首頁(yè)文件名是 index.html , 此外也可以是 index.asp, default.html等, 注意區分大小寫(xiě)(注: 筆者一般看到的網(wǎng)站首頁(yè)文件名都是index.html, 其余兩種沒(méi)有見(jiàn)過(guò), 也沒(méi)有嘗試過(guò)是否可行);
3. 一個(gè)網(wǎng)站的HTML結構可以看做書(shū)一樣的持久不變, 文檔內容會(huì )有一定的更新修改, 但最基本的HTML元素及文檔結構不會(huì )發(fā)生變化. 所以, 一個(gè)網(wǎng)站如果要更新樣式風(fēng)格, 結構頁(yè)面是不需要修改的.
CSS文檔和HTML結構文件分開(kāi)來(lái), 除了降低文件的大小, 加快下載速度外, CSS文檔在頁(yè)面瀏覽時(shí)還能被緩存在瀏覽器中. 例如, 當瀏覽器要添加另外一些頁(yè)面時(shí), 每個(gè)文件的大小都有將近30k, 那么, 用戶(hù)瀏覽網(wǎng)站中的每一個(gè)頁(yè)面都必須從服務(wù)器下載30k 的內容, 每次瀏覽器都是如此. 所以將風(fēng)格樣式文件另存于CSS文件, 當瀏覽器頁(yè)面加載文件時(shí), 每個(gè)頁(yè)面共用的CSS文件也將不必被重復下載, 這樣用戶(hù)訪(fǎng)問(wèn)某個(gè)頁(yè)面時(shí), 只要下載其頁(yè)面內容即可, 另外的CSS樣式文件直接可以在瀏覽器緩存中得到. 當站點(diǎn)的流量非常大時(shí), 這些省下來(lái)的字節將極大降低你的帶寬需求.
【網(wǎng)頁(yè)設計所忽略的一些事】相關(guān)文章：
網(wǎng)站網(wǎng)頁(yè)設計的一些小知識09-01
網(wǎng)頁(yè)設計入門(mén)基礎10件事09-04
被忽略的交互設計本質(zhì)05-22
高會(huì )答辯容易忽略的細節09-24
Java編程中最容易忽略的問(wèn)題06-10
科目二考場(chǎng)容易被忽略的雷區10-14
科目二易被學(xué)員忽略的誤區11-04
施工易忽略的隱形大問(wèn)題10-27