㈠ 网页设计怎么布局整体的布局

网页都差不多
我的方法是：打开dreamweaver后
先插入4行一列的表格（居中）
然后第一行
插一幅图片（logo、专banner等）第二行插入属一行8列的表格
当作导航
第三行是主题内容
根据网页的内容确定
第四行是版权··
再就是
做网页的时候
根据不同的内容
选用不同的色调

㈡ 网页怎么布局

在前一课中，我们阐述了何为布局表格以及布局表格与常规表格的区别。 完成这一过程需要执行五个步骤，本课将详细介绍各个步骤。本课还介绍了可简化设计过程的网页设置提示。 在开始绘制布局表格和单元格之前，需要完成一些网页准备工作。请利用“视图”菜单完成下列设置： 显示标尺 确保标尺已经显示，如此处所示。标尺可帮助你度量布局的宽度与高度（单位为像素）。 清除默认边距 虽然该图中未予显示，但在网页顶端和左侧的确有默认边距。清除默认边距后,使用标尺将更加方便。 显示网格 虽然并不必要，但网格可为绘制操作提供参考。 创建布局的第一步是创建布局表格。通过“绘制”或者将表格拖至所需的尺寸可以完成这一步。下面是一些关于绘制布局表格的提示： 开始之前的准备工作 首先构思布局的宽度。请记住，某些人的显示器分辨率可能比较低，如果你的布局过宽，该布局可能无法全部显示。 使用标尺、描摹图像或网格作为参考 无论使用哪个工具，你都将发现使用这些功能可以大大简化布局的安置。 第二步是绘制布局单元格。它们是布局中将包含内容的部分。下面是一些有关绘制单元格的提示： 不必担心单元格的绘制是否完美 请大胆绘制布局单元格，然后再根据需要对其进行位置移动和大小调整处理。 宽度和高度只能以像素为单位 这是因为布局单元格功能仅可用于固定的、基于像素的表格设计。（自动伸缩是一种例外情况，在这种情况下，可以将宽度或高度设置为 100%，从而使宽度或高度与可用空间匹配。这是一种在布局表格与单元格设计完成之后使用的常用技巧。 若要调整布局单元格的大小，请单击大小调整控点，然后在调整大小时按 Alt。 步骤三：调整布局单元格 你不可避免需要对布局单元格进行细微调整：某些单元格可能需要进行细微的大小调整，而某些单元格则需要移动或稍微移动至正确位置。 可使用鼠标指针拖动大小调整控点来调整布局单元格的大小。另外，如上一课所述，还可拖动整个单元格以将其移动到相应位置。 重要 在拖动以调整单元格大小或移动单元格时，对于任何移动或大小调整，FrontPage 都将采用 10 像素步进增量。某些时候，该功能十分有用，而某些时候则无须使用该功能。若要忽略该步进移动功能，请在调整单元格大小或移动单元格时按住 Alt 键。 注意 另外，还有其他一些调整布局单元格大小和移动布局单元格的方法。在随后的练习单元中将介绍这些方法。 步骤四：单元格的填充和格式设置 在绘制完布局表格和单元格之后，你自然希望在其中填充内容。 可以采用多种方法来完成该任务。你可以键入文本、使用“插入”菜单中的各种选项，或者你可以拖放图像，如该图所示。 另外，你可能会希望使用背景色、衬距、边框等来设置布局表格和单元格的格式。这些设置都可以在页面右方的”布局表格和单元格“选项卡里进行，方法与普通表格的设置类似。这里不再赘述。 完成布局的填充与格式设置后，请务必使用“文件”菜单中的“在浏览器中预览”命令确保网页没有问题。

㈢ 网页设计怎样布局

网页都差不多
我的方法是：打开dreamweaver后
先插入4行一列的表格（居中）
然后第一行
插一幅图片（logo、banner等）第二行插入一行8列的表格
当作导航
第三行是主题内容
根据网页的内容确定
第四行是版权··
再就是
做网页的时候
根据不同的内容
选用不同的色调

㈣ 如何进行合理的网页布局

关于布局也许是大家最不放在眼里的地方，其地位如同文字的排版一样，随便可布，布即随便。但是看过我上篇《网页设计技巧》的朋友也许就会清楚，其实文字排版是一种不起眼但却非常重要的细节。做好了会让作品更为精细漂亮，做不好也许就成为作品失改的重要原因。其实布局也是一样，需要我们足够的重视起来。下面我要讲的不是网页布置成“左中右”、“左右”、“上中下”之类的问题。而是讲位置的重心与位置之间的对比关系。

众所周知，国外有一种叫黄金分割率的概念。下面我引用一段非常专业的解释：“黄金分割最早见于古希腊和古埃及。黄金分割又称黄金率、中外比，即把一根线段分为长短不等的a、b两段，使其中长线段的比（即a+b）等于短线段b对长线段a的比，列式即为a:(a+b)=b:a，其比值为0.6180339……这种比例在造型上比较悦目，因此，0.618又被称为黄金分割率。”大家也看清楚了什么叫黄金分割。我们中国也有一种类似于这样的概念叫九宫格。这个也许就有一些朋友不清楚了，这是一种用以临写碑帖的一种界格纸。基本形是一个长方形等分九格。在这个九宫格中中间部分就产生了四个交叉点，这四个交叉点就是视觉中心点。

