升博体育你是如何设计一个网站的？

　　升博体育我在准备制作这个网站时，其核心就是以“平面设计自学者的福音”为宗旨，希望解决初学者自学平面设计时需要的资源难题。所以就策划了

　　网站的交互设计，整体结构相对简洁明了，层级结构最多三级。没有什么华丽的特效，但是唯一定要确保：鼠标滑过时一定要有明确的反馈，以告诉读者你正在经历什么。

　　我在设计这个网站时，主题色选用了纯度和亮度都比较高的蓝色（#0f88eb），希望用蓝色寓意设计知识的理性，同时蓝色也是我个人比较喜欢的色彩，所以选用了它作为主色调。

　　另外，平面设计学习日记网的其他标准色，是在主题色的基础上，通过降低明度、饱和度得到的，分别运用在hover色块、阴影、线框色等场景。

　　全局字体选用的是最常见的微软雅黑（备选：宋体），因为大家电脑都有，选用这两款字体不会出太大差错。

　　不同字号的预设，主要用以拉开页面的层级结构。字重有Blod、normal、light三种状态，在加上色彩的变化，就可以制作出很多种对比变化来，并足够用来表达页面内容的主次关系。

　　在确定了色彩、字体的规范后，接下来最重要的就是，沿用这样的规范重复执行下去。并逐步细化到字体的行间距（line-height）、字间距（letter-spacing）的调整上。期间有不妥的预设可以适当修改，但是类似的页面之间一定要有相同的规范，确保视觉的统一。

　　将所有页面设计完毕过后，按照类似上面的方式标注好，交给工程师用以前端重构制作。如果你想要工程师99.9%的还原你的设计稿，那么你标注得越细致越好。

　　动效这玩意，主要是用作优化页面阅读体验的，适可而止、越简单越好。一些个性化的页面可以适当炫酷一点，但主要的内容呈现页面还是越朴素越好。

　　虽然炫酷的动效能够让你眼前一亮，但刻意、反复、过多的动效容易低阅读效率，加重心理负担。而且，工程师的制作成本也会更高。

　　我敲起代码来，可真是龟速那种，我用一周的时间，完成了前面的策划设计工作，用了两周敲完所有页面的代码。这个过程就是反复输入、测试，然后IE、Google、火狐这三个主流的浏览器，也要测试一遍，确保没太大差异就可放心了。

　　我这个网站几乎没有后端制作部分，一是我对后端语言这块完全懵逼，二是这个网站主要是用来发布内容，不会涉及到浏览者自定义的数据与服务器交换。

　　通过前端制作，一个个的页面倒是能够在浏览器中打开了，但是它们相对是独立的，不便于统一管理组织。所以必须得想办法，把它们封装在一个建站程序里，也就是CMS（Content Management System的简称，译为内容管理系统。）

　　目前开源的CMS系统有很多，主流的有WordPress、PHPCMS、以及Dede CMS等，由于我早前自学习过Dede CMS对这个系统比较熟悉，所以就选用了它。

　　这个环节主要做的工作就是，修改Dede CMS里面的内容模板，将我们在「④前端制作」阶段重构好的页面，按照Dede CMS模板中的语法规则套用进去，然后登录网站管理后台，在对应的网站栏目中调用。

　　所有内容封装完毕后，用FTP工具或远程桌面的方式，将整个CMS程序上传服务器，此时你需要购买一个域名，并将域名解析到你的服务器ip地址。

　　后续工作就是运营推广，让更多的人知道你的网站；做SEO优化，让你的网站对搜索引擎友好；并不断地给网站更新添加内容，传递你的价值。

　　一个网站的建设，前前后后要做的工作、要学的知识还真是挺多的。不过只要你感兴趣，原意去折腾，制作一个网站也不是什么难事，一点时间和耐心足矣。

　　我就这样，从设计到代码，陆陆续续弄了两个月，平面设计学习日记网2.0版本，终于在2016年12月25日上线了。。。。。

　　如果你是建站新手，欢迎给我私信咨询，也许我也可以为你解答一些问题哦。当然你也可以去我的网站，去挑选一些适合自己提升学习的设计课程或书籍，比如：

　　@酷coo豆，平面设计学习日记网站长，对自学平面设计、以及互联网职业技能，有着深刻的见解。乐于分享自学平面设计的相关书籍、教程、经验等资源参考，希望和你一起进步，欢迎订阅我的专栏。

　　在网站设计中，先进行基本网站设计，网页上需要些什么东西，行业不一样，那么网站设计出来也不一样，如果是企业站，一般都都是针对客户需求来进行设计，再根据网站页面结构，进行基础的页面布局、图片和文字的组织处理、程序设计等，那么，具体怎么进行网站建设呢？下面是网站制作的基本流程。

