Webmaster Resource Site

Webmaster Resource
Home
網站初步
域名註冊
網站空間寄存
網站設計
網站推廣
電子商務
網站創收
網絡安全
網絡名詞解釋
友情鏈接
聯絡我們

Webmaster resource Banner

Webmaster Resource
Internet Computer
How to design a good website

  • 頁面佈局：使用表格，CSS，模板。
  • 圖片，背景，色彩
  • 使用腳本
  • 內容，文件大小
  • 流覽器和平台兼容性
  • 網站設計工具
頁面佈局：使用表格，框架，CSS，模板。

表格曾被廣泛地應用於頁面佈局。它易於使用，靈活性大。框架常用於導航菜單，但是並不是所有的平台都支持。框架的一個缺點是搜索引擎不能很好地閱讀和跟蹤它的連接。CSS(Cascading Style Sheets)是現在非常流行的用於給網站文件添加格式( 例如字型，顏色，分佈）。一些早期版本的流覽器可能不支持CSS。

如果你的網站有很多網頁，給每個新的網頁編寫代碼可能會很成問題。用模板能夠讓你很方便快速地添加網頁。

你可以設計自己的模板：先做好主頁，然後通過替換主頁的內容為「產品」頁的內容來做其他網頁。

網上也有很多設計好的模板。網站管理者如果沒有時間或需要專業設計的話可以免費或付費使用這些模板。

相關鏈接:

圖片，背景，色彩

網站文字應該清晰易讀。背景不要和文本混淆。鏈接顏色應該和網頁的顏色和諧。背景，色彩在你的網站中應該具有連續性，讓訪問者在從一個網頁到另一網頁的時候知道他們仍然在你的網站。每一頁都放上你的網站logo，並且讓它連向你的主頁。每頁的導航按紐都應該在同一個地方以方便找到。

使用腳本

你可以寫腳本為你的網站添加新的功能。確保你的網站服務器支持這種語言。一些網站空間寄存商提供安裝好的腳本如論壇、購物車等，網站管理者可以免費或付費使用。

內容，文件大小

你可以在你的網頁上任意添加圖片，但是記住：內容才是吸引訪客來到你的網站，及一次次地回來訪問的關鍵。通常你的網頁大小不應該超過50K，因為文件太大的話需要更長的時間下載，訪問者可沒有那麼耐心。

流覽器和平台兼容性

人們可能通過不同的計算機訪問你的網站。所以當做網站設計的時候，需要考慮以下因素：
  • 顯示器分辨率: 顯示器分辨率可能是800x600, 1024x768, or 640x480 (少部分人使用)。如果你設計的網站是固定寬度的話，最好設計你的網頁不要超過800x600；否則有部分訪問者將需要水平滾動屏幕才能看到整個網頁。如果你只用相對寬度如100%、75%，你要確保你的圖片不要超過列的寬度。
  • 調色板: 調色板可能是32bit, 16bit, or 256色。顏色代碼在不同的系統可能顯示不同的色彩。在你的計算機系統中看起來很漂亮的網頁可能在別的系統中顯得醜陋。所以你最好也在其它色彩設置和平台上檢查一下。
  • 流覽器: 調色板可能是IExplore, Netscape, Mozilla和Opera等。如果你的網頁設計中採用了frame, Java, JavaScript, cascading style sheets，一些流覽器可能不支持。訣竅是不要完全依賴它們，而是使用類似"if noframe" 等.
為了確保網站的流覽器和平台兼容性，你可能需要在你的計算機上安裝不同版本的IExplore, Netscape, Mozilla and Opera，或者使用以下的一些工具來檢測。

網站設計工具
  • Spell checker, translator
  • HTML ,XHTML , CSS validator
  • Browser check
  • Web Site Counters and Trackers
  • Online logo design, clip arts
  • Search your site
  • Link Validators and Dead Link Check
  • Ranking And Position Check
  • Load time check
更多的網站設計工具見這裡 		怎樣設計一個好的網站

  • Layout: use tables, CSS or template
  • Graphics, Backgrounds, and Colors
  • Use script
  • Content, file size
  • Browser and platform Compatibility
  • List of webmaster tools
Layout: Use Tables, frames, CSS or Template

Tables are widely used for page layout, it's easy to use and most flexible. Frames are often used to design navigate menus, but not all platform support it. A drawback of frames is that search engine robot cannot read and follow links in frames very well. CSS (Cascading Style Sheets) is very popular today for adding style (e.g. fonts, colors, spacing) to Web documents. Some old version browsers may not support CSS.

Coding every new page in your Web site from scratch may be a problem if you site has more pages. Template can let you make your web pages very quickly and easily.

You can create your own template, starting with make the home page, then make other pages by just replace the home page content with "product" content.

there are also many ready-made templates webmasters can use free or pay for it if you lack of time or skills or prefer professional designs.

Related Links:

Graphics, Backgrounds, and Colors

Text should be clear to read. Background does not interrupt the text. Link colors coordinate with page colors. Background, colors should be consistent though out your web site, to let visitor know they are still in your site when they go from page to page. Place logo on every page and make the logo a link to the home page. Navigation button should be in the same place of each page and easy to find.

Use Script

To add feature to your website, you may write script. Make sure which language is supported by web host. Some web host offer installed script like Message board, shopping cart etc. Web masters can use free or pay for it.

Content, file size

You can add pictures, flashes etc to your page as you like, but keep in mind: content is the most important thing which attract people to your pages, to get visitors come back again and again to your website. And often the file size of your page should not be more than 50K; because large file need more time to load and visitors are not so patient.

Browser and platform Compatibility

People who visit your site may use different computers. So when design your web pages, following issues should be considered:
  • Screen solution: screen solution may be 800x600, 1024x768, or 640x480 (few people use). If you design your site with fixed widths, you'd better design your page no more than 800x600; otherwise your visitors need to scroll their screens horizontally to see the entire page. If you only use relative widths like 100%, 75%, you shall make sure your pictures used by the web page exceed the widths of the columns.
  • Color palettes: Color palettes may be 32bit, 16bit, or 256colors. Color code results in different colors on different systems. What looks beautiful in your system may looks ugly in other system, so you'd better switch to other color settings and platform to check it.
  • Browsers: Browsers may be IExplore, Netscape, Mozilla and Opera etc. If you design your web site using frame, Java, JavaScript, cascading style sheets, some browser may don't support it. Tips is not entirely depended on them and use something like "if noframe" etc.
To make sure the browser and platform compatibility of your website, you may install different vision of IExplore, Netscape, Mozilla and Opera on your computers, or use following webmaster tools to check them on one computer.

List of webmaster tools
  • Spell checker, translator
  • HTML ,XHTML , CSS validator
  • Browser check
  • Web Site Counters and Trackers
  • Online logo design, clip arts
  • Search your site
  • Link Validators and Dead Link Check
  • Ranking And Position Check
  • Load time check
You can find more tools here
Copyright © 2005, Webmaster Resource Poempalace.org. All rights reserved.