图示：九宫格

好了，我们为什么要讲这两个概念呢？是因为这两个概念是设计的决窍之所在。我们很多时间喜欢把重要的东西放在正中心，表示重视想吸引目光注意。但是我要告诉大家。正中心属于盲点区。也就是说按人的视觉习惯来讲正中心是常常被忽视的。并且放在正中心也不会引起视觉刺激。用句玩笑话来侃一下：两眼中间是看不清楚的。不信拿你的手指指着鼻尖看你的手。那什么地方是视觉中心点呢，这就要用到上面的概念了。不过什么a:(a+b)=b:a都太麻烦了谁会那么细致的去算呢。这里用中国的九宫格原理就清楚得多了。四个视觉中心点很显然大家也清楚是什么位置了。

那么在实际应用中我们要怎么用呢。这点很重要，实战意义要比空谈概念重要得多。下面我们就来说一下实战中的应用，这里虽说是《网页设计技巧》不过同样可以应用在平面设计与摄影或是其它的设计中，但是必竟是讲网页设计这里主要还是举网页例。我们先从大布局来谈，然后再讲小布局，最后讲设计图片的布局。

大布局 基本上网页的布局分为，上中下、左中右、左右、上下、与上下左右之混合几类。同时我们还要思考的是分辨率与网页大小的关系。现在大部分的机器都是1024以上的分辨率了，那我们的宽度是不是一定也要顺应变得宽一点呢。个人观点是大可不必。因为网页本身也会与浏览器产生视觉对比。如果塞得太满势必也不是很好看。如果留下空隙网面与留出来的空白也可形成一定的对比，其比例也较接近黄金分割率。所以我觉得还是不要塞满浏览器为好，给网页一个可以呼吸的空间。那网页自身的上下左右布局呢？同样的，如只是上下或是左右结构我们不能把上下或是左右平分，而是最好采用黄金分割比来进行划分。如果是上中下或是左中右呢。我们同样不能平分，我们我们要注意三者之间的关系，比如上中下结构，我们很清楚中间是主要内容需要大一点的空间，那么中空间的部分会尽量的点有大比例，一般来讲我们会让中间占大约百分之六十。而上面占百分之三十，下面占百分之十。那也就是说，下面是上面的三分之一，上面是中间的三分一。这样的分割就会比平面看起来要舒服很多。但是左中右的结构就不能这么分了。因为百分之十的宽度会很难放得下什么内容。一般左中右结构会有另一种分法：左占百分之四十，中右各占百分之三十。或是左右占百份之三十，中间占百分之四十。也可以进行532、622、442、的分配。也就是说大布局上要尽量避免平分的局面。

小布局 也可以说是细节上的布局。我们可以把网页看成是由很多个小块组合而成的。通常要注意的就是标题与内容的关系以及这些块放置的位置。比如最核心的内容不要放在最顶、最后、或是最中间。而是顶部与中间的中部位置，有些人喜欢排位，并且会把最重要的放在最上面，其实不然啊，放在最上面的未必是最核心的位置。比如我们看一下各大门户网站的头条新闻的位置，是不是没有放在最顶部的？当然由于分辨率的问题目，这些头条可能位置也会有所变化。在800下头条是偏下的，而1024是居中一点，1600就偏上一点。但是从浏览器的大角度来看，这些头条也都是处于视觉中心点的。

图片 我们在处理图片的时候也会用到布局，比如我们的文字放在什么地方，标志放在什么地方这些都是布局的范畴。这里也要应用上述的概念，重要的要核心不要放在正中或是过于偏向角落。当然也会遇到重心的东西很大，基本上都占满了画面，下面让大家来看一张招贴：

大家看这图的重点是那个MP4，但是这个对象很大，不过没关系，把这个MP4的图做得有透视性，左右的重量就不一样了。这样向左去一点，那么重心就向左去了，再加上MP4偏上，这个MP4就正好在视觉中心点上了。而主要的信息文字同样也处在视觉中心的位置上。而一些不重要的文字都放在了角度去冷落他。

好了，关于布局就说这么多，这里总觉得这里还少些东西，细想可能是视觉平衡方面的问题。这里讲得很多了，视觉平衡方面的问题目就再想想过些日子再整理出来。

㈤ 网站如何布局

