1、网页设计应该如何布局
网页布局类型
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。 1.
“国”字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内
2. 拐角型:这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
3. 标题正文型:这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
4. 左右框架型:这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。
5. 上下框架型:与上面类似,区别仅仅在于是一种上下分为两页的框架。
6. 综合框架型:上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。 7.
封面型:这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在
首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
8. Flash型:其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
9. 变化型:即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。
2、dw设计网页时,布局常用什么方法来布局呢???
1、严格意义来说dw并不能用来设计网页,设计网页都是在平面设计工具里完成的,比如在ps里面设计好网站的效果图,在ps里面切图。
2、dw只是个网站代码编写工具,使用dw编写代码会比较方面,因为有很多的快捷功能。但是对于高手来说,是用记事本都可以编辑网站的。
3、dw的编辑面板主要有三种视图,分为 “代码”“拆分”“设计”,如下图
在制作网站的时候,能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到,只有当网站代码出现问题的的时候用来查找错误,对于有一年多代码编写经验的人来说,就已经用不到了。
4、在dw中编写制作网站的代码主要是div+css,也是就是html。网站布局也是通过html代码来实现的,比如maigin 与padding position 都是来控制div的布局和位置的。
所以,在dw里面设计网页布局网站并不是dw的功能,还是通过代码实现的。
3、现在的网页设计采用什么布局好/
现在好多网站都用div+css来布局,这样布局首先是把框架和样式分离,方便以后的修改维护。
但是有些地方换是用table老布局
4、网页版面布局设计的原则是什么?
一个好的网站必须要体现在整体的策划、设计、布局、网站的定位、色彩搭配,最重要的是网站页面的小细节处理。整体感觉是否符合行业的需求、符合公司的文化。有许多企业都会说我要做一个大气的网站、实际上从专业的角度来讲应该要做一个最适合你的网站,你搞机械销售的不可能去像广告设计公司的搞得很花哨的的,现在网站都讲究简洁,适用,用户体验好。网站设计中结构布局就显得尤为重要,需要注意的以下方面:
网站的框架要简约明了,主题思想明确,导航要设计合理,核心信息放在网站的左上侧,这个地方搜索引擎爬虫程序最感兴趣先行抓取,客户也最感兴趣这里。制作网站框架要清晰,布局要合理,拒绝杂乱的代码,拒绝大量的js脚本和flash动画,这样会影响网站的访问速度,栏目设置要清晰易见,让用户浏览起来简洁舒服。一个网站一处滚动就已经OK了。网页布局应该遵循一个原则,即“先上后下,先左后右”原则。由于搜索引擎在执行搜索的时候,其搜索的顺序跟我们浏览页面的顺序是一样的,即前面说的原则。遵循这个原则有助于搜索引擎蜘蛛抓取页面快速收录。
由于搜索引擎爬虫程序是直接识别页面代码来得到信息的。这样制作网站的目的也就是为了让网页蜘蛛能够毫不吃力地顺利爬行完网页。当然没什么好办法控制搜索引擎,但有办法改变页面。制作网站过程中,标签的使用也是很有讲究的,通常要把握下面几个原则:保持良好的层次框架,近似h1h2h3等标签都应依照标签本身的用处来使用,比方:h1标签表示网页主标题,且在一个网页中只能使用一次。在部分权重较高的标签中,合理的融入关键词,如h1、strong等标签。
css命名规则符合一定标准规范,较长名称选择驼峰式命名规则,如.tophead。代码尽量做到简洁,禁止使用代码生成工具制作网页。代码在实现基本的框架、样式、和行为分离的基础上,还要做到可用、精简、有序而且符合seo代码标准规范。网站js结构选择jquery,全部脚本尽量封装到一个包内。网站flash调用代码尽量要确保浏览器兼容性,这些结构问题都要在制作中要先行规划。
5、几种常见网页布局设计
网站是有网页构成,这点相信很多的从事网站建设或者是接触过网站开发的站长应该都清楚,但是你现在的问题是,虽然很多的企业都想要建设网站,但是对于网站的布局了解的并不清楚,下面就跟着我们沃然一起来了解一下网站建设中几种常见的布局吧。
1、区块型
2、国字型
3、门户型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、标题正文型
9、上下框架型
10、综合框架型
6、网页设计中的,网页布局有几种方式?哪种方式最快?
页面布局就一种 就是HTML+CSS
看怎么样代码越简练越好
如果一个DIV 就能设定好LOGO的位置了 何必划分那么多个表格
如果文章列表里有时间 作者等信息 甚至是一些类似EXCEL表的东西 需要每列对齐 那LI肯定排版不如表格来的方便 代码页简练 那就用TABLE来做
尽量用最少的代码 来做页面就最好了
如果有上百个页面 很多部分比较类似 就使用iframe嵌套的页面 或者用程序里的include来包含页面最好 比如顶部包含页面 底部包含页面 菜单页面 左侧页面 右侧页面 都单独独立出来
7、网页设计中分栏布局的几种实现方案
页面布局就一种 就是HTML+CSS
看怎么样代码越简练越好
如果一个DIV 就能设定好LOGO的位置了 何必划分那么多个表格
如果文章列表里有时间 作者等信息 甚至是一些类似EXCEL表的东西 需要每列对齐 那LI肯定排版不如表格来的方便 代码页简练 那就用TABLE来做
尽量用最少的代码 来做页面就最好了
如果有上百个页面 很多部分比较类似 就使用iframe嵌套的页面 或者用程序里的include来包含页面最好 比如顶部包含页面 底部包含页面 菜单页面 左侧页面 右侧页面 都单独独立出来