关于网页设计布局问题

一般的页面如果设置了图像和div的宽高比，自适应是很麻烦的！！！因为毕竟他会伸缩变形！！！！
所以，自适应只能是如同现在你看到的这个百度知道页面一样，图片很少！才可以设置其百分比！
顺便，我设置的时候只能是跨度自适应，高度自适应还不会设置！！！！
flash可以等比例缩放！！！

在网页制作的过程中怎样能更好的设计布局

多学，多练，在布局一个页面的时候要想到这样布局的好处是什么，对以后维护或扩展是否方便。整体布局是否美观，这样布局样式好不好控制。如果有机会多做一些项目的话就会积累好多经验，平时有空的时候可以去看看哪些网站页面做得比较好的，拿来参考，看别人是怎么做的。

网页设计人员在制作网页时,先把网站页面布局设计出来吗？然后再根据画的布局写代码吗?

展开全部


比较专业的确实会这样 先通过用Photoshop排版设计出网站的设计稿 然后通过切图取出一些图片元素 再用HTML+CSS的代码做出来

更为专业的公司 甚至在做设计稿之前会用原型工具去简单设计一下

当然 如果你自己本身对网站的布局胸有成竹 也可以直接敲代码

营销型网站设计的布局有哪几种

网页布局的类型大致有六大类，具体如下：
一、网页设计的“国”字型
网页设计也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这e58685e5aeb种结构是我们在网上见到的差不多最多的一种结构类型。
二、网页设计的拐角型
这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
三、网页设计左右框架型
这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类，然后文章下面或右侧有个相关文章推荐。
四、网页设计左右框架型
这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
五、网页设计的封面型
这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。网页布局的类型大致有六大类，具体如下：
一、网页设计的“国”字型
网页设计也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。
二、网页设计的拐角型
这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
三、网页设计左右框架型
这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类，然后文章下面或右侧有个相关文章推荐。
四、网页设计左右框架型
这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
五、网页设计的封面型
这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。
六、网页设计的Flash型
其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。
六、网页设计的Flash型
其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。