网站的合理化布局对于网站的优化是十分重要的，如果你的网站布局比较好，布局一目了然，那么搜索引擎在爬行的时候，就很顺利，爬行的效率提高了，你的网站自然就能收录的快一些，自然排名就高一些。
一、网站的导航。
客户或者搜索引擎制药进入我们的网站就可以看到网站导航，常见的网站导航有顶部主导航、左侧产品导航、底部导航等。这些导航最好设置的醒目一些，比如说在背景、字体上突出一些，这样有利于引导客户或搜索引擎往下进行，另外，网站导航中的链接文字应该准确、自然的描述所指向页面的内容，这样方便搜索引擎通过链接文字了解这些栏目的具体内容，不要过分的堆砌关键词。
二、网站的相关性
试想一下，假设一个用户通过搜索某个关键词找到你的网站，进入浏览，并没有发现自己想要的内容，那么用户肯定会很失望并且马上离开，很少人还会继续再在网站中寻找。所以要增强网站的相关性就要从以下方面入手。
1.网站title。
网站title是一个页面的重点，搜索引擎分析一个页面相关性就是从title出发来识别这个页面是关于什么的内容;而用户浏览同样也是如此，在搜索中展现出来的就是网站的标题。
2.网站产品的合理安排。
在做网站的时候，建站公司一般都会问你是做哪个行业的，为什么都会这样问呢？因为他必须要了解你的产品并且给你做好规划，这个时候不要怕麻烦，要将你们公司的主推产品、辅助产品给他说明，更要做好合理的安排，比如说我要怎么安排这些产品的位置，是否需要将主推产品放在轮播图上等问题，只有你安排好了这些产品，当客户进来的时候，才能一眼知道你是做什么的，进行深入的了解，一点一点的引导客户，同样搜索引擎也是一样的。

㈥ html5页面怎么布局

1）像<span>这样的行内标记，定义它的margin-top和margin-bottom是无效的，除非你把它设置为块状元素才可以。Display:block
2）对于块状元素，你可以自由的使用外边距来定义版式和元素之间的距离。类似 DIV 等等，
3）无论什么元素，一旦设置为是浮动显示，就拥有了完整的盒模型结构，我们就可以使用外边距，内边距，边框，高和宽来控制的大小以及与其他对象之间的位置关系。
4）浮动是从网页布局的角度来定义元素的显示，而行内和块状属性主要是从元素自身的性质来定其显示的。
5）当元素没有定义边框时，可以把内边距作为外边距使用。有时候外边距会有重叠现象的。
6）当为元素定义背景图像时，内边距区域内可以显示背景图像，而对外边距区域来说，背景图像是达不到的，他永远都是透明状态
7）用div+css设计网页结构时，设计师满脑子都是网页内容，而非内容所呈现的效果。
8）块状元素：不管块状元素宽度是多少，他总会自动占据一行，因为在他末尾附加了一个换行符，而行内元素没有这个特点。块状元素有完整的盒模型结构，可以定义宽度和高度，而行内元素没有这个特性，无法通过高度来改变文本行的行高。
块元素的代表标记 div
行内元素的代表标记 span ，行内标记不具备组织结构框架
9）网页布局分为：自然布局，浮动布局， 定位布局
10）当一个元素被定义为浮动显示时，即定义为块状元素。并且该元素就会收缩自身体积为最小状态。所以，应该有个好的习惯即把浮动元素设置高和宽。如果没有设置，则元素会按照它所包含的内容大小来确定它的大小。
11）当元素浮动后，周边的对象会自动环绕浮动元素周围，形成一种环绕关系。
12）块状元素之间的外边距会有重叠现象，但是浮动元素之间的外边距不会发声重叠现象。
13）浮动元素移动，上移：margin-top:-**; 下移：margin-botom:-*px,其他以此类推。
14）一般定位元素（绝对或是相对元素）都会覆盖在文档流对象之上。但是，select元素的窗口控件还不完全支持z-index
15）在css定位布局中，一般遵循“外部相对定位，内部绝对定位”
16）在body中设置min-width:760px,可以避免布局重叠现象。

㈦ html网页怎么实现下面的布局

你要固定布局，还是自适应布局还是伸缩布局

㈧ 网页设计右边怎么布局布局

1、严复格意义来说dw并不能用来设计制网页，设计网页都是在平面设计工具里完成的，比如在ps里面设计好网站的效果图，在ps里面切图。

2、dw只是个网站代码编写工具，使用dw编写代码会比较方面，因为有很多的快捷功能。但是对于高手来说，是用记事本都可以编辑网站的。

3、dw的编辑面板主要有三种视图，分为 “代码”“拆分”“设计”，如下图

在制作网站的时候，能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到，只有当网站代码出现问题的的时候用来查找错误，对于有一年多代码编写经验的人来说，就已经用不到了。

4、在dw中编写制作网站的代码主要是div+css，也是就是html。网站布局也是通过html代码来实现的，比如maigin 与padding position 都是来控制div的布局和位置的。

所以，在dw里面设计网页布局网站并不是dw的功能，还是通过代码实现的。

㈨ 网页要怎么布局才好看

你好、、呵呵、、我也是个程序员我也不回布局、、可是我回程序啊、人没有十全十美的、再说做网站不是一个能力可以完成的你可以看下资料学习下，并结合 http://bestmoban.com/ 、 http://www.cm80.com/index.asp 、 http://www.auction.co.kr/ 、