在自学网页设计路上：[3]如何布局网页主体

详细操作

首先编辑HTML代码，输入网页内容，通过DIV容器划分出各个版块。此处将主体分为左右两栏，使用800px宽度页面。

然后在外部样式表中加入CSS样式，使用浮动效果使页面居中浮动，同时此处的左侧宽度和右侧宽度应该尽量遵循一定的美术比例，一般使用黄金比例。800px固定宽度的参考比例为：800px=475px(左)+295px（右）+30px(自适应)。.

接着编辑右侧导航或者简介，使用无序列表来创建。并且在CSS样式表中调整样式，此处在标题处加入下划线强调出内容。

到此，通过DIV+CSS创建的主体架构基本出来了。但是要进一步完善，可以在网页中插入图片，调整margin,padding等盒子模型，实现网页的美化。

用户类似问题：

问题1：如何自学网页设计

楼主我也在学习网站类的东西 不太明白你说的“网页设计”是指什么，或许你还不太了解这个行业 网页设计和网站建设是两个概念，打个比方网页设计就像是做门脸，网站建设就是盖房子 所以这两个以后的从业方向也是有区别的，网页设计从事网站的前端类... >>详细

问题2：网页设计应该如何布局

这是初学者可能会问的问题。其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明 性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变... >>详细

问题3：学习网页设计步骤

首先要了解HTML（超文本设计语言），记住使用原理；接着用两三天的时间学习CSS（层叠样式表单）；进而再花些时间了解一下javascript软件。掌握这些基础性知识后，就可试着用“记事本”编写网页，在初试阶段千万不要用那些可视化工具，如FrontPage... >>详细

问题4：网页设计布局，如何把第一个图中的划圈部分移动到...

这个简单！ 利用DIV与CSS结合，既然你已经知道DIV的话，那你可以参考下面的： 放置图中标志2的内容 放置图中标志3的内容 放置图中标志4的内容也就是图示1的内容 备注：注意在这个CSS中添加FLOAT=LEFT 祝你好运！！！ >>详细

问题5：在自学网页设计遇到的问题，求助求助求助

你好，我并不了解该浏览器是否支持。但是，在360浏览器里是完全可以实现的。 设置文本框边距和内边距为0 inupt{margin:0px;padding:0px;border:none;}然后直接弄搜索就可以了。你可以试试，如果不可以的话请把代码给我，我帮你看一下。谢谢。 >>详细