怎样做好一个网页的banner

首先，平面设计和网页设计都属于视觉传达设计，这是平面设计和网页设计的相同点。

下面我们来详细看一看平面设计和网页设计之间的区别：

1．从视觉元素层面分析

在色彩方面平面设计与网页设计使用的色彩模式完全不同，平面设计因为后期的实现依赖于印刷，所以采用CMYK的色彩模式，而网页根据其显像方式使用RGB的色彩模式。平面设计时的色彩运用注重视觉的冲击力及视觉流的引导在这点上与网页设计中的BANNER设计相类似，而网页设计产品类更注重的是信息结构关系的梳理，如果将色彩运用的过多过强，很容易引起视觉的疲劳感。

2．从呈现方式层面分析

（1）展现形式：平面设计为纯静态；网页设计拥有诸多动态元素，在视觉感受上较为活泼，能引导用户的操作行为，增加互动性。

（2）视觉焦点：平面设计完整性较强，用户感受相对直观；网页设计受制于显示屏，会尽可能把重要信息展示在第一屏以内，完整性相对较弱。

（3）后期实现：平面设计依赖印刷工艺，以及不同的材质媒介；涉及前后台程序开发，服务器应用网络信号等第三方资源的支持。

3．从信息载体层面分析

（1）材质媒介：平面设计纸质、布料等（会因材质不同，呈现出特别的效果），真实感强；网页设计只依赖显示屏。

（2）信息量：平面设计画面尺寸就直接反映了信息量的大小；网页设计因电脑等终端媒介的特殊性，依赖于html，信息量在同页面中可以大到无限。

（3）更新反应：平面设计无法进行二次更改，不能及时获取用户反馈信息；网页设计更新相对简单，即使有错误信息也能够及时更新发布，对用户的信息采集比较便捷。

4．从信息传播层面分析

平面设计属于比较传统的信息媒介设计，一般会通过张贴、销售、邮寄派送等形式进行传播，这样传播的方式范围小且成本较高，相对而言在这方面网页设计的信息传播能力却非常的强，但依赖于第三方媒介的支持，平面设计却拥有更为广泛的受众人群，不同的年龄层对于纸张或书本的信息接受能力总是强于网络媒体的，毕竟网络信息获取的将会存在一个学习成本，在今后网络信息的不断普及以及终端媒介用户体验的不断提升，在受众人群方面在我看来差距会越来越小。

以上就是平面设计和网页设计的主要区别点。

首页网页设计的制作方法

创建网页页面

1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。

2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。

3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。

4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。

然后下面跟你说一下建站的知识。

一、首先，你要为你的网站想一个网址，这个网址必须是未被注册的。这个网址就是你的网站的入口，最好便于记忆，越短越好。或者以与网站有对应意义的拼音全称或者简写。网站的域名后缀也是我们自己可选的（只要没有被注册），常见的域名后缀有、、.org等。一般建议选择实力较强的域名提供商。这些知名服务商虽然收费稍微贵一点，但是很稳定。

二、空间服务器。空间是用来放网站程序文件的，就跟电脑上的磁盘没什么两样，只不过是放在空间商那里，24小时联网。你自己电脑都可以做服务器，这个没有什么神奇的。买空间要根据建站需要，包括使用什么语言，是否需要数据库等。建议购买前咨询空间商客服。

三、网站程序。网站程序是实现网站所有功能的编程语言的集合。目前比较流行的phpmysql，也有用java、.net开发的。

大型的商城或门户需要团队开发。个人建论坛可以用腾讯的DISCUZ！论坛程序，建博客可以用wordpress或者Z-blog程序。这些开源的建站程序让做网站就像装程序一样简单。

四、把程序上传到空间服务器。程序编写完成经过调试后，用FTP工具上传到空间。FTP工具有flashfpt,8ufpt。上传之前你必须已经买好空间了（知道FTP用户、密码信息）

五、程序上传完成后。把域名解析，空间域名绑定，就可以通过网站访问了。

网页建站其实是不难的，不过很多新手一开始就有很多具体明确的，有难度的设想，所以才显得难了。

几种常见网页布局设计

页面分为四层：框架、布局、模块、列表和数据块。

框架页面的框架基本上都是：“头”、“主体”、“尾”。还应在“头”的下面还要加个“菜单”。

布局（以下用#ID表示页面元素）#Head和#Foot里的就不说了，具体查看演示页面源码。布局说的是将#Main里的内容分成几大块。#Main里典型的左右结构，用#Layout_1，#Layout_2表示。如图

模块布局#Layout_1，#Layout_2里的块就是模块了，按我的理解，模块至少要有一个ID，Class则要视页面设计，给需要重用的加上。关于模块的ID名称，要取个有意义的名字，可以用#Col_1，#Col_2，。。。模块的Class名称用.cols_1，.cols_2，。。。

模块内部的如下图 ：

列表和数据块模块的主体是由列表组成的，而列表里则包含数据块。页面上的信息其实就是不同类型的列表。应将典型的列表方式提取出来，放在公用样式里（public.css）。需要定义到public.css里的列表至少要有以下三种：

.list-v 垂直列表方式 (和文字成垂直排列) .list-h 水平列表方式 (和文字成水平排列) .list-t 文字列表方式

数据块其实是微格式的一个变相应用，给不同的数据元素定义固定的结构。Tudou.com 需要定义的数据块有：

.mVideo (视频) .mList (豆单) .mUser (用户)

比如 .mVideo 应该是这样的：

最后，附上关键字表，就是一些用于公共定义的ID和Class名称。

设计网站页面布局主要有以下几点：

一、网站首页的布局设计

网站首页是网站给浏览者的第一印象，网站页面布局要从主题、导航和内容方面着手进行页面布局分析。

1、网站主题

在网站页面布局中，首页是网站的最核心的页面，首页的主题也就是网站的主旨，所有内容围绕着首页的主题来描述。主题主要体现在网站的标题、关键词和描述上，其中最主要的是标题，用户在搜索引擎上搜索结果就是你网站的标题和描述性内容。在首页的页面上，首页主题还体现在logo上，准确概括的logo和主题可以很好的帮助用户选择自己需要的网站。

2、网站导航和内容

在网站页面布局中，网站导航是必不可少的，是对网站内容的分类，按照网站的内容细分，便于用户根据个人需求选择浏览页面。网站首页导航要分类清晰明了，层次分明，不要重复。同时网站首页的内容布局设计要对网站用户进行需求分析，把用户最关注的内容放置在首页栏目的最突出位置。网站首页布局还需注意页面的尺寸、网站打开速度及友情链接布置等方面。

二、网站内页布局设计

1、内页面包屑导航

为了更好的提升站内页面权重，网站页面布局时，要将网站内页设置面包屑导航。由于网站层级页面太多，特别是大型网站，为了让网站内页获得权重，内链是个很好的方式，为内容设置面包屑导航就是最符合用户体验的内链形式。面包屑导航既可以分配页面权重也可以方便用户在页面间进行切换。

2、网站内页模板

网站页面布局中的内页模板有两栏式和三栏式。两栏式多用于小型企业博客网站。两栏页面的中心部分是文章内容，侧面为用户互动内容，如推荐文章等。当然栏目页需要注意文章列表每页条目不要太少，会导致不便于用户浏览，也会出现网站页面层次过深的问题。三栏的内页布局和两栏的差不多，中间位置为文章内容，两侧方式相应的互动内容或广告。

网站页面布局是设计好网站最核心的部分，好的页面布局会给你带来别样的收获。