Website design and construction needs careful planning. And just like designing conventional brochures or literature, it pays to sketch out your ideas before you actually start creating the individual elements of the project. The overall site map can be simply roughed out on paper, or if you need a more professional looking document, prepared in a "flow chart" style presentation package. Some HTML editing software, such as Golive 6 actually provide this facility, with the added bonus of being able to convert the page icons in your layout into "real" ones once you have finalised your design.

网站设计和架构需要仔仔细细的计划，就如同设计传统的文学作品一样。在你准备创建单独的项目元素之前，你值得花时间去设计一下放案。整个站点地图可以粗略的描绘在纸上，或者，如果你需要一个更具专业视觉效果的文档，你可以制作一份具有浮动效果的“流程图”。一些HTML编辑软件，如：Golive 6，它可以为你提供这些功能。一旦你完成了整个站点设计，你就能够把它转化成真实的在网络中的显示样式。

Having established the overall site plan, it is time to look at the design and content of the individual pages. And here, rather than start laying out your web pages immediately in your favourite web page editor, it is often easier to prepare your basic layouts in an image editing program such as Photoshop. In my experience, no matter how carefully you think through the design, there are invariably elements you'll want to change or modify as the project and your ideas develop.

在完成了整个检站计划之后，接下来的任务就是要花时间好好看看每个页面的设计和内容了。不要直接使用网页编辑器来对页面进行布局。你可以使用诸如Photoshop这样的图形编辑器来完成整个基础布局。就我的经验而言，不管怎样认真策划你的设计方案，当整个项目和你的想法更新之后，你总觉得某些元素需要改变或是修改。

In this respect, even though they are just "visuals" it helps if the web pages appear to be as realistic as possible. One way of doing this is to use a short text file which I fondly refer to as "Lorem Ipsum" to simulate body text wthin the documents. This text is used extensively in the desktop publishing industry, and, although it is complete "goble de gook" , is has been very carefully constructed. You might think that just typing a random set of letters to indicate areas of "proper" text to be inserted later would be sufficient. However, just try it and you'll soon realize it is remarkably difficult to make it look convincing!!.

在这个方面，尽管它们仅仅是“视觉上的”，它们也可以帮助整个网页表现得更加接近现实。其中一个实现方式就是使用一个我强烈推崇的短篇幅文本文件，以它作为模仿文档内主体文本的“Lorem Ipsum [ Lorem Ipsum原本是指欧美在设计、排版时，用来填充版面的假文字，大体上以拉丁文为主，让版面上看起来有标题、文章，但评估字型、版面的时候，又不至于被文字实际的内容影响。]”。这段文本被广泛地用于桌面出版系统业，尽管它是完整的“goble de gook”，它也是被非常谨慎地构建出来的。你可能会认为，在后期插入一组随机输入的字母来显示“固有”文本的范围就完全可以满足需要了。然而，当你这样试了之后不久就会发现，如果仅通过这样就想使人看上去信服是非常困难的。

In my own design work, I add a further touch of realism by placing "real" text in the opening paragraphs of my documents. I then simply flow in the text file afterwards, to make up the necessary "body text" to complete the section. When viewing any document initially, our eyes rarely "see" much beyond those first few lines, and so we hardly notice the transition to the "Lorum ipsum" text. As you can see in the accompanying home page "mock up" for a new web site project of mine, the result, is extremely convincing.

关于我自己的设计工作，我往往通过向开放式的文档段落中添加一点显示注意的色彩。我事后只是流于文档文件，添加必要的“主体文本”来完成整个部分。最初，当浏览所有文档时，我们的眼球很少会注意前几行之后的内容，所以，我们几乎不会注意“Lorum ipsum”文本的转变。因此，当你可以为我的一个全新的网站创建出全新的首页时，结果会相当令人折服。

附：

Sample of Lorem Ipsum Text:
Lorem Ipsum文本案例：

Lorem ipsum dolor sit amet, selit tred diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. Tation ullam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate. Stelit esse molestie consequat, vel illum dolore eu feugiat nulla. Facilisis at vero eros et accumsan et iusto odio dignissim qui. Blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Des diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud. Exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex eaco modo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eroset accu msan et iusto odio. Blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

XHTML和样式表 迅速提高你的销售业绩

评论 (0) All