html网页设计层初始位置（html 页面设计）
本文目录一览：
网页设计制作详细流程
1、．将你的标志logo，尽可能的放在每个页面上最突出的位置。2．突出你的标准色彩。
2、将所有页面设计稿完毕后，标注好尺寸、颜色等数值信息，输出必要的图片、icon等资源，打包好后一并交给Web前端工程师。前端制作 这个环节的主角是Web前端工程师。
3、网站设计是一个复杂的过程，需要考虑很多因素。本文将介绍网站设计的流程和技巧，帮助读者更好地了解网站设计。明确网站设计思路明确网站设计思路是网站设计的第一步。只有明确网站设计思路，接下来的网站设计才会顺利开展。
4、兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。
网页设计中,如何定位层
1、把层放在表格里，表格就会固定住层的位置。另外dreaweaverd的层不是做网页必须的，只是dreamweaver里的一个功能。如果做不好，也没必要太在意。掌握好表格、div+css设置网页是主要的。
2、解决方法：一个设置为float：left，一个设置为float：right。
3、相对定位（relative）：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
4、解决这个问题，首先要对浏览者进行剖析，利用统计数据分析人群，如深度浏览数据，体现出你的网站内容及设计是否得到浏览者的认同。再进而对我们的网站进行内容的整改或者整体的布局和美化。
5、position：relative； 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素相对于它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。
6、明确自己的网站建设目标，和网站将要提供的服务。全面规划网站涉及的技术，需要的费用，网站建设的主要内容，表现内容的方式，简单的测试方案和运行维护的方案。主要目的是对网站功能服务的定位，并提供网站建设的参考。
用Dreamweaver制作网页图层如何准确的定位图层显示的位置
1、在DW里靠点击按钮或菜单拖动出来的层会有CSS代码，在它的CSS代码中top属性控制层与浏览器顶端的距离，left控制层与浏览器左端的距离，可以靠top和left属性来精确定位层的绝对位置。
2、用DIV盒子绝对定位。 用层也可以。把文字和图片放在盒子里面图片和文字就不会乱跑了！ 还可以选择浮动也可以。。
3、绝对定位和相对定位是dreamweaver中CSS设置规则的一种模式。相对定位：跟它的名一样，要有一个参照物，但这个参照不是别的，是它自己，也就是说没设相对定位的位置。
网页设计中如何做层的定位
1、相对定位（relative）：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
2、解决方法：一个设置为float：left，一个设置为float：right。
3、把层放在表格里，表格就会固定住层的位置。另外dreaweaverd的层不是做网页必须的，只是dreamweaver里的一个功能。如果做不好，也没必要太在意。掌握好表格、div+css设置网页是主要的。
4、先在页面内插入表格（可以设居中，表格就居中了，否则几乎无意义），鼠标在某单元格内点一下，让光标在此闪动，然后通过菜单插入一个层，这个层就相对与这个单元格定位了。
5、点击查看\标尺\显示，可以显示标尺。点击绘制层，在网格上直接绘制一个网页头，并插入图片。在图像下面绘制一个层，设置属性用来放置导航条。并绘制其他的层来放置内容。这样一个简单的网页页面就做好了，点击F12预览即可。
6、position：relative； 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素相对于它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。
网页制作的结构布局有哪些?
该框架结构是将左右分为两页，一般布局都是左边是导航链接，最上面是一个小的标题或标致，而右面就是主要内容。通常论坛类的网站经常会采用此种布局，该布局的特点是结构清晰明了。
第一，“国”字型网页布局：这个网页布局适合用在一些大型网站之中，简单大气，这种网页布局也是目前北京网站建设用在大型网站之中次数最多的类型之一。
T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。
不同的制作者会有不同的布局设计。网页布局有以下几种常见结构： “同”字型结构布局 所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。
