网页要怎么布局才好看

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

⑵ 网页怎么布局

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

⑶ 网站的结构应该怎么进行布局设置

网站结构布局是网站建设重要的一个环节,网站结构布局主要是由网站的策划人员将网站的布局草稿以及一些具体细节,提交给网页制作人员。网页制作人员就根据策划内容进行网站的建设,添加内容。在建设网站结构之前,我们一定要清楚一个道理,网站的结构是否合理对网站的发展非常重要。网站的结构是一个比较大的框架,要怎样设计布局才可以体现出网站的价值呢?

第一、要根据网站的主题进行的确定以及设计网站的主题主要是通过企业所在的行业的一些特性以及目标用户群的一些习惯。例如,品牌类型的网站建设讲究简约大方,在建设的时候,一般都是运用一些与品牌价值相关的方面的内容设计网站的首页,这样就可以很好地表现出高端、大气,高贵的特性,这一点也是非常重要的。一般的企业网站制作主要是以产品的展示以及效益方面为核心,而且更多的时候是要考虑SEO优化。要怎样才能将网站的SEO相关的细节展示出来是十分重要的。所以,企业的业务员在与客户沟通的时候,要跟客户说清楚企业网站的类型是什么。

第二、网站视觉营销方面的策划,主要还是要看网站结构设计"网页制作的视觉效果"对于一个企业网站,要怎样建设才可以体现出网站品牌的特色呢,怎样表现自己的不同点呢?我们可以通过视觉的设计,无论是什么类型的网站,视觉设计永远是最要表达的一个重点。简单来说就是网站的设计人员,用户的体验程度主要是有设计人员的专业程度决定的,而且设计师可以通过自己的高超技术吸引用户,把用户留在网站。搜索引擎是根据用户留在网页的时间,来判断这个网站给用户的体验感。

第三、网页制作的结构要根据用户的需要进行用户的需求包括什么呢?主要有对产品的关注、产品的价值等等方面的满足感。因此,网页制作人员在布局是要考虑好用户的需求。还要对自己产品非常熟悉,服务方面有什么优势等等。网站的细节完善后,就要将用户最关心的问题,按照关注程度进行排列。网站首页的内容设置用户最关注的内容,要将网站的重点突出。还要根据用户的重视程度进行合理的布局。网站的首页中部是最具焦点的位置,就放置产品,左侧可以设置一些企业动态。右侧可以设置一些解决方案的分析。不同的位置可以设置相对应的内容,做到合理布局。

第四、对于一些固定的元素,要更加注重细节方面的设计因为这些元素几乎每一个页面都会有,例如网站导航设计有什么需要注意网站导航,网站底部等等。如果是一些文字型的固定元素,要注意排版的格式,是不是方便用户的访问,特别是文字的颜色使用。

⑷ 网页布局的方法。

网页布局方法很多,根据各人不同的喜好布局也不同:通常的布局方法有以下回几种:
一.通过表格答来布局
表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是,当你用了过多表格时,页面下载速度受到影响
二.通过层叠样式表来布局
CSS(层叠样式表)被提出来,它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂,但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现
三.通过框架来布局
框架结构的页面被许多人不喜欢,可能是因为它的兼容性。但从布局上考虑,框架结构不失为一个好的布局方法。它如同表格布局一样,把不同对象放置到不同页面加以处理,因为框架可以取消边框,所以一般来说不影响整体美观
四.当然还有其他的布局方式,比如你可以在纸上布局,就是先在纸上画草图,然后再按照图来做

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

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

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

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

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

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

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

⑹ 网页设计怎样布局

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

⑺ 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,可以避免布局重叠现象。

⑻ 这网页怎么写布局怎么做

是的,在居中页面中使用层,最大的问题就是层的定位问题,当改变显示器分辨率后,层相对其它居中元素就会改变位置。给你说一下层相对其它居中元素不会错位的方法: 层的绝对定位和相对定位 层的绝对定位代码: 层的相对定位代码: 在居中页面中,插入相对定位层代码,层的位置在页面居中。但是它变得不可移动,使用不够方便。 插入绝对定位代码,当left和top含有正负数值,层就无法居中。当清除left和top属性后,层可以居中,相对页面其它居中元素没有错位现象。 描绘层和插入层的差别 使用描绘层: 在一个居中的页面中,使用描绘层的代码: div 使用插入层: 在一个居中的页面中

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

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

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

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