网站建设深入

网站建设深入"/>

网站建设深入

一、网站分类

1. 资讯门户类网站
2. 企业品牌类网站
3. 交易类网站
   (1)B2B：淘宝
   (2)B2C：京东
   (3)C2C：1688网站

二、门户网

门户网实际是一个链接场，它是子网站的索引（index），统筹着所有子网站的落地页（专题页）。门户网将众多内容与服务都集中到一个站点中，体现在其站点主页上，使上网者通过这个主页“大门”进入精彩的网络世界，去寻找所需的一切。企业的主网站往往被设计成门户网。

三、企业网站设计

企业网站一般有三种形式

1. 标准结构布局
   标准结构布局的企业网站包含头部、中部和尾部部分。
   (1)头部组成：工具条、企业logo、导航、banner
   工具条：
   工具条的功能是为网站提供特定的功能，可以是让用户收藏该网站，搜索网站的特定内容，或者是网站推送等。
   导航：
   方便用户浏览网站信息、获取网站服务，并且在整个过程中不至迷失、在发现问题时可以及时找到在线帮助的所有形式。在栏目之下还可以进一步设计其他辅助的导航手段，例如一种常见的形式是，通过在各个栏目的主菜单下面设置一个辅助菜单来说明用户目前所在网页在网站中的位置，这就是我们常说的“面包屑”。面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。面包屑有利于网站内链的建设，用面包屑大大增加了网站的内部连接，提高用户体验。面包屑导航适合层级较深的网站，因为搜索引擎只收录三级以上的导航，若网站的层级过深，我们可以减少层级的展示，以利于搜索引擎收录。
   banner：用于案例展示和实例展示的一个链接，可以是纯文字、纯图片、亦或者是图片和文字的一个相关结合。
   (2)中部组成：各个栏目的重要信息和摘要的展现
   (3)尾部组成：友情链接、合作伙伴、版权说明
   链接包含内链和外链，外链包括友情链接、交叉链接和其它平台下的网站链接 如博客、论坛等。内链指的是同一网站域名下的内容页面之间的互相链接。所以企业网站的友情链接就是你和别人相互之间的链接，从别人的网站可以进入到你的网站。友情链接同样利于搜索引擎的收录。
2. 正C
   正C结构的网站的特点是，网站多出了一个导航栏nav，它利于用户快速进入到想要访问的企业网站。同时nav对SEO友好，会被搜索引擎收录。
   网站导航最重要的就是指引访客阅读网站，特别对于内容极多的网站来说，拥有一个Web导航是必不可少的。
   当网站被用户在手机端访问时，由于手机屏幕很小，响应式的nav导航会被压缩到网站头部。
3. 倒C
   倒C结构的网站的特点在于，网站拥有一个侧边栏在右边，而左边是网站的主体内容，由aside标签组成。
   aside元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。这部分的内容并不是网站的主体内容，可能是为了填补网站的空白区域而出现的一种填充的作用，利用这个侧边栏，我们可以为页面增加广告或对文章的附属内容等。并且它并不会被搜索引擎收录。当用户在手机端访问网站是，这种aside标签包含的内容会被隐藏。
4. 多列式布局
   适合于响应式布局，网站美观，提高用户体验。

四、门户网设计

1. 门户网设计需要有各个子网站的链接入口，比如说网易首页（www.163）就是一个门户网包含各种频道如新闻、体育、娱乐、财经、直播、女人等。当我们点击特定的频道后，我们便会进入到相应的企业网站里。如，若我们点击“体育”频道时，我们会进入到“/”的子网站中。
2. 门户网站还需要分区块，每个区块是为各个频道留下的栏目位。区块除了有栏目位，还应该有一些推荐位。栏目位用于各个频道对应子网站的重要信息提取展示，一般是通过文章的最新时间进行排序，但是也可以手动来操作栏目位的信息展示。通过分区信息的展示，我们可以直接点击这个链接到特定的单页面中，该单页面可以一个落地页或者是一个专题页。
   固定推荐位利用后台管理编辑模式，可以为特定的栏目展示信息。
3. 门户网不仅需要成为一个链接场，它还应该有文本标签来包含自己的主体内容，以利于搜索引擎收录。若门户网仅仅是一个链接场，搜索公司名称可以找到公司主页，但是搜索引擎并不能收录该网站。

五、专题页设计

专题页注重功能，交互，设计要考虑用户长时间的浏览体验。专题页面时效性有限（大多专题是有推广及活动时间限制的，过了这个时间，就很少会有人再访问该页面。），多为活动推广和吸引用户等内容，能在限定的时间的吸引最多用户才能形成有力的推广，需要强有力的视觉效果，和有趣的浏览体验，来达到吸引用户的特点。在规范和布局甚至交互上可以适当放宽要求。