几种常见网页布局设计
不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：【1】“国字”型布局：“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。
网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型这九种。
三型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。对称对比布局，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。POP布局。
网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。
在网页设计中，常见的三种布局方法分别是T型布局、口型布局以及pop布局。T型布局以其独特的结构而闻名，该布局的上部通常为横条，包括网站标志和广告，而页面的下半部分则被分为两部分，左侧是主菜单，右侧则展示主要内容，这样的设计很容易让人联想到英文字母“T”，因此得名T型布局。
网页设计如何设置宽度网页设计如何设置宽度和高度
使用html编辑器设置固定宽度和高度的段落，并插入图片。 设置段落和图片的样式，使图片宽度与父级相同，并清除父级的高度，使子级高度自动适应。 将图片设置为块状元素。 打开浏览器查看固定大小的图片。网页标准像素尺寸包括： 800×600分辨率下，网页宽度不超过778，高度根据内容决定。
首先打开HTML编辑器，设置一个p并对p设置固定宽度和高度，还要在p里面插入一张图片。接着在上方设置p和img的样式，将图片的宽度设置为何父级一样的宽度，代码就是“width：100%；”这里的100%会自动跟随父级的宽度选择，然后将父级的高度去掉，这样子集的高度就自动化了。
在800*600下，如果网页宽度保持在778以内，就不会有水平滚动条。高度取决于布局和内容。在1024*768下，网页宽度要保持在1002以内。如果框满，身高在612-615之间。不会有水平滚动条和垂直滚动条。（dw中有一个设定的标准值。1024*768页面的标准尺寸是955*600。就顺着它的大小）。
如果下载下来的图片大小规格完全一样的话，在photoshop中设置一个动作，就能批量处理了。head中加一个meta就行了，。css中的百分比中指的是相对于父元素的宽度。子元素的padding-left：50%，父元素的宽度是百，子元素的margin-top：20%，那么父元素的高是百。
页面的宽度和高度应根据内容和布局需求来设定。一般来说，网页的宽度设定为1024px到1920px之间，高度则依据内容多少灵活调整。设定页面大小的具体步骤如下： 在HTML文档的部分，使用标签设置视口。例如：。这将使页面能够根据设备屏幕自动调整大小，确保在不同设备上都能获得良好的显示效果。
【页面宽度】在设置页面宽度时，应考虑不同浏览器的边距调整。在IE0下，宽度应为显示器分辨率减去21像素；在Firefox下，宽度应为分辨率减去19像素；在Opera下，则为减去23像素。为了兼容性，建议网页宽度适当缩小，例如800分辨率设为760像素，1024分辨率设为990像素。
DW中新建html页如何设置大小啊?
1、设置容器宽度：在CSS中，为页面的主要容器设置一个宽度，这个宽度通常基于目标分辨率。例如，如果目标分辨率是1024x768，可以设置一个略小于屏幕宽度的容器宽度，如960像素，以适应不同的浏览器边框和滚动条。响应式设计：为了适应不同设备和分辨率，建议使用响应式设计方法。
2、我们打开Dreamweaver CS6，并新建一个HTML空白页。快捷键是CTRL+N。然后在输入文字后，保存网页。在点击左侧html下面的CSS，如图所示。我们可以对字体、大小和颜色进行定义。根据自己的需要选择设置即可。我们把鼠标位置放在标题的文字中。
3、第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了： 解决分辨率问题在DreamWeaver中没有此项功能，我们只能手动加入一段JavaScript代码。
4、要创建一个固定大小的网页，首先需要在HTML文档的部分定义标签，设置base标签的href属性为页面的默认URL，从而确保所有链接都指向正确的位置。接着，在CSS样式表中设置body和html元素的宽度和高度属性，以指定页面的固定大小。
网站建设之页面的设计
1、头部（Header）：-包含网站的标志、导航菜单、搜索框等。通常位于页面的顶部。导航栏（Navigation）：-提供用户导航和浏览网站的链接。可以包括主导航、次级导航等。主要内容区域（MainContentArea）：-包含网站的主要信息、文本、图像、视频等。用户访问网站的主要目的通常在这个区域。
2、网站的首页布局想要大气有活力，一般我们网站首页的建设：首页，主要目的是漂亮， 体现产品的性能等。网站导航是必不可少的，是对网站内容的分类，按照网站的内容细分，便于用户根据个人需求选择浏览页面。网站首页导航要分类清晰明了，层次分明，不要重复。
3、第全屏照片的排版。在网站设计的过程中，使用全屏照片作为网站的背景的话，虽然给网站加分，提高网站的美观度，简洁漂亮，但是在设计之余还要考虑好整个页面的布局。例如在全屏照片上要怎样进行排版，栏目要怎样设置，网站内容中的照片要怎样设计才可以不与背景图片冲突，不会与影响用户体验。
网页页面尺寸一般设置多大才合适·
*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
常见网页页面尺寸设置建议： 宽度设计：常见的网页宽度设计一般设置为1280px或以上的宽度，以确保在各种屏幕和设备上都能良好显示。随着响应式设计的普及，许多网站采用流式布局或百分比布局，以适应不同尺寸的显示设备。 高度设计：网页的高度设计没有固定的标准，可以根据内容动态调整。
页面宽度：建议保持在1002像素以内，以实现满框显示且不会出现水平滚动条。页面高度：若追求无垂直滚动条的效果，高度可设置在612615像素之间。Photoshop设计建议：在Photoshop中设计网页时，可以考虑800*600分辨率下的全屏显示效果，同时避免页面下方出现滑动条。此时，页面的设计尺寸可以设为750*560像素左右。
