什么是最好的网站布局？ [英] What is the best web site layout?

问题描述

我正在设计一个网站，展示一堆度假

图片。它将有一个横幅和一个导航菜单（包含13个可以点击的
矩形图像）。我正在考虑几种不同的

布局：


- 横幅位于顶部，导航菜单位于其下方。问题

这个布局的菜单大约是770像素宽，因为那里有
是13个项目。许多用户必须最大化他们的浏览器窗口

保持水平滚动条不显示。


- 横幅在顶部，下方有导航菜单左边。这个布局的

问题是在菜单下面的页面下方会有一列空白区域（大约

120像素宽 - 菜单宽度） 。这个

可能不太吸引人。


这两个布局也存在用户需要滚动所有

的问题回到页面顶部的方式进入菜单。

使用CSS和位置会更好吗：固定模拟框架（顶部有横幅，左边是

菜单）？这样导航菜单总是可以看到
，菜单下面似乎没有浪费太多空间。

然后横幅（这是关于90像素高）会占用一些浏览器

房地产。


您认为最佳布局是什么？


感谢您的任何意见。

Hi,

I am designing a web site that will that showcase a bunch of vacation
pictures. It will have a banner and a navigation menu (consisting of 13
rectangular images that can be clicked). I am considering a few different
layouts:

- Banner on top, with the navigation menu immediately below it. The problem
with this layout is that the menu would be about 770 pixels wide, since there
are 13 items in it. Many users would have to maximize their browser window to
keep the horizontal scroll bar from appearing.

- Banner on top, with the navigation menu below it along the left side. The
problem with this layout is that there would be a column of empty space (about
120 pixels wide -- the width of the menu) down the page below the menu. This
may not be too attractive.

Those two layouts also have the problem of the user needing to scroll all the
way back up to the top of the page to get to the menu. Would it be better to
use CSS and position:fixed to simulate frames (with the banner on top and the
menu along the left side)? That way the navigation menu would always be
visible and there wouldn''t appear to be too much wasted space under the menu.
But then the banner (which is about 90 pixels high) would take up some browser
real estate.

What do you think is the best layout?

Thanks for any input.

推荐答案

< de ******* @ no。 spam.com>在消息中写道

新闻：3f *************** @ news.md.comcast.giganews.co m ...

<de*******@no.spam.com> wrote in message
news:3f***************@news.md.comcast.giganews.co m...

我正在设计一个展示一堆度假照片的网站。它将有一个横幅和一个导航菜单（由13个可以点击的矩形图像组成）。我正在考虑几种不同的布局：


罚款。

- 横幅位于顶部，导航菜单位于其下方。这个布局的
问题是菜单大约是770像素宽，因为
里面有13个项目。许多用户必须最大化他们的浏览器
窗口以防止出现水平滚动条。


呃，为什么。组织菜单，以便当画布变得太窄时，

菜单会流向两条（或更多条）线。

- 横幅在顶部，下方有导航菜单左边。
这个布局的问题是在菜单下面的页面下面会有一列空格
（大约120像素宽 - 菜单的宽度）。
这可能不太吸引人。


是的。有许多网站在内容的左边有浪费空间的120（或

无论如何）像素。

Hi,

I am designing a web site that will that showcase a bunch of vacation
pictures. It will have a banner and a navigation menu (consisting of 13
rectangular images that can be clicked). I am considering a few different
layouts:
Fine.
- Banner on top, with the navigation menu immediately below it. The problem with this layout is that the menu would be about 770 pixels wide, since there are 13 items in it. Many users would have to maximize their browser window to keep the horizontal scroll bar from appearing.
Er, why. Organise the menu so that when the canvas becomes too narrow the
menu flows onto two (or more) lines.
- Banner on top, with the navigation menu below it along the left side. The problem with this layout is that there would be a column of empty space (about 120 pixels wide -- the width of the menu) down the page below the menu. This may not be too attractive.
True. There are any number of sites out there that have that 120 (or
whatever) pixels of wasted space to the left of the content.

这两个布局也存在用户需要滚动

Those two layouts also have the problem of the user needing to scroll

一直回到页面顶部才能进入菜单的问题。


大多数浏览器都有一把钥匙可以做到这一点。它通常是Home键。大多数用户

知道如何使用这个键。


使用CSS和位置会更好吗：固定模拟帧


这不适用于IE（最流行的^ H ^ H ^ H ^ H ^ H使用的浏览器）。

（顶部有横幅和
菜单沿左侧）？这样导航菜单总是可见的，
菜单下似乎没有太多的浪费空间。但是横幅（大约90像素高）会占用一些
的浏览器空间。

您认为最佳布局是什么？

all the way back up to the top of the page to get to the menu.
Most browsers have a key to do this. It is usually the Home key. Most users
know how to use this key.
Would it be better to
use CSS and position:fixed to simulate frames
This does not work with IE (the most popular^H^H^H^H^H used browser).
(with the banner on top and the
menu along the left side)? That way the navigation menu would always be
visible and there wouldn''t appear to be too much wasted space under the menu. But then the banner (which is about 90 pixels high) would take up some browser real estate.

What do you think is the best layout?

简单。没有技巧。


干杯

Richard。

Simple. No tricks.

Cheers
Richard.

