设计自己的网页构思

1、网页设计中的，网页布局有几种方式？哪种方式最快？

页面布局就一种 就是HTML+CSS
看怎么样代码越简练越好
如果一个DIV 就能设定好LOGO的位置了 何必划分那么多个表格
如果文章列表里有时间 作者等信息 甚至是一些类似EXCEL表的东西 需要每列对齐 那LI肯定排版不如表格来的方便 代码页简练 那就用TABLE来做

尽量用最少的代码 来做页面就最好了

如果有上百个页面 很多部分比较类似 就使用iframe嵌套的页面 或者用程序里的include来包含页面最好 比如顶部包含页面 底部包含页面 菜单页面 左侧页面 右侧页面 都单独独立出来

2、我想为自己家乡设计一个网站，就是想不出有创意的网页布局，谁可以帮我设计一下页面

网页设计与网站建设 应用Macromedia DreamWeaver 8，Macromedia Flash 8，Macromedia FireWorks 8 设计网站至少包括5个栏目，整个站点的网页数不少于10个，站点中使用图片数不少于20个。主页上最少有8个链接，其中必须包含5个以上站内链接。主页名称保存为index.html或index.asp，路径保存在站点根目录下，图片保存在根目录下images文件夹中。技术方面：HTML、表格、模板，框架、层、时间轴、超联接、样式、表单、行为、库、导航条、下拉菜单、图像查看器等
内容方面：文本、声音、图像、动画、视频、符号等积极健康向上的内容
其它：特效（时间、状态、鼠标、页面过渡等）
 主题突出，内容充实、健康向上，布局合理、结构清晰、规范；
 色彩搭配合理、美观，设计新颖，有创意；页面布局尽可能平衡，色彩应用注意谐调，文本注意格式化

3、如何做好网站设计的主题网页布局

这个问题说简单也简单，说复杂也复杂，为什么简单呢？因为就那几个点，排版布局颜色留白等，难的在于如何排版如何选取颜色这些，排版可以根据喜欢的风格来选择，禁忌密集化，多留点空白，颜色选取的话可以根据企业LOGO来选择避免出现3种以上的颜色

4、描述网页设计的一般步骤

一、网站结构设计
网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式，也是网页之间的层次关系。
1.网站栏目能起到提纲挈领额作用
2.网站栏目具有清晰导航的功能
3.网站模块要做到顺序清晰且紧密结合

二、网站主题设计
网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力，为用户提供愉快的访问体验。
1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。
2.网站的颜色要统一，要突出网站的主调色彩。
3.相同类型的图像要有相同的效果。
4.网站要有一句明晰的宣传标语。

 
三、网站布局类型
1. 国字型布局
这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。
2. T字型布局
这种布局类型由上边栏、左边栏、内容区、下边栏组成，其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。
3. 左右框架型布局
这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
4. 上下框架型布局
这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用。
5. 标题正文型布局
这类网站的布局结构由上边栏和内容区组成，上边栏用于显示文章的标题。主要用于显示文章的标题，内容区放置文章的内容，这类布局在一些论文、学术网站的设计中比较常用。
网站设计都不会单独使用以上列出的某一种布局结构，而是通过混合使用多种布局结构来实现自己想要的效果，这类布局通常称为“综合性布局”。

四、网站页面设计
网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下：
1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。
2.符合用户的浏览习惯。根据网站内容的重要性进行排序，让用户花最短的时间能够找到自己需要的信息。
3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。
4.图文搭配。
5.利于搜索引擎优化。减少图片和动画，多使用文字描述，以便于搜索引擎收录，让客户更容易找到你。格子网络解答。

5、网页设计的布局有哪几种

网页设计的布局有哪几种？

1.“国”字型：

2.拐角型：

3.标题正文型：

4.左右框架型：

5.上下框架型：

6.综合框架型：

7.封面型：

8.Flash型：网页设计

9.变化型：网页设计

6、如何对网站栏目进行设计和策划 构思方法篇

