绿维网络绿维网络
 
解决方案

解决方案量身定制企业品牌数字化营销解决方案

门户网站建设解决方案

人气: 发表时间:2021-01-20 09:44:08
门户类网站的内容通常比较丰富,板块设置也比较多,但是在结构设计及风格设计上相对较为单一,主要通过页面的布局体现页面内容的主次之分。下面通过一个新闻信息类的门户网站制作,为大家系统讲解如何进行网站的策划、如何利用Photoshop设计网站的界面效果图。

一、行业分析
门户网站,最大的特点就是利用互联网信息资源,具体指向某一行业、领域并提供相关的信息服务的应用系统。比较有代表性的综合性门户网站有新浪、搜狐、网易等。除此还有很多专业化的门户网站,这类网站主要集合某一领域的资源的资源和重要信息,这类网站主要集合某一领域的资源和重要信息,利用网络平台为浏览者服务,例如:行业门户网站、旅游类门户网站、商业信息及法律咨询类门户网站、建筑建材类门户网站等。

大型综合门户网站及指向某一行业的门户网站构成了门户网站行业的主力军。

门户网站应该主要体现出以下3个方面。
1、栏目丰富,内容全面
门户类网站栏目众多,信息量大,涉及的行业众多,每一个行业都提供比较专业的信息和资讯。

2、合理完善的会员制度
会员是门户网站中不可缺少的资源,门户网站通过提供免费的电子邮箱、博客、空间等手段来吸引会员的申请和加入。同时门户网站又可以利用本身所掌握的强大的行业资讯为广大会员提供各种个性化的服务,这样
无形中就增加了会员对网站的忠诚度和依赖感。

3、提供个性化、多样化的网络广告服务
广告是门户网站收入的主要来源之一,所以门户网站可以利用各种网络技术针对不同的栏目、板块、时间段为客户提供广告服务。广告的主要形式包括文字链接、图像链接、Flash动画等。

如果大家想策划、制作一个成功的门户网站,希望以上分析可以为您提供一点参考。

二、内容分析
对门户网站内容的分析是为了更有针对性地对网站的布局、文字编排、视觉流程做出规划。下面,我们分享门户网站内容规划的3个注意事项。

1、总体规划
门户类网站的内容一般比较丰富,所涉及的目录板块也比较多,所以在制作之前一定要合理地规划各部分的组成,从而使得网站在制作和维护过程中能够最大限度地简便化。因此在制作时小编按照“行”的概念来制作,即网页内容从上到下、从左到右将网站分成几个大的模块,然后在每个模块中再依次构建各个模块的内容。这样制作的优点是每个模块的尺寸是固定的,而对于其包含的子栏目的宽度也仅仅是在内部进行修改和设计。

2、文字的排列方式
对于门户类网站的文字编排,在标准化网页中引入了框架系统后,越来越多的网站在以分栏的形式编排文字。使用分栏将不同的文字内容安排到固定的、适合的板块中,使页面文字更加井然有序。使用分栏、分块虽然会出现千篇一律的现象,但是作为网页设计师,就是要在有限的约束条件之内充分发挥自己的想象力和创造力。例如,采用通栏背景图像,然后再按照网络系统的要求有变化地编排页面的文字;在段落的开头使用首字字下沉等方式。这样可以在网页固定的编排模式下带来新的变化。

3、编排的视觉流程
在网页编排设计时,还应考虑页面文字的视觉流程,区分文字内容的主从关系。浏览者的视线同一时刻只能停留在一个点。因此,合理地编排网页的流程,可以通过为页面中重要的文字、重要词汇添加样式、统一风格,有助于网页的整体协调和美观。还可以为文字段落的开问部分设置统一的提示符号,内容结构更清晰,避免版面的杂乱。

基于以上分析,网站的结构从上到下分为顶部页眉部分、主体部分、页脚部分3大块,分别对各个模块的内容做出展示。

三、非常重要的960网格系统
960px网络系统,也叫960栅格布局,是网页设计人员最常用的版式布局辅助系统,它使用起来十分灵活。960网格系统允许设计者巧妙地将网页按照960像素的宽度将页面划分为若干列,每列和每列之间按照分列的多少,分别设置不同的间距,以此来实现不同列网页布局之间的分割。如果网站希望设置为3列,那么每列的宽度可设置为310像素,每列之间的左右外间距各设置为5像素,如果分为2列那么选择的方法将更多。如果希望浏览者将视线向网页的中心靠拢可设置左边栏宽710像素、右边栏宽230像素。总之,大家在进行网页分栏布局时可以参照这种方法。

四、网站界面设计
了解了网站策划及内容的分析,接下来就是设计师按照分析展开具体的设计工作了。下面,我们一起分享门户网站首页效果图的制作过程。

1、确定网站界面的基本结构
使用Photoshop进行网页效果图制作是网页设计工作的第一步,对于一些经常用到的设计技巧和制作要求,必须牢记在心。

首先要注意网页尺寸与分辨率。如果使用960网格系统,那么网页文档宽度一般为960或1020像素,分辨率为72像素,内容不宜超过3屏。其次,导航字体一般使用通用体,如黑体、宋体,正文一般用宋体,这样更容易为浏览器所兼容。如果为增强页面效果用到特殊字体,应在Photoshop中将字体进行栅格化处理,然后裁切为图片,字号的大小一般为10点较适合,字体的颜色设置要照顾整个页面效果。另外,图片要按一定的空间进行和谐分布。图片不能离页边太近,大小要合乎美学原则。

2、制作页眉区域
页眉,也就是网页开始的顶部区域,主要用于放置用户的一些登录信息及提示菜单。

3、制作内容区域
页面的内容区域是整个页面的主体部分,下面讲解如何制作自上而下的网站效果图。
(1)制作网站Logo
Logo的创意与设计:西安作为历史名城,最具有代表性的莫过于城墙了,故页采用古城墙的垛口形状作为网站的标识,寓意在现代化网络飞速发展的今天,各种先进的技术、资讯、文化都可以快速地到达古城人民的前面。

(2)制作导航菜单
根据网站栏目内容制作网站的导航菜单。

(3)制作主体
使用960框架系统,制作网站的主体部分。

五、制作页脚区域
页脚区域就是网页的底部区域,该区域通常用来放置网站的联系方式及备案信息等内容。

六、制作内容页面
内容页面的制作应该与主页面在风格上保持一致,但为了突出本模块的特征,设计时,可以在板块构成上进行适当地变化,明确网页的针对性。在广告Banner制作上,为了突出模块的特征,采用具有强烈冲击效果的焦点事件作为页面的Banner。本案例的内页变化主要体现在以下几个方面。

1、板块的分栏由主页的三栏式更改为两栏式,左边部分是内容部分,右边部分是一些局部热点及图片浏览介绍等内容。

2、广告Banner为了体现出板块的明确特征,采用了视觉比较强烈的大文本字号。

3、在页面下方的内容介绍中,专门针对本行业的机构进行突出介绍。
如没特殊注明,文章均为东莞网站建设编辑,转载请注明来自:http://www.luweit.com/solutions/187.html
标签: 网站方案
相关方案
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2