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.