　　网站规划往往是进行网站制作的第一步，这个“规划”内容通常包含了很多方面，例如选择网站的域名和主机、网站的用途定位、未来的运行发展目标、网站内容大概主题方向、如何进行网站制作、需要采用什么技术，以及网站的推广、维护、安全防范措施的使用等等。这只是有关网站制作的一些基本规划，需要将未来网站运营可能需要考虑的各种各样的问题大概列举出来，尤其是一些相对来讲比较重要的问题，更要尽可能详细地考虑。

　　网站的域名选择也是很有讲就的，很多比较著名的网站在域名上就已经胜人一筹了，目前来说简洁好记的域名很容易受到人们的青睐，也确实比较容易被人们所记住，所以选择域名也是比较重要的步骤。不过现在申请好的域名确实是有难度的，但是使用了好的域名对提高公司和品牌的辨识度有很大好处。

　　建设网站是一个比较复杂的过程，但是现在市场上建站的技术已经算是比较成熟了，企业可以将这个任务委托给比较靠谱的建站公司，只需要支付一定的建站费用即可。建站流程包括确立建站目标、域名选择、网页设计、程序开发、选择网站服务器空间、本地测试、建成使用。一个好的网站必然要包括稳定的服务器和不错的域名，网页设计和程序开发都相对来说比较复杂，需要用心来处理。

　　网络世界是一个“资源丰富”的世界，大家若想更好地利用起互联网资源，首先就要意识到这个问题。有效地利用起网络资源有助于帮助大家更好地走向更广阔的发展前途。所以网站制作不应该脱离网络本身，工程师要时刻意识到这个问题。

　　以上就是网站制作的基本流程了，网站制作是在基于域名、虚拟空间、数据库这三个条件并存的基础上进行的，所以要想保证网站制作的质量，它们三者是基础。

　　让一个网站看起来酷炫，丰富，具有吸引力。你可以添加多种多样的设计效果和技巧。而视差滚动效果则是其中一个很不错的选择。这里，Mockplus团队精心整理了20多个视差滚动网站设计，希望您在看完这些不错的设计后，也可以使用Mockplus做出同样创意满满的网页视差原型设计。

　　视差滚动，英文为Parallax Scrolling，是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。网页设计中的视差效果的最常见的一种，就是用户在向下滚动页面或跨页面时可以创建3D滚动效果。视差设计如果做得好，将会大大提升用户体验，吸引更多的用户。

　　Femme Fatale是一家专注于文化，奢侈品，社论和艺术的创意工作室。它包含了精彩的动画互动页面，可以很好的调动访客的情绪。当你向下滚动页面时，页面背景会伴随页面滚动条进行切换，每个页面的背景色各不相同，在页面滚动切换时，页面文本会以不同的速度载入，和页面图像等其他元素形成视差滚动。

　　Every Last Drop是一个展示生活用水场景的网站，旨在呼吁关注地球水资源升博体育，节约水资源。设计师以等比例分割页面进度条，当你向下滚动页面时，您会看到各种不同的生活场景里水资源是如何被消耗的，并且展示水资源使用的占比等数据。每个场景的切换都带有动画视差效果。在其“Universe”页面还增加了3D视差滚动效果。

　　Beer Camp整个网站页面划分为5个页面层，当你滚动时会有一种“一镜到底”的感觉。并且它的视差滚动效果非常与众不同，它既不是水平也不是垂直的，而是一种平滑缩放的效果。当你滚动页面时，各个层都可以连贯地依次放大到页面最前端。加上明亮的配色和粗放的版式，创造出一种惊人的空间感。

　　Porsche Volution完全可以看出设计师对汽车的热爱以及对保时捷品牌的浓厚兴趣。整个页面设计以视差滚动照片的形式展示了保时捷的进化，并且配有高雅的背景音乐，配色惊艳。屏幕左侧有一个时间轴，向下滚动时，可以清晰的看到保时捷的进化历程。

　　Spokes Eclectic Pedicab Rides是一个提供停车和公共交通的即时解决方案的网站。这个网站号召绿色生活和经济生活，对以倡导骑车为中心的社区文化有极大的意义。该网站是漫画风格，滚动页面时会以不同进度载入页面元素，具有丰富的视差效果。顶部导航栏的设计也是一个亮点。

　　Hot Dot和上面的视差例子又不尽相同，它是水平视差滚动。页面从左到右以平滑的3D视差效果推进，页面元素和纯黑色背景搭配具有不错的美感。这个网站也是响应移动优先设计的一个很好例子。页面底部有可点击的CTA，方便用户访问。