de ******* @ no.spam.com 写道：

我正在考虑几种不同的布局：
- 横幅位于顶部，导航菜单位于其下方。这种布局的问题是菜单宽约770像素，因为它有13个项目。许多用户必须最大化他们的浏览器窗口以保持水平滚动条显示出来。


确实不太理想。尝试较小的照片。

- 横幅在顶部，左侧的导航菜单位于左侧。这种布局的问题在于，在菜单下方的页面下方会有一个空格的列（大约120像素宽 - 菜单的宽度）。这可能不太吸引人。


没问题IMO

这两个布局也存在用户需要滚动
一直回到顶部的问题页面进入菜单。


有些人知道如何使用Home和End键:-)

将
更好地使用CSS和位置：固定为模拟框架（顶部是横幅，左侧是菜单）？


请注意通常使用javascript的事实。后果是

当js被解除时根本没有菜单：
http://www.mark.ac/help/sticky.html

那样
导航菜单总是可见的似乎不会在菜单下浪费太多空间。


就像你说*出现* :-)

然后横幅（
高约90像素）会占用一些浏览器房地产。


无必需要： http：/ /www.nicoschuyt.nl/test/fixed_menu.htm

横幅滚出视线。

您认为最佳布局是什么？

I am considering a few different layouts: - Banner on top, with the navigation menu immediately below it. The
problem with this layout is that the menu would be about 770 pixels
wide, since there are 13 items in it. Many users would have to
maximize their browser window to keep the horizontal scroll bar from
appearing.
Not ideal indeed. Try smaller pictures.
- Banner on top, with the navigation menu below it along the left
side. The problem with this layout is that there would be a column
of empty space (about 120 pixels wide -- the width of the menu) down
the page below the menu. This may not be too attractive.
No problem IMO
Those two layouts also have the problem of the user needing to scroll
all the way back up to the top of the page to get to the menu.
Some people know how to use the Home and End keys :-)
Would
it be better to use CSS and position:fixed to simulate frames (with
the banner on top and the menu along the left side)?
Be aware of the fact that often javascript is applied. Consequence is that
there is no menu at all when js is disabeled:
http://www.mark.ac/help/sticky.html
That way the
navigation menu would always be visible and there wouldn''t appear to
be too much wasted space under the menu.
Like you say *appear* :-)
But then the banner (which
is about 90 pixels high) would take up some browser real estate.
Not necessarely: http://www.nicoschuyt.nl/test/fixed_menu.htm
The banner scrolls out of sight.
What do you think is the best layout?

我自己更喜欢带有菜单的基本设计（另外重复菜单
大页面底部的
）和内容权利


祝你好运，

Nico

I myself prefer a basic design with menu left (in addition repeat the menu
at the bottom on large pages) and content right

Good luck,
Nico

On Mon，03 Nov 2003 08:50:41 GMT，< a href =mailto：de ******* @ no.spam.com> de ******* @ no.spam.com 写道：

On Mon, 03 Nov 2003 08:50:41 GMT, de*******@no.spam.com wrote:

它将有一个横幅和一个导航菜单（由13个可以点击的矩形图像组成）。


它需要那么多吗？ 7或8可能会使读者友好的布局更加便宜。

我正在考虑几种不同的布局：

- 横幅在顶部，导航菜单紧挨着它。这个布局的问题是菜单宽约770像素，因为其中有13个项目。许多用户必须最大化他们的浏览器窗口以保持水平滚动条不出现。


为什么不让菜单以适当的宽度换行？参见例如
http://www.xs4all.nl /~sbpoley/webmat...ssbuttons.html 以

读者友好的方式。


....那些两个布局也存在用户需要将所有
方式回滚到页面顶部才能进入菜单的问题。


按下主页关键不是非常艰巨。



使用CSS和位置会更好吗：固定模拟框架（顶部有横幅和
菜单沿左侧）？这样导航菜单总是可见的，菜单下面似乎没有太多浪费的空间。
然后横幅（大约90像素高）会占用一些浏览器
房地产。


不是我的偏好。

您认为最佳布局是什么？

It will have a banner and a navigation menu (consisting of 13
rectangular images that can be clicked).
Does it need to be that many? 7 or 8 probably makes for a more
reader-friendly layout.
I am considering a few different
layouts:

- Banner on top, with the navigation menu immediately below it. The problem
with this layout is that the menu would be about 770 pixels wide, since there
are 13 items in it. Many users would have to maximize their browser window to
keep the horizontal scroll bar from appearing.
Why not just allow the menu to wrap at the appropriate width? See e.g.
http://www.xs4all.nl/~sbpoley/webmat...ssbuttons.html for a
reader-friendly way of doing it.

....Those two layouts also have the problem of the user needing to scroll all the
way back up to the top of the page to get to the menu.
Pressing the "home" key isn''t terribly arduous.

Would it be better to
use CSS and position:fixed to simulate frames (with the banner on top and the
menu along the left side)? That way the navigation menu would always be
visible and there wouldn''t appear to be too much wasted space under the menu.
But then the banner (which is about 90 pixels high) would take up some browser
real estate.
Not my preference.
What do you think is the best layout?

要么你的前两个，如果明智地实施的话。


-

Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

这篇关于什么是最好的网站布局？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！