×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

高端网站建设关于网站栏目规划及布局目录设计解决方案详解

文章编辑:网站建设 文章来源:网站建设方案 浏览量:

    高端网站建设关于网站栏目规划及布局目录设计解决方案详解。深圳网站建设公司认为高成本的网站质量自然是高的,那么相反,扩展性有限、安全性差的网站成本自然很便宜。从长远来看,网站设计还是需要seo优化,不然会导致各种功能无法完成。那么高端网站建设可以从哪几点入手呢?首先,了解熟悉网站结构。当开始建立一个网站时,需要规划网站结构的布局。合理的布局不仅美观,未来也能被搜索引擎加快收录。网站建设公司资深设计工程师在这里强调以下几点:
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之栏目与板块的划分。
    
    网站建设者在对网站主题、内容、风格进行策划后,后续工作则需要对网站栏目进行规划,从而吸引网友浏览网站。划分栏目和板块的实质是给网站编制大纲索引,将网站的主题明确地显示出来。在制定栏目的时候,要仔细考虑,合理安排。
规划网站栏目时要注意以下几方面内容。
①紧扣主题。一般的做法是将主题按一定的方法分类,并将它们作为网站的主栏目,如以一个动画网站为例,可以将栏目分为动物动画、标志动画、三维动画、卡通动画等,并在首页上标明最近更新的动画。一定要记住,主题栏目的个数在总栏目中要占绝对优势,这样的网站才显得专业、主题突出,且容易给人留下深刻的印象。
②设定更新或网站指南栏目。如果在首页上没有安排版面放置最近的更新信息,就有必要设立一个“最近更新”栏目。这样做是为了照顾常来的访客,让首页更具有人性化。
如果首页内容、层次较多,又没有站内的搜索引擎,则建议设置“本站”指南栏目,可以在其中绘制一个站点的结构图,用来帮助初访者快速找到想要的内容。
③设定可以双向交流的栏目。双向交流的栏目不需要很多,但一定要有,这样可以让浏览者留下信息,如设定一个论坛、留言本、聊天室或者E-mail。
④设定下载或常见问题回答栏目。如果在首页上设置一个资料下载栏目,一定会得到大家的喜欢。设置下载栏目也需要和网站的整体风格和主题相协调,并需要网站空间比较大,才能存放较多的资源供网友下载。
另外,如果站点经常收到网友关于某方面问题的来信,则最好设立一个常见问题回答(FAQ)栏目,这样既方便网友,也可以节约自己的时间。
⑤至于其他的辅助内容,如“关于本站”、“版权信息”等可以不放在主栏目里,以免冲淡主题。
下面通过前文的案例来分析如何划分网站的栏目,图1-15所示为“重庆婚介网”的首页栏目设置。简单分析如下。
网站Logo图标及CI宣传栏目:设计了Logo图标和Flash动画,作为此网站的宣传动画。
导航栏目:设计了本站首页、我的婚恋、相亲1+1、交友活动、在线聊天、情感博客、缘分交友、爱情故事。
主内容区的栏目规划:主内容区采用“左右”结构。
主内容左侧栏目主要是推荐会员的设计和一个动画界面。
主内容区右侧栏目规划如下。
网站公告:发布提醒会员、网友的注意事项和网站的最新动态。
网站注册和网站登录区域:会员注册和登录的入口。
(2)网站的目录结构策划。
网站的目录是指在建立网站时所创建的目录。网站的目录设计与网站的栏目板块设计密切相联,网站的目录结构要根据网站的主题和内容来进行分类规划,不同的栏目对应不同的目录。
规划网站目录可以参照如下要点。
①尽量不要在网站本地根目录下存放文件。有的网页设计者喜好将网页所有文件存放在根目录下,这样容易造成文件管理混乱,常常不知道哪些文件需要编辑,若要编辑一个文件就需要浏览查找,比较麻烦,也不知道哪些文件需要删除,并影响服务器的工作效率。网站设计好后,需要上传文件到服务器主机,如果全部文件都存放在本地根目录下,将会耗费大量的上传时间。
②目录层次不要太深。一般来说,网站的目录层次不要超过3层。
③根据栏目内容建立子目录。子目录的建立应该按照主菜单的栏目建立,如企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录;而其他的次要栏目,如友情链接等内容较多或需要经常更新的栏目可以建立独立的子目录;一些相关性强、不需要经常更新的栏目,如关于本站、关于站长、站点经历等可以合并放在一个统一的目录下。所有数据库都要建立单独的文件夹,CSS用于存放样式文件、Media用于存放多媒体文件。
④建立目录时一般不要使用中文来建立文件夹和文件。建立目录可以使用英文或者汉语拼音来建立文件夹或文件,使用中文目录可能会使浏览器无法识别文件而无法显示。
(3)网站页面的布局规划。
设计网页不仅仅是把相关的内容放到网页中,还要求设计者能够把这些内容合理组织、安排,以给浏览者赏心悦目的感觉。只有这样才能达到内容与形式的完美结合,增强网站的吸引力。因此,网页设计不但是一项技术性工作,还是一项艺术性工作。它要求设计者具有较高的艺术修养和审美情趣,否则不能够设计出高水平的网页。如今,大部分公司在招聘网页设计师时对网页设计师的要求是熟练使用网页设计软件,并有美工创意基础。
网页的排版布局是决定网站美感的重要方面。通过合理的、有创意的布局,可以把文字、图像等内容完美地展现在浏览者面前,而布局的好坏在很大程度上取决于设计者的艺术修养水平和创新能力。
一般来说,网页布局遵循一定的原则,再加上自己的奇特创意,设计一个吸引浏览者的网页布局是可以成功的。
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之导航设计
    导航是网页设计中的重要部分,也是整个网站设计中的一个独立部分。一般来说,网站导航在案例网站中各个页面出现的位置是固定的,风格较为统一。导航的位置对于网站的结构以及各个页面的布局起着举足轻重的作用。
