網頁設計所忽略的一些事

相關推薦

網頁設計所忽略的一些事

　　網頁設計是網站策劃師、網絡程序員、網頁美術設計師等崗位應用各種網絡程序開發技術和網頁設計技術。下面就讓我們來看網頁設計可能忽略的一些事。

　　1. 名稱分為頭尾兩部分, 用下劃線隔開;

　　2. 頭部表示此圖片的大類性質, 比如:

　　1) 放置在頁面頂部的廣告, 裝飾圖案等長方形圖片命名為 banner

　　2) 標志性的圖片命名為 logo

　　3) 在頁面上位置不固定并且帶有鏈接的小圖片命名為 button

　　4) 在頁面某一個位置連續出現, 性質相同的鏈接欄目圖片命名為 menu

　　5) 裝飾用的照片命名為 pic

　　6) 不帶鏈接表示標題的圖片命名為 title

　　3. 尾部用來表示圖片的具體含義, 用英文字母表示, 例如:

　　banner_sohu.gif menu_aboutus.gif

　　logo_national.jpg button_cancel.jpg

　　pic_hill.jpg title_news.gif

　　4. 有 onmouse 效果的圖片, 兩張分別在原有文件名后加 "_on" 和 "_off" 命名.

　　網站目錄結構

　　1. 目錄建立的原則: 以最少的層次提供最清晰, 簡便的訪問結構;

　　2. 目錄的命名以小寫英文字母和下劃線組成;

　　3. 根目錄一般只存放 index.html 及其他必須的系統文件;

　　4. 每個主要欄目開設一個相應的獨立目錄;

　　5. 根目錄下的 images 文件夾用于存放各頁面都要使用的公共圖片, 子目錄下的 images 文件存放在本欄目頁面使用的私有圖片;

　　6. 所有 JSP, ASP, PHP 等腳本存放在根目錄之下的 scripts 目錄中;

　　7. 所有的 CGI 程序存放在根目錄下的 cgi_bin 目錄中;

　　8. 所有的 CSS 文件存放在根目錄下的 style 目錄中;

　　9. 每個語言版本存放在獨立的目錄, 例如, 簡體中文 gb;

　　10. 所有 flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的 media 目錄中.

　　筆者注: 關于JSP, ASP, PHP, 筆者也不知道~

　　網頁的構成板塊

　　網頁設計你可能忽略的一些事

　　網頁的構成板塊

　　Header(頭部)通常包含logo, menu 和一幅banner;

　　Footer(頁腳)主要放置說明信息, 如Logo, 網站的備案信息, 版權信息等. 有的網站會在版權信息上加個Guidebox(全站導航地圖), 方便用戶瀏覽網站和了解網站都有哪些信息.

　　網站的大致流程

　　網頁設計你可能忽略的一些事

　　網站的大致流程

　　注: 筆者也不知道"網站CI形象"是什么......

　　如何樹立網站風格?

　　1. 明確風格是建立在有價值的內容上的, 一個網站有風格而沒有內容, 就好比繡花枕頭一包草, 首先必須保證內容的質量和價值性, 這是最基本的, 毋庸置疑.

　　2. 需要徹底搞清楚自己希望站點給人的印象是什么, 可以從以下幾個方面來整理思路:

　　1) 如果只用一句話來描述你的站點, 應該是???

　　2) 想到你的站點, 可以聯想到的畫面是???

　　3) 想到你的站點, 可以聯想到的色彩是???

　　4) 如果網站是一個人, 他擁有的個性是???

　　5) 作為站長, 你希望給人的的印象是???

　　6) 用一種動物來比喻, 你的網站最像???

　　7) 瀏覽者覺得你與其他網站不同的是???

　　8) 瀏覽者和你交流合作的感受是???

　　3. 在明確自己的網站印象后, 開始努力建立并加強這種印象, 經過第二步印象的"量化"后, 需要進一步找出其中最具有特色的東西, 就是最能體現網站風格的東西, 并以它作為網站的特色加以重點強化, 宣傳. 參考做法如下:

　　1) 將你的標志(logo)盡可能地出現在每個頁面上(頁眉, 頁腳, 背景);

　　2) 突出你的標準色彩: 文字鏈接的色彩, 圖片的主色彩, 背景色, 邊框等盡量使用與標準色彩一致的色彩;

　　3) 突出你的標準字體: 在關鍵的標題, 菜單, 圖片中使用統一的字體;

　　4) 想一條朗朗上口的宣傳標語: 把它放在你的banner 中, 或者放在醒目的位置, 告訴大家你的網站特色是什么;

　　5) 使用統一的語氣和人稱: 即使是多人維護, 也要讓讀者覺得是同一個人寫的;

　　6) 使用統一的圖片處理效果: 例如, 陰影效果的方向, 厚度, 模糊度都保持一致(我想這是為了保持頁面的整齊性, 使其看起來不那么臟亂);

　　7) 創造一個你的站點特有的符號或圖標: 例如在一句鏈接前的一個點, 可以使用➸, ◆, ◇, ❉ 等(這使得你的網站具有鮮明的個人特色 );

　　8) 用自己設計的花邊, 線條或點;

　　9) 展示你網站的榮譽與作品(這點我覺得需要看情況, 不是很有必要 ).

　　網頁設計你可能忽略的一些事

　　雜項說明

　　1. 在網站的設計制作過程中, 我們會經歷很多的思考, 徘徊, 否定和重新思考, 網站可以采用模板的方式, 方便后期管理和修改, 例如修改導航, 添加導航就不用每頁都進行修改, 只是將模板頁修改再更新頁面即可完成數頁的修改工序. 當然你也可以每頁都進行制作, 這個沒有硬性要求. 模板的應用也將頁面風格統一, 這樣制作也方便, 更方便后期風格的更改(注: 可以將模板單獨存放于一個文件夾);

　　2. 一般情況下, 網站默認的首頁文件名是 index.html , 此外也可以是 index.asp, default.html等, 注意區分大小寫(注: 筆者一般看到的網站首頁文件名都是index.html, 其余兩種沒有見過, 也沒有嘗試過是否可行);

　　3. 一個網站的HTML結構可以看做書一樣的持久不變, 文檔內容會有一定的更新修改, 但最基本的HTML元素及文檔結構不會發生變化. 所以, 一個網站如果要更新樣式風格, 結構頁面是不需要修改的.

　　CSS文檔和HTML結構文件分開來, 除了降低文件的大小, 加快下載速度外, CSS文檔在頁面瀏覽時還能被緩存在瀏覽器中. 例如, 當瀏覽器要添加另外一些頁面時, 每個文件的大小都有將近30k, 那么, 用戶瀏覽網站中的每一個頁面都必須從服務器下載30k 的內容, 每次瀏覽器都是如此. 所以將風格樣式文件另存于CSS文件, 當瀏覽器頁面加載文件時, 每個頁面共用的CSS文件也將不必被重復下載, 這樣用戶訪問某個頁面時, 只要下載其頁面內容即可, 另外的CSS樣式文件直接可以在瀏覽器緩存中得到. 當站點的流量非常大時, 這些省下來的字節將極大降低你的帶寬需求.

【網頁設計所忽略的一些事】相關文章：