　　这也是一个水平视差滚动效果网站，但它不同之处在于它更适用于触摸设备。但你滑动触摸板时，页面会从左向右移动，以讲故事的方式呈现页面。页面的顶部栏上有一个页面列表，可与页面一起滑动以显示您当前位置。这个网站是完全漫画形式的，最惊艳的是其3D视差效果。

　　Firewatch是一个荒野探险类的设计网站。该网站有6个移动层组成，展现出页面的丰富感和深度感。它的视差效果仅在第一个页面使用，当页面滚动时，元素向上推进，营造出一种3D效果，让我想起《狮子王》里的经典镜头。其他页面都是平滑的静态页面，方便用户读取大量的文本信息。

　　这绝对是我的最爱的视差滚动网站之一。当滚动鼠标时，所有UI元素以特定的不同节奏向页面中央聚集，形成一个排版精致的整体。当鼠标滚回时，所有元素又从中心分离，形象生动，极具动感。整个页面风格干净简单，采用了纯色背景和粗文本。

　　这是一个很酷的网站，当你滚动鼠标时，你会进入一个精彩的故事情景里。它以视差滚动的方式自动播放漫画故事，视差效果会根据故事情节会采用水平或垂直两种展现方式。

　　这是一个日本网站。当向下滚动时，有一个可爱的卡通女孩在页面上移动，页面会根据女孩的位置载入不同的信息。视差滚动效果会在最后一个画面结束，因此您可以阅读所有信息而不会感到头晕眼花。

　　Melanie Daveid会带给你一个数字世界的美妙体验。精致的细节展示和品牌指南使它在视觉上有惊人的效果。滚动时，页面被分成两部分，左侧页面静止，而右侧则继续滚动，形成一种视差。

　　这也是通过讲故事的方式展示网站视差设计。The Boat共有6章，每章节以视差幻灯片形式演示了各个不同的情节，移动视差层也有利于创造深度感。我个人也很喜欢这种素描风格的页面元素。

　　该视差滚动网站采用纯深色背景。当你向下滚动鼠标时，界面右侧有UI元素淡入淡出。此外，有一款手机会在你滚动时页面时有节奏的旋转。

　　Assemble是一个免费的在线的作品集网站，您可以制作出精彩的作品集。首页有18个美丽的主题可供选择，这些主题以网格结构排列，当你向下滚动时，每各主题会依次展示，伴随轻微的跳动载入。

　　这个网站很有创意升博体育，以视差滚动的方式讲述一个惊悚的迷你僵尸电视剧。向下滚动鼠标，你会看到一个丧尸如何走向不同的场景。整个故事以水平视差滚动自动播放。里面的动画真的很棒，另外背景音乐也创造了一种令人毛骨悚然的氛围。

　　该网站的设计师是一个多学科的设计研究团队，有战略家，品牌专家，产品经理，用户体验师，用户界面设计师和制造商。该网站有不同的图层可以增加界面深度，并且采用平滑滚动的视差效果。和Porsche Volution的设计比较接近，只是配色没有那么大胆。

　　该网站是一个可以完全将您的设计理念变为现实的地方。设计师Irene DemetriI热衷于创建美观和直观的响应式网站，适用于各种类型，各种尺寸设备的大型和小型项目。这个网站的视差没有那么强烈。你单击按钮时，不同的元素会以反方向移动，形成一种简单的视差。

　　想象一下，冬天里，怀抱一个热水袋感觉怎么样呢？这就Bagigia的设计师的灵感来源，创造一个关于热水袋展示的网站。当你向下滚动时，第一个网页页面会像幕布一样升上去，切换到一个可爱的热水袋的页面。该网站的视差效果也几乎集中在第一页。另外，滚动时，底部有一个“拉链”进度条，从左向右移动，很生动。

　　我很喜欢这个网站的配色，温暖干净的界面。首页的安东和艾琳穿着一件色彩鲜艳的衣服看起来很酷。当向下滚动时，他们则会退后一步，同时页面载入文本信息。粗字体和整体色彩创造了一种美妙的视觉体验。如果你将鼠标放在Anton＆Iren身上，就可以看到他们的脸部或一个鼻子。

　　向下滚动鼠标时，会以视差滚动的方式连续显示6个页面。每一个页面都是日常生活中我们做清洁的场景。页面动画非常不错，尤其那个垃圾自动进入垃圾桶的动画，引人深思。

　　该网站是您进行创意设计的一个不错选择，它是一个德国网站，但有多种语言可以切换。通过使用视差滚动来增加了网页插图的丰富度。但个人觉得这个网站的元素有些许杂乱。