导航的位置一般有4种,分别在页面的左侧、右侧、顶部、底部。有的可在一个页面中使用多种导航,如有的在顶部设置主导航菜单、在页面的左侧设置折叠菜单,以增强网站的可访问性。
当然,导航在页面中的出现并不是越多越好的,要合理运用网页,达到协调和一致。如果页面较长,可在页面底部也设置一个导航,这样,浏览者浏览到页面底部时不用拖动滚动条即可选择页面顶部的导航条。
子页面的导航设计是较为重要的。子页面一定要有上一级目录的链接,一直链接到首页,这样浏览者访问起来才比较方便,不用单击“后退”按钮回到首页或上一级页面。对于子页面,如果页面比较长,则可在页面上部设置一个简单的目录,并设置几个页面的跳转链接,这样方便浏览。常见的导航设计如图1-16所示。
    
    图1-16 导航设计
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之链接设计
    网站的链接设计是指网站页面之间相互链接的拓扑结构,建立在目录结构的基础上。网站的链接结构有两种:树状结构和星状结构。这两种基本结构都只是理想方式,在实际的网站设计中,这两种结构是混合使用的。比较好的方案是,首页和一级页面之间用星状链接结构,一级页面和以下各级页面之间用树状结构。
树状链接结构如图1-17所示,星状链接结构如图1-18所示。
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之网站资料搜集
    网站制作在目录、导航、链接策划后,需要搜索准备网站资料,为动手进行网站设计做准备。
个人网站的大多数内容除了自己的独创之外,还需要依赖于资料搜集。搜集不完整,可能设计中途就会停下来。同时,在搜集资料时主要是搜集其他经典网站的页面布局技巧、导航设计技巧、链接设计技巧、网站色彩处理技巧及网站具体内容。
商业网站虽然不像个人网站那样从网上搜集内容,但是可以吸取其他同类网站的设计风格、布局风格、导航技巧、色彩处理及同类产品的宣传技巧等,有比较才有鉴别。在搜集时不能照搬其他网站的风格,应该有自己的独创。
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之网页设计
    在网站规划工作完成后,即可开始网页设计。网页设计首先需要进行首页设计。首页是网站的“灵魂”,一定要在首页设计上多下功夫,再设计一级页面、二级页面,将一级页面、二级页面做成模板或者库进行保存,并能在设计其他一级、二级页面时从模板新建网页或者插入库项目,这样维护起来较为方便,设计网页的速度也较快。
设计网页时要注意版面的规划。版面规划主要指如何突出主题内容、如何提高网页下载及打开的速度。
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之网上安家
    网站在本地计算机上建成以后,需要为网站找一个“家”,即空间。
关于空间的概念及申请空间的方法可参见本书第7章相关内容。
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之域名申请
    在申请网站空间后,要考虑的问题是选择域名。域名被视为企业的网上商标,其重要性不言而喻。
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之网站发布
    网站在空间申请及域名申请好以后,即可进行站点发布,将网站上传到服务器上。发布站点的方法很多,可以采用Dreamweaver 8/CS3 /CS4/CS5/CS6自带的发布站点功能或者采用专门的FTP发布工具进行网站发布。以上两种发布网站的方法将在网站项目工程建设过程中进行详细讲解。
高端网站建设关于网站栏目规划及布局目录设计解决方案流程之网站宣传维护管理
    网站上传到服务器后,如果在本地测试正确,远程服务器正常,则可以正常浏览网页。网站做好上传了,不等于网站设计工作已经完成了,还需要进行宣传、更新、维护及管理。好了,深圳网站建设公司本文关于“高端网站建设关于网站栏目规划及布局目录设计解决方案详解”知识就分享到这里。如果您需要联系深圳网站建设公司为您定制高端网站,请联系我们网站客服或者拨打网站技术客服电话,为您提供详细的高端网站建设解决方案。谢谢关注,博纳网络编辑整理。

当前文章链接:/construction/fach/14940.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

相关案例推荐