当确定了一个方向后就可以开始围绕这个方向去找相关文章。1.参考你认为跟你的网站类似的网站栏目，有些网站还是知名网站，他们不是傻子，分类栏目也经过了思考2.把你自己所想到的网站栏目作为关键字来搜索。你的栏目越特别，你越能找到不一样的网站，发现不一样的栏目3.看这些网站的关键字，这些关键字对于这些网站来说没有重要到能成为栏目分类的程度，但是未必不适合你其实整个过程就是自己思考栏目分类+参考其他网站分类栏目的过程。目的是获得足够多的分类，来筛选，同时获得足够宽的思路，可能发现一些在没看到他之前你不会想到，看到之后发现这才是真正适合你自己网站的栏目分类也不一定。举例：这是我在查找过程中看到的一个相关网站的关键字：“产品经理，移动互联网，核心竞争力，豆瓣，微博，it，项目管理，需求变更，客户需求，pm，工作计划，交互设计师，用户体验，产品规划，产品设计，80后产品经理，求职，hr，产品标准，kpi，工作量，产品经理考核”你是不是发现了很多你没想到的词语？这些说不定正好适合我的网站，至少能开拓我的思路。这是我在其他网站获得的跟我所想的相似的栏目分类名称：“网站设计 网站定位 网站策划 网站推广 网站运营 网站规划”这些分类各有相似之处，又各有不同，如何筛选？这就需要用到搜索引擎，我将会写一篇文章讲解如何利用SEO优化。

7、如何设计有效的网页布局？麻烦告诉我

什么是布局？ “布局”是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要，并可以在结构外观上令用户感到舒服。如何设计有效的布局？1.具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来实现视觉层次：焦点：指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。视觉流：指用户关注区域的顺序。可以根据任务逻辑和用户的浏览习惯来设计恰当的视觉流。好的视觉流应该清晰、合理、顺畅、自然。02020202020202
020202020202020202
关联：在逻辑上相关的UI元素应具有清晰的视觉关系。0202020202020202020202020202 错误：02020202020202020202020202
02020202020202020202020202 逻辑上相关的UI元素在空间上被分隔，且没有明显的视觉关联。对齐：使页面工整，信息呈现有序，便于用户扫视。02020202020202020202020202 错误：02020202020202020202020202
02020202020202020202020202 没有对齐影响了页面效果且不便于用户扫视。不要因为功能需要和对极限情况的顾虑而轻易牺牲掉页面的视觉展现。强调：可以根据UI元素间的相对重要程度进行强调。2.针对用户的阅读模式来设计布局。大部分人的阅读习惯是从左向右，至上而下。阅读分为沉浸式阅读（immersive reading）和扫视（scanning），前者的目的在于理解，后者在于定位。02020202020202
020202020202020202
浏览网站时，用户不会沉浸在UI本身，而是沉浸在他们的目标任务中，因此扫视是最常使用的阅读模式。用户只在确信必要时才仔细阅读大量文本。针对扫视的布局设计可以适当强调主要的UI元素，弱化次要的。包括：020202020202020202020202 1)将主UI元素放在扫视路径上。
020202020202020202020202 2)避免将重要信息放在左下角或者页面底端或者需要滚动很多的控件上。
020202020202020202020202 3)考虑使用渐进展开方式来隐藏次要的UI元素。
020202020202020202020202 4)将任务相关的重要信息要直接表现在控件上。用户更倾向于关注交互控件上的标签，而不是辅助型的静态文本。
错误：
02020202020202020202020202 02020202 用户必须阅读辅助型文本后才能明确“确定”按钮的作用。02 正确：
直接将按钮的作用描述作为控件标签，便于用户理解。02020202020202 5）不要展示大段文本，去除不必要的文本。多文本时格式化展示。注：常规模式也存在例外。眼动议实验指出，真实用户的行为很没有规律。此模式的目的在于帮助你做出更好的决定，而不是精准的描述用户行为。3.合理利用页面空间。保持页面的视觉平衡。避免拥挤和对空间的浪费。确保关键数据没有被截断，除非数据特别长。02020202020202020202020202 错误：02020202020202020202020202
02020202020202020202020202 逻辑上相关的UI元素在空间上被分隔，且没有明显的视觉关联。控件的尺寸和间距恰当，没有不必要的滚动。一个任务尽量在一屏内完成。实际情况中，我们用户的页面空间要小于屏幕分辨率，它会因各种因素而压缩，如：非全屏操作（弹出窗口和对比浏览），浏览器本身及各种辅助栏对屏幕的占用等，设计中要考虑这些情况。02020202020202
020202020202020202
4.不要让布局本身成为突出的UI元素，保持视觉简洁（visual simplicity）。减少内容和展现上的嵌套层级。减少控件不同尺寸的数量，例如，在界面上只使用一两种按钮宽度。采用轻量级的分组和分割方式，可以用布局本身和分隔符代替分组框。使用尽量少的对齐线。5.选择与页面类型相匹配的版式。在设计之初，应充分考虑页面承载的内容、功能和属性，继而选择适合该页面的版式。不合适的版式会造成用户的阅读困扰，降低任务的完成效率。标准和规范：1.栅格化：我们所说的栅格化是指在网页设计工作中对栅格系统的建立和应用。网页栅格系统来源于平面栅格系统，它以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。栅格化可以使信息呈现工整简洁、美观易读，降低页面开发和运维成本。它结构变化相对灵活，扩展性强。022.以8px为横向栅格单位：以8px为横向栅格单位，页面所有元素宽度都可以是2的倍数，包括图片和版块宽度，这样可以在一定程度上加快页面（特别是对于J-PEG图片）的渲染速度（基于计算机内部二进制的运算机制）。其在扩展和兼容性上也有一定优势。在阿里巴巴中文站中，布局间距的最小单位为8px，布局区块采用32px（8px*4）和24（8px*3）两种粒度单位，分别组成以下两种可实现的栅格系统：02020202020202 32px:适用于市场、社区等相关页面
02020202020202
02020202020202 24px:适用于旺铺相关页面
3.页面定宽：自适应可以根据浏览器显示情况自动调整页面宽度，但是因为用户水平方向的聚焦范围有限，所以当页面过宽时，用户的浏览和操作成本会增加；而当页面过窄时（如用户同时开启两个浏览器对比查看商品搜索结果），自适应则会导致布局变形和内容错乱。给页面规定宽度可以避免这些问题。在综合考虑当下主流分辨率情况、浏览器外观对显示空间的占用、人机工程学中对水平视角和聚焦范围的规定以及8px单位等多种因素后，我们认为960px是一个相对更加合理的页面宽度。在阿里巴巴中文网站中，推荐使用定宽960px的页面，去除左右各4px的边距，中间的可视宽度为952px。更多