　　这也不是一个非常典型的视差滚动效果网站，当滚动鼠标，会有一个卡通人物进入一个神秘的管道，管道上有无数的窗口，可以让该人物在页面滚动时看到不同的场景。这个网站还是有一定的趣味性，看这个人物经历所有场景并最终到达他的目的地非常有趣。

　　以上就是Mockplus团队整理的一些视差滚动网站设计例子。不知道是不是对您有所帮助呢？不要忘了使用Mockplus去进行网页视差原型设计哦。还没有尝试过的小伙伴，点击下载，相信你也可以做出同样精彩的设计。欢迎交流。

　　通常来说，一个设计得体，感觉专业的数字杂志式的网站，需要具备下面9种特征。

　　这是显而易见的事情。印刷出版的杂志通常会有明显而突出的品牌设计，通过品牌化的设计，有的会强调其权威性，有的会强调其个性。很大程度上，品牌化的设计是为了从激烈的竞争者脱颖而出。数字杂志同样如此。

　　突出品牌的方式有很多，内容是其中很重要的部分，同时视觉和体验也不容忽略。比如在技术类数字杂志中极为出名的 Wired ，也就是《连线》杂志。独树一帜的LOGO，黑白分明的配色融入整个数字杂志的网站设计，和LOGO以及品牌本身遥相呼应。

　　将品牌的色彩、设计元素贯穿到整个数字杂志的网站设计，这样能自然而然地强化整个品牌的概念。

　　数字杂志外有品牌化设计，内要有强大的内容支撑。头条是这个网站的拳头，它要抢眼，干脆，直击用户，在网页上要一目了然，是视觉焦点。清晰的排版和易于浏览的头条文章，是必须要有的。

　　看看 UX Magazine 的首页设计，相信你就明白了我的意思。头条字体采用了展示性的字体，厚重，和正文形成明确的对比。在头条文案上，也需要多花心思打磨，这样才能确保它真正有吸引力。

　　虽然现在主流的导航设计都奔着简化去了，但是强调专业性的网站其实还是多少需要多层级的大型导航栏的。一方面，这类数字杂志类的网站通常有着类别多样文章和大量的存档，另一方面，这样的导航会给人以“专业”的感觉。

　　无论你用的是Wordpress这样的CMS平台还是自己写的网站，都可以使用这样的导航。在Wordpress 当中，无论是加入标签还是进行自定义分类都很方便，类别多了之后可以采用下拉式菜单升博体育，但是不论怎样设计，尽量让体验顺滑流畅。

　　Atlanta Magazine 的大型导航菜单给人的体验就非常流畅，下拉菜单中嵌入了大量的链接。由于响应式的滑动导航在移动端上也已经很常见了，这使得它还轻松兼顾到了移动端的设计。

　　每个数字杂志风格的网页首页看起来都不尽相同，它们有着相似的首页，但是借助不同的排版布局，见缝插针的各式文章推荐的小插件，实现不一样的视觉效果，引导用户不时停下来点击感兴趣的文章。

　　这些热点文章推荐的小插件是非常引人瞩目的。用来推广热门文章和最近文章是相当有用的。

　　Search Engine Journal 的首页上就采用了一个这样的轮播式文章推荐小插件，每次展示3篇推荐文章，并且轮播滚动的时候会在左侧视觉化地展示出相应的图片。你可以仔细看看你所喜欢的数字杂志网站都是怎么设计这样的小插件的，或者了解一下他们用的都是哪些插件。

　　社交媒体的重要性是不言而喻的。如果你想让你的网站拥有更多的访客，充分利用社交媒体，让你的网站文章有更多的曝光度，是不错的选择。在这样的需求之下，尽量让每篇文章当中的分享按钮尽量明显一些。

　　在著名科技博客 ZDNet 上，每篇文章下方都有一连串非常醒目的社交媒体分享按钮。在许多流行的杂志和网络媒体网站上，你能找到许多值得参考的案例，具体多看看吧。

　　在许多网站上，我们会在看完文章之后看到底部或者侧面有更多相关文章推荐，这是遵循用户偏好的一种内容推荐机制，非常有用。

　　这应该是所有以内容为导向的内容都应该有的组件和功能，因为这是几乎不费吹灰之力就能获得更多浏览量的方法。

　　Real Simple 的相关文章推荐和绝大多数网站并没有太大差别，但是绝大多数时候，这样的推荐都会发挥作用。

　　现如今每个网站都有搜索引擎了。对于目标相对比较明确的访客而言，他们多数时候会直接使用搜索引擎开始搜索而不是漫无目的地浏览。

