简单网页布局设计

1、简单的网页设计

网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；为了适应当今时代发展，必须增加艺术设计院校的网页设计课程；为了更好的体现网页这一新型设计的特点，将它和传统媒体进行比较，了解它的优势所在；一个成功的网页设计，首先在观念上要确立动态的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣，在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。
网页设计 什么是网页设计？
网页美术设计（也称网站美术、美工设计）从某种意义上来说可以称为“eye ball work”，网页的美术创作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。在某种意义上，网站美术设计是网站成功的主要因素。
网页美术设计与网站整体形象一致，符合艺术规范和网站标准，着重注意网页色彩（主色调和次色调）、图片的应用及版面规划，保持网页的整体一致性。

网页设计 网页设计与网页制作的区别
网页设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html语言将其制作成网页格式。这就相当于一个干脑力活，一个是干体力活，但是一个优秀的网页设计师对着两到工序都是十分了解的，因为他要知道自己的设计稿，是否会为网页制作人员制作页面带来麻烦。网页制作包括两个部分：

1.UI（User Interface,用户界面）：UI的意思是用户界面，是英文User Interface的缩写。既浏览者在浏览网页时，通过视觉所能观察到的一切事物，这些都是需要设计的部分，在互联网行业，做界面设计的人被贬义的称为“美工”。

其实我们一开始接触电脑时就应该对UI有很深的认识，从最早的DOS操作系统到Windows 1.0，再到Windows XP。我们开机所看到的就叫用户界面，DOS操作系统黑底白字的文本界面，Windows XP的经典蓝色界面，这些都是用户界面的发展历程。从简单到复杂，从庸俗到华丽，也证明了用户界面设计越发成熟。

2.UE（User Experience,用户体验）：UE的意思是用户体验，英文叫做User Experience，缩写为UE, 或者UX。是指一个浏览者在访问一个网站或者使用一个产品时的印象和感受，对网站的布局、色彩、功能、感觉是否满意，在第一次访问离开后是否还想再回访，是否能发现明显的Bug（既网站在浏览过程中出现的错误）。

2、简单网页设计与制作

3、如何简单介绍网页是怎么设计的?

建议先你去网上下载些网页制作视频教程。。不可能在回答里给你完全说清楚那么多问题的哦。
你还可以去百度文库里下载些教程也可以的。

建议你按以下步骤学习：
1.网页制作三剑客必须要会使用。（dreamweaver /fireworks/flash)
dw是为网页布局的。fireworks是为网页处理图片的。flash是为网页提供动画的。
2学习些最基层的html语言的知识，
3在学习一些基本的html标签（要多加练习哦）
4.先试着用表格进行布局。之后可以学习div+css进行布局（目前比较流行的布局方式！）
5还要会使用些简单的javascript、vbscript

如果你只是想学习前台的话，可以直接学习“三剑客软件”,不学习html和javascript 。

如果你想学习后台的话，你就必须要学习代码了。
html----javascript/vbscript------asp/php/jsp-------数据库技术
有问题可以hi我。。建议你加入团队学习：（网站、网页制作）http://.baidu.com/team/view/%E7%BD%91%E7%AB%99%E3%80%81%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C

4、几种常见网页布局设计

网站是有网页构成，这点相信很多的从事网站建设或者是接触过网站开发的站长应该都清楚，但是你现在的问题是，虽然很多的企业都想要建设网站，但是对于网站的布局了解的并不清楚，下面就跟着我们沃然一起来了解一下网站建设中几种常见的布局吧。
1、区块型

2、国字型
3、门户型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、标题正文型
9、上下框架型
10、综合框架型

5、网页布局的方法。

网页布局方法很多,根据各人不同的喜好布局也不同:通常的布局方法有以下内几种:
一.通过表容格来布局
表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响
二.通过层叠样式表来布局
CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂，但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现
三.通过框架来布局
框架结构的页面被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观
四.当然还有其他的布局方式,比如你可以在纸上布局,就是先在纸上画草图,然后再按照图来做

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

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

1.“国”字型：

2.拐角型：

3.标题正文型：

4.左右框架型：

5.上下框架型：

6.综合框架型：

7.封面型：

8.Flash型：网页设计

9.变化型：网页设计

7、网页设计应该如何布局

网页布局类型

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。 1.

“国”字型:也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内

2. 拐角型:这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

3. 标题正文型:这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

4. 左右框架型:这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。

5. 上下框架型:与上面类似，区别仅仅在于是一种上下分为两页的框架。

6. 综合框架型:上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。 7.

封面型:这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在

首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

8. Flash型:其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

9. 变化型:即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

8、做好网站网页布局的几种简单方式

熟知网站页面布局的类型

页面设计有许多类型，常见的页面布局有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等等等，可供选择的页面布局有很多，我们要结合自己的网站设计目标和功能性来选择页面布局。这些表现形式最终是为企业和用户服务的，所以，应该遵循企业的诉求，结合大众用户的需求，设计出抓住客户心里诉求的网页。

2.网站的分辨率设置问题

通常，网站页面整体宽度的设计都选择象素这种设置形式。除此之外，还有百分比和象素加百分比这两种设置形式。但是象素设置能让网页视图更加的舒适，具有透气感，更加符合大众浏览网页的浏览习惯和偏好，现在大多公司采用的也正是象素这种设置形式。

3.合理地广告规划

我们建设网站，宣传产品是主要目标，但在具体网站建设过程中，产品的广告不能太多，也不能篇幅过大过长，要进行合理的布局，否则会严重的影响到客户的浏览体验，不但达不到广告效果，甚至会引起顾客的反感。

4.空间的合理利用

网站有许多内容需要呈现，例如公司的经营目标、经营计划、管理框架、人力资源、以及企业主要产品展示，内容要精简，安排要合理，不能太过冗杂。但是涉及的面一定要全，将自己想要展示的方面都弄齐全。

9、网页设计的经典布局类型有哪些

网站建设中网页布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，以下分别论述：

1、国字类型：也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型；

2、拐角型：这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接；

3、标题正文类型：上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面；

4、左右框架类型：这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了；

5、上下框架类型：与左右框架类型类似，只是这种类型是上下两页的框架；

6、综合框架类型：其实就是左右框架类型和上下框架类型的结合体；

7、封面型：这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示；

8、Flash型：其实这与封面型结构是类似的，采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体；

9、变化型：即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型；