8、网页布局设计九大类型的特点，每个类型哪些网站比较适合、好什么好处？我是要写论文用的，急求！！！

1、区块型
为了网站优化的效果，目前区块型布局现在出现非常频繁，在网页上各个区域具有封闭的边界，经过合理放置显得清晰美观。但这种布局有一个缺点，就是由于片面固定，各区域很难根据其中的内容的多少而调整大小，因此该布局不太适用与那些区域内容长度经常变化的网页。

2、国字型
国字形也可以称之为是同字型，通常顶部是网站的标题，广告横幅，然后是网站的主体内容，而左右分别是一些较小的内容条，中间就是主要内容，最底部经常会展示网站的一些基本信息、联系方式、版权声明等，这种布局方式是目前网上最常见，出现频率最高的。

3、门户型
这种网页布局最大的特点就是内容多，信息量大，图片较少，一般都是通过文字排版产生视觉上的分区效果。这种版式小编个人很喜欢，但是以用户角度分析的话，很容易让用户产生视觉疲劳，很可能会对用户体验造成影响。

4、Flash型
其实这种布局与下面要说的封面型很类型，但它与封面型不同的是，由于Flash强大的功能，因此它页面所表达的的信息更加的丰富，器视觉效果机听觉效果都非常棒，处理的很得当，绝对不亚于传统的多媒体。

5、左右框架型
该框架结构是将左右分为两页，一般布局都是左边是导航链接，最上面是一个小的标题或标致，而右面就是主要内容。通常论坛类的网站经常会采用此种布局，该布局的特点是结构清晰明了。

6、拐角型
其实，这种类型的网站布局与国字型有很多的相似之处，只是形式上不同而已。最顶部也是网站的标题以及网站的横幅广告条，最常见的类型就是最上面是标题及广告，左侧是导航链接。

7、封面型
这种类型最常出现的就是一些网站的首页，多事精美的平面结合小动画，另外在加上几个简单的链接或仅是一个“进入”链接，没有任何的提示。

8、标题正文型
这种形式的网站布局也非常的常见，一般上面是网站的标题，或是类似的东西，接着就是网站的正文内容，例如一些文章或注册登录页面。

9、上下框架型
这种局部类型与左右框架布局非常的类似，唯一的不同时这种类型是上下两页的框架。

10、综合框架型
作为的综合框架型其实就是左右框架和上下框架的结合体。