　　而数字杂志类网站的问题在于，其中所涵盖的内容信息量都很大，如果需要针对文章内容进行检索的话，搜索引擎压力并不小，但是用户的需求是非常明晰的，所以网站的开发者需要提供可用性良好的搜索引擎，帮助用户找到内容，提高用户的停留时间和内容的打开率。

　　设计师需要让搜索引擎显著的位置，让用户在任何时候都能够快速找到它，并且可以进行搜索。

　　其实这个界定有点含糊。你会发现，绝大多数的内容为主的博客和数字杂志都大同小异。但是也有那么一些网站给人感觉稍稍不同：它们会在页面细节上进行一定程度的定制，让信息更容易被消化，或者更加个性化。

　　就像我前文所提到的，相关文章推荐，这个模块你可以设计得更加走心，更加吸引人。科技博客 TechCrunch 和 Hongkiat 都是在文章推荐上非常花心思。

　　我无法确切地告诉你到底有多数功能和模块可以进行定制和修改，这些部分通常需要创意团队集思广益。

　　如果你想一进入页面就将用户的注意力牢牢抓住，那么你需要有醒目而抓人眼球的文案，以及一张同样在视觉上瞩目的高清特色图。

　　WordPress 这类CMS系统通常会有这样的焦点图模块，尺寸在后台有详细说明，不同的主题会设置不同的尺寸。对于数字杂志式的网站，图片是让用户点击的重要元素之一，最好用大图，强化视觉，在页头展示。你可以像下面的Dwell 一样，使用全屏图片。

　　擅长品牌策略设计多年4A公司经验，自己也在运营品牌相关知识的公众号【LIONBRAND】 主要面对任职或在读的广告人，以分享干货为主，一起来聊聊品牌，广告，文案，设计哪些si儿

　　作为 网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天地。

　　如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，加之网络技术的飞速发展，很难提出一个绝对权威和正确的设计思路，笔者不才，根据自己的设计体会，总结出以下基本设计思路：

　　网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪, 琳琅满目，只要想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材：

　　10类：生活/时尚；每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐 等小类，音乐又可以按格式分为MP3，VQF，Ra等，按表现形式分古典，现代，摇滚等

　　同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛 (旅游+讨论)，经典入球播放(足球+影视)按这样分下去，题材可以有成千上万种。

　　1、主题要小而精：定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样 样都很肤浅，因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显 示，网络上的主题站比万全站更受人们喜爱，就好比专卖店和百货商店，如果我需要买某一方面的东西，肯定会选择专买店。

　　2、题材最好是你自己擅长或 者喜爱的内容。比如：你擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不 从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。

　　3、题材不要太滥或者目标太高。太滥是指到处可见，人人都有的题材；比如软件下 载，免费信息。目标太高是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。

　　所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。具体的做法是：

　　1、设计网站的标志(logo)就如同商标一样，标志是你站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容：(1)网站有代表性的人物、动物、花草等，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。(2)网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志等等。(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。

　　2、设计网站的标准色彩网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。举个实际的例子就明 白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。标准色彩是指能体现网站形象和延伸 内涵的色彩。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭 配。

　　3、设计网站的标准字体和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字 体是宋体。为了体现站点的与众不同和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体， 体现亲切随意可以用手写体等等。

　　4、设计网站的宣传标语也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的味道好极了；麦斯威尔的好东西和好朋友一起分享；Intel的给你一颗奔腾的心等等。

　　建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块；

　　结果不但浏览者看得糊 涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一 个网站的大纲索引，索引应该将网 站的主体明确显示出来。

　　设立最近更新的栏目，是为了照顾常来的访客，让你的主页更有人性化。如果主页内容庞大，层次较多，而又没有站内的搜索引擎升博体育，设置本站指南栏目，可以帮助初访者快速找到他们想要的内容。

　　如在你主页上设置一个资料下载栏目，便于访问者下载所需资料升博体育。另外，如果站点经常收到网友关于某方面的问题来信，最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间。

　　网站的目录是指你建立网站时创建的目录。例如：在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。

　　目录结构的 好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议：

　　你常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。另外，上传速度慢。服务器一般都会为根目录建立一个 文件索引。

　　当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等 待的时间也将越长。所以，尽可能减少根目录的文件存放数。

　　例 如:企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。其他的次要栏目，类似what‘s new，友情连接内容较多，需要经 常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站，关于站长，站点经历等可以合并放在一个统一目录下。所有程序一般 都存放在特定目录。

　　例如：CGI程序放在cgi-bin目录。所有需要下载的内容也最好放在一个目录下。

　　为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。

　　网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。建立网站的链接结构有两种基本方式：

　　类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。

　　类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。