网站作为一种新媒体，具有许多不同于传统媒体的特点和特点。 在开始创建网页之前网站SEO，您需要对网站设计有一个**的了解。 本章首先介绍网页的基本概念和组成部分，帮助大家了解网页的特点和结构。 接下来，我们学习网站建设的基本流程，了解网站是如何从无到有的。 另外，网页布局和风格设计也是建设的重要方面。 网站成功的关键，学习基本规则将帮助您设计出更加美观实用的网站。

了解网页和网站

网页（Web Page）实际上是一个文件，网页是通过网站地址（URL）来识别和访问的。 当访问者输入 URL 或单击链接时，浏览器中会显示一个网页。

网站（Web Site）是各种网页的集合。 有的网站内容较多，如新浪、搜狐等门户网站； 有些网站只有几个页面，例如个人网站。 在构成网站的众多网页中，有一个特殊的页面称为主页。 例如，当访问者输入搜狐网站地址“”时，会出现第一个页面，即搜狐网站的首页，如图1.1所示。 浏览者可以按照首页的导航进入其他页面了解更多信息。

网页的基本元素

虽然网页的类型很多，但其形式和内容各不相同。 但网页的基本元素大致相同，包括标题（Logo）、导航、文字、图片、动画、超链接、表格、音频视频等，如图所示。 网页设计就是将以上各组成部分有机地结合起来，表现出美感与和谐。

网页设计基础知识

标准化网站建设应遵循一定的流程，主要包括规划设计阶段、实施发布阶段、评估阶段。 各个阶段的具体环节如图所示。

网页布局设计

网页的布局设计是网页设计的核心苏州网站优化，其主要内容包括网页的整体布局设计和导航风格的设计。 本节将介绍几种常见的网页布局以及网页导航设计应遵循的原则。

网页布局

网页布局是网页设计的基础。 目前，网页的布局主要可以分为三种类型：栏式结构、块式分布结构、无框限制结构。

1.立柱结构

2.区域分布式结构

3.无框架密闭结构

导航设计

导航是网页设计中不可或缺的基本元素之一。 导航就像网站的路标。 有了它，您在浏览网站时就不会“迷失”了。 导航链接各个页面。 只需点击导航中的超链接即可进入相应页面。

导航设计的好坏决定了用户能否轻松使用网站。 导航设计应该直观、清晰，最大程度地考虑用户的使用，使网页切换尽可能轻松。 导航的设计必须符合整个网站的风格和要求。 不同的网站会使用不同的导航方式。 一般来说，在网页的顶部或左侧设置导航栏是一种常见的方式，如图1.9所示。 网站采用顶部的文字作为一级导航，左侧的树形结构菜单作为二级导航。

导航设计应遵循以下原则：

让用户根据走过的路径来确定下一步的方向和路径；

无需浏览太多页面即可找到所需信息，让用户快速、简单地找到所需信息，并通过**路径到达信息；

让用户在使用网站遇到困难时想方设法解决困难，找到**路径；

让用户清楚地了解整个网站的结构概况，形成整体感知；

有序处理不同使用频率的信息

网页风格设计

相同的布局设计、不同的颜色、不同的文字风格也可以呈现出多种不同的网页风格。 本节将通过实例从网页配色和文字艺术两个方面对网页风格设计进行详细分析。

网页配色

设计精美的网站总体上倾向于由颜色组成。 使用一种或几种相邻的颜色作为主色，使整个网页呈现和谐统一的色彩趋势。 下面介绍一下网页配色的一些具体经验。

使用配色方案。 首先，根据网页的主题选择一种主颜色，然后调整透明度或饱和度，即使颜色变浅或变暗以创建新的颜色。 这样的页面看起来颜色一致，有层次感，如图1.10所示。 IBM网站使用蓝色来营造蓝色海洋的感觉。

使用对比色。 可以充分利用对比色进行设计，注意使用灰色调进行协调。 此类作品的页面色彩丰富，

文字艺术

文本一般占据版面的大部分空间，是网页信息的主要载体。 处理好文字关系到网页设计的成败。 字体的选​​择、字体的大小、文字的颜色、行与行之间的距离、段落的排列都需要仔细考虑。好的文字设计会给网页增色不少。

案例分析

1.网站说明

这是航空公司网站的主页。 界面设计给人一种现代、动感的感觉，与公司的风格一致。 导航设计简洁利落，值得借鉴。

2.布局

网页布局采用了比较常见的分栏结构，如图1.15所示。 A为网站logo所在区域； B为网站主菜单所在区域； C是搜索和其他公共功能所在的区域； D是网站的内容区，主要由文字和图片组成； E是版权信息所在的区域。

3.配色

网页采用蓝色，象征着天空，与网站的主题相一致。 网页主要使用两种蓝色。 另外，网页文字的配色以白色和蓝色为主。