带你了解网站制作—

带你了解网站制作——纯干货

日期2018.08.24

网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML（标准通用标记语言下的一个应用）方式展示出来，属于前台工程师的一项任务，前台工程师任务包括：网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是策划师、网络程序员、网页设计等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称

中文名
网站制作
外文名
Website Design
起源
世界第一台电脑

目的
开展网上营销，实现电子商务
条件
网站虚拟空间、域名等
域名选择
.com、top、.cn、.cx、.cc等

1 制作条件
2 制作流程
▪ 网站规划
▪ 选择域名
▪ 建站流程
▪ 网络资源
▪ 电子商务
3 主流代码布局
4 设计原则
5 网站架构
6 过程和结果
7 建网工具
8 制作原则
▪ 针对性
▪ 内容填充
▪ 美观
▪ 简洁
▪ 用户体验
▪ 网站界面
▪ 栏目编排
9 编排注意
▪ 目录结构
▪ 链接结构
▪ 形象设计
▪ 网站风格
▪ 创意内容
10 技术特点
11 制作入门
12 基本格式
13 网站空间
14 技术
▪ 网站搭建原理
▪ 建站基础知识
▪ 美工
▪ 脚本语言
▪ SEO优化
▪ 编辑能力
▪ 代码质量
▪ CMS建站
▪ 动态代码
▪ 页面尺寸
▪ 自适应网页
▪ 整体造型
▪ 页头
▪ 文本
▪ 页脚
▪ 图片
▪ 多媒体
15 经验技巧
▪ 主题规划
▪ 丰富内容
▪ 框架结构
▪ 特效连接
▪ FLASH
16 栏目
17 网站栏目
18 具体流程
▪ 策划
▪ 前台
▪ 后台
▪ 后台管理
▪ 用户需求
19 网站形成
20 网站架构
21 失败因素
22 企业站
23 前景
24 注意问题
25 网站类型
26 注意事项
▪ 网页构架
▪ 动态网页
▪ 图像链接
▪ 导航栏
27 工具技术

制作条件

编辑

网站制作需要网站虚拟空间、域名以及动态网站的数据库这三个最基本的条件。网站虚拟空间是用来存放网站文件，如：图片信息，html文件，php文件等，相当于一个硬盘空间，域名即指访问网站的地址。动态网站的数据库用来存会员信息以及动态页面所用到的数据表，这里的网站数据并非网站的html文件、图像信息等，指的是如网站访客提交的留言，个人信息等，传统的静态网站无需数据库支持。随着浏览器和W3C标准一致性的改善，以及无表格网页设计的认同性增加，超文件标示语言与层叠样式表共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。[1]

制作流程

编辑

网站规划

1、域名主机需要根据网站主题及范围来选择，主机则根据网站在大小、安全、稳定上的要求选择网络服务商。

2、网站的定位（定位于营利性网站，企业网站，或是公益性的……）

3、网站的用途（是用来营利的，还是做产品线上营销的，或是做品牌推广和整合的，或者只是单纯用来传播信息的）；

4、网站的发展目标（需要达到的目标，需要为这个目标而努力的）；
　　5、网站的拓扑图构画（网站包括哪些栏目，采用什么样的制作结构）；
　　6、网站制作技术的采用（用哪种语言开发，在什么平台上开发）；
　　7、网站的推广（SEO专家的建议）；
　　8、网站的维护（是自主维护，还是外包维护，维护的内容包括哪些，后期改版的时间间隔安排等）；
　　9、网站安全 (网站定期进行安全检测及备份等安全操作)
　　10、网站的主题颜色（网站颜色可以直接反应出企业的行业企业文化）。[2]

选择域名

域名

是网站在互联网上的名字，是在互联网上相互联络的网络地址，是老百姓口中说的网站地址。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，就将前功尽废。现在建站最好使用一级域名，申请困难，一级域名对品牌和公司的辨识度也很重要。

做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来讲，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。[3]

建站流程

先确定要做的是一个什么网站，就是说做这个网站是用来干什么的；比如说，我想做的网站是一个企业网站，是做电子电器的，那么就要围绕这些内容来进行构想，也可以参考一些同类的网站，
根据构想好的网站主题来取一个域名，域名一定要取好，这个对你网站以后的发展很重要，所以一定要根据你网站的主题来取好（如果是企业网站的话，一般都会以公司品牌名的全拼或者简拼来取）；
域名取好后，接下来就是上面所说的网站建设最复杂的部分了（网页设计、程序开发），即网站程序源码，我是使用别人开发好的网站模板源码来进行修改的，因为这样可以省去很多时间，其实很多网站都会找一些相关性的网站模板来根据自己想要做的网站来进行修改的；
待网站程序源码搞好并在本地测试正常后，根据网站要用到的空间需求来租用服务器空间，一般的企业网站用300M的空间就足够了（以视频形式展示的企业网站除外），还有一点需要注意的是：服务器分国内和国外，最大的区别就是国内的空间要进行备案而国外的空间不用，购买后可直接使用；
服务器空间购买好后，就将网站的程序源码用ftp上传工具上传到服务器空间，并将后台数据导入到空间数据库，网站就可以正常在互联网上运营了。[3]

网络资源

能以低代价却很方便的把产品或服务的信息发向全世界的每个角落。全世界所有客户都能通过Internet这个强有力的工具来了解企业。Internet已经连接了相当多的网民、企业、机构和政府，而且向着更广阔的范围发展。Internet中国正以几何级数速度发展，因此，任何一家企业，都不应置身于Internet之外，那会脱离企业发展最基本的资源和环境：人类社会。[3]

电子商务

电子商务（ElectronicCommerce）是在Internet开放的网络环境下，基于浏览器/服务器应用方式，实现消费者的网上购物、商户之间的网上交易和在线电子支付的一种新型的商业运营模式。

目标是实现交易信息的网络化和电子化，电子商务是未来经济形式发展的大趋势。如使用电子货币，开网上商店，进行网上商务谈判和使用电子签名签合同等等。企业上网通常都会加入到网上的某个行业协会网站或商业网站中，成为会员或网员。行业协会网站或商业网站上发布供求信息，获取有关政策和市场信息，享受其他服务。企业建立网站，从销售的观点看，可以减少交易的中间环节，降低本钱。企业网站还可以扩建成为网上销售和售前售后咨询服务中心。[3]

主流代码布局

编辑

DIV（区）+CSS（层叠样式表）

构成

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。为什么在源文件看不到任何图片？网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。[4]

设计原则

编辑

自适应网页设计也称为响应性的Web设计 -设计网页，提供一个很好的感知上的各种设备连接到互联网。
　　自适应网络设计的目的是为不同设备的多功能网站。网站是为了更方便地查看不同的分辨率和格式的设备，技术，自适应网页设计没有为特定类型的设备创建一个单独的版本的网站。一个网站可能无法在您的手机，平板电脑，笔记本电脑和电视上网，要满足全范围的设备最佳显示。[5]

网站架构

编辑

网站架构是一个网站，如建筑本身，涉及到技术，美学和功能的标准设计和规划方法。传统建筑，重点是正确的用户和用户的要求。这需要特别注意的网页内容，商业计划，易用性，交互设计，信息架构和网页设计。[6]

过程和结果

编辑

独特的设计是比较贵的，但还涉及到一个特定的顺序从头开始，完全独特的设计图纸。根据不同的专业性和/或本公司或网页设计师的政策发展的想法和概念设计，完全独立，或接收一个数的要求（颜色，风格，等等），在客户端或创意总监（艺术总监）的期望和想法，并尝试保持这个趋势的发展布局。大多数客户错误地等同于一个网页设计师和网站主，指控他和发布网站。

建网工具

编辑

网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富，从最基本的HTML编辑器到非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具。

个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。

制作原则

编辑

在互联网的时代，网站的制作并非是一个单纯的技术性问题。特别是模板网站的出现，只要会打字，几乎谁都会，网站制作它包括逻辑思维、文字内容表达、美工设计等因素，但你最终目标是吸引更多用户访问。网站制作和设计是根据它设定的目标,在一个商业网站的情况下,网页设计的定义是根据它设定的目标。网站制作过程如果你是新的开始，有很多工具来创建一个很好的网站。但是，如果你是新的在这个行业，下面的会很有用：获得一个想法的有效的网站。适应他们的理念，以创建网站的过程中，网站上的乐趣！

企业网站制作的主要目的是增加供应和品牌的知名度。在网页设计中的目标是验证的身份,该公司的可读性,提高质量流量,促进游客创造之间的关系。网站因此公司优化页面的响应时间。网站制作执行的工作类型，就业性质，开发人员可以找到所有类型的企业，包括大型企业和政府部门，中小型企业，或者单独作为自由职业者的工作。有些网络开发人员工作的一个组织作为一个永久的全职雇员，而另一些可能作为独立的顾问公司，职业介绍所或承包商。[7]

针对性

在网站制作之前，一定要对网站目标人群有一个规划和了解，网站制作目的是什么，是宣传公司文化，还是宣传公司产品。这样网站针对性就很明显了。最终网页设计师根据不同站点的内容和风格，设计出完美的网页效果图。

内容填充

不管是个人网站还是企业网站，都必须从内容这个出发点考虑，一个网页即使再漂亮，网站内容没有价值的话，也不会吸引太多的浏览者来访问。所以说内容填充是网站收录的核心关键，俗话说内容为王就是这个道理。

美观

网站的美观与网页设计师有很大的关系。网络公司的设计师会根据页面风格、以及网站对象，运用醒目的推按，新颖的画面，美观的字体，非常酷的特效来给网站以非常美的感受。

简洁

简洁的页面设计、简洁的网页代码能让浏览者在访问网站时速度更快，体验更好。

所以在网站制作时，把图片、样式、内容、动画、代码分离出网页能提高网站打开速度。

用户体验

假如网站管理者以为一般的用户会完完整整地阅读您的网页，那么就错了。不管在网页中发布了多么有用的信息，假如网站管理者但愿用户阅读自己的文字，请确保在页面段落的第一句就说明自己的观点。另外，还需要在整个页面中使用简短的段落以及有趣的标题。
　　少等于多：使所有的句子尽可能地短。使所有的段落尽可能的短。使所有的章节尽可能地短。使页面尽可能地短。请在段落和章节之间使用较多的留白。充斥着冗长文字的页面会赶走用户。也不要在单一的页面上放置太多的内容。假如确实有必要传递大量的信息，请尽量把内容分为小块
　　导航：请不要使用文本段落内的超链接随意地把访问者带到别的页面。因为这样做会破坏导航结构一致性的感觉。假如必须使用超级链接，请把它们添加到段落的底部，或站点的导航菜单。
　　下载速度：最常见的错误是用于网站开发者的开发环境造成的，例如使用一台本地的机器开发站点，或者使用一条高速的因特网连接。开发职员有时不会意识到下载他们的页面要花很长的时间。
　　对用户获取信息的影响：1、网站信息的有效性 2、网站简单易用 3、保持网站的功能的正常运行 4、保持网站的链接有效 5、用户注册或退出方便 6、保护个人信息 7、避免对用户造成滋扰

网站界面

界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：

栏目编排

构建一个网站就好比写一篇论文，首先要列出提纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。

网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质为一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。

编排注意

编辑

●尽可能删除那些与主题无关的栏目；

●尽可能将网站内最有价值的内容列在栏目上；

●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。

另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意：

●各板块要有相对独立性；

●各板块要有相互关联；

●各板块的内容要围绕站点主题。

目录结构

网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如：

●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。

●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，

●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。

其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。[8]

链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式：

●树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。

●星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。

形象设计

网站的设计可以从以下几点出发：

●设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

●设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄、橙色，黑、灰、白色三大系列色。

●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。

●设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。

●网站制作背景音乐。打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在之间输入“<”在弹出的代码提示框中选择bgsound。

这种添加背景音乐的方法是最基本的方法，也是最为常用的一种方法，对于背景音乐的格式支持大多的主流音乐格式，如WAV、MID、MP3等。如果要顾及到网速较低的浏览者，则可以使用MID音效作为网页的背景音乐，因为MID音乐文件小，这样在网页打开的过程中能很快加载并播放，但是MID也有不足的地方，它只能存放音乐的旋律，没有好听的和声以及唱词。如果你的网速较快，或是觉得MID音乐有些单调，也可以添加MP3的音乐。

网站风格

“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。

总之，有风格的网站与普通网站的区别在于：在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。

在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

创意内容

好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王（Content Is King）依然是个人网站成功的关键。

技术特点

编辑

通过网站制作技术的功能来创建和显示不同的网站：
　　对于显示技术

静态 -包括一个静态的HTML（标准通用标记语言下的一个应用）页（HTM，DHTML），组成一个整体。用户得到的形式，它们被存储在服务器上的文件。
动态 -包括HTM，动态HTML（DHTML）的母版页，信息，脚本和其他东西作为单独的文件。需求的特殊的脚本（程序）的其他数据的基础上，从任何来源产生内容。

制作入门

编辑

首页

首页是指一个网站的主索引页，是令访客了解网站概貌并引导其调阅重点内容的向导。首页设计要求在保障整体感的前提下，根据大多数人的阅读习惯以色彩、线条、图片等要素将导航条、各功能区以及内容区进行分隔。首页设计采用客户的既定标准色，注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标。

入口页

入口页又称Coverpage，顾名思义如果把网站比作一本杂志，入口页(Coverpage)就是封面了。此页面的元素通常只有企业的名称，企业的LOGO以及表现企业形象的背景图片等。

适用于突出体现企业形象、企业理念或者为了让网站艺术型。但不适用于功能性强、交互频繁的站点。

网页编写

网页是由超文本标记语言（外语缩写：html、标准通用标记语言下的一个应用）编写的。过去制作网页都要有专门的技术人员一行一行代码的编写非常费事，而如今有了可视化的编辑工具使得不再那么困难，同时也可以实现更多强大的功能。

布局排版

每个网站都有着相当规范的布局排版，美观得体。网站制作主流的排版都是div+css，因为这利于搜索引擎优化，table布局基本已经被淘汰了。

网站策划

网站是企业发布信息、收集反馈、提供服务的综合平台。信息结构的设置能否符合访客的使用习惯将在很大程度上影响网站的实际功效。我们将圈定客户网站的主要目标访客群体后进行网站整体结构及栏目的策划，出具详细的各页页面布局图与细节说明，并据此与客户讨论布局、设计风格、以及各页面间的勾接关系等。

栏目页设计

据网站结构及信息类别的分类，确定需要独立设计的栏目页和内容页模板文件的总数。设计中兼顾并继承首页的设计风格，保障模板在各具体页面套用过程中的适用性和灵活性。

动态效果

在策划阶段根据不同页面的需要，设置Javascript、DHTML特效若干。例如：走马灯、分时问好、弹出窗口等。

Flash动画

Flash动画是一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多优点，是当今最流行的Web页面动画格式。

超文本

超文本是一种新的文件形式，指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合，超文本系统允许用户任意构造链接，通过Hyperlink来实现。

特效链接

但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到网页，建议还是牺牲掉一些花哨的东西。

FLASH

由于FLASH的构造问题，搜索引擎对抓取全站flash的网站很不明感，个案表明这一类的网站很难被百度搜索引擎索引。[9]

基本格式

编辑

静态网页多数为单一的超文件标示语言档案。现今不少网站皆倾向把动态网页静态化，从而令搜索引擎最佳化。

动态网页的内容随着用户的输入和互动而有所不同，或者随着用户、时间、数据修正等而改变。

任何地址中带“?”号、“&”号（及其他类似符号）的网页都会把“蜘蛛”程序挡在门外。这些网页通常由 CGI、PHP、ASP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。虽然有的大型搜索引擎（如Google）已具备检索动态网页的能力，但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google，也在多个场合中明确表示不保证检索全部的动态网页。

网站空间

编辑

（1）空间服务商的专业水平和服务质量。这是选择网站空间的第一要素，如果选择了质量比较低下的空间服务商，很可能会在网站运营中遇到各种问题，甚至经常出现网站无法正常访问的情况，或者遇到问题时很难得到及时的解决，这样都会严重影响网络营销工作的开展。

（2）虚拟主机的网络空间大小、操作系统、对一些特殊功能如数据库等是否支持。可根据网站程序所占用的空间，以及预计以后运营中所增加的空间来选择虚拟主机的空间大小，应该留有足够的余量，以免影响网站正常运行。一般说来虚拟主机空间越大价格也相应较高，因此需在一定范围内权衡，也没有必要购买过大的空间。虚拟主机可能有多种不同的配置，如操作系统和数据库配置等，需要根据自己网站的功能来进行选择，如果可能，最好在网站开发之前就先了解一下虚拟主机产品的情况，以免在网站开发之后找不到合适的虚拟主机提供商。

网站空间

这个一步应该是和选好域名的时候已经确定网站空间放在那里。在网络服务器上开辟出一定配额的磁盘空间供用户放置网站、文件等内容，最基本的虚拟主机功能包含web访问和文件传输功能。

技术

编辑

网站搭建原理

1、认识网站虚拟空间：虚拟空间是用来存放网站文件的。如：图片信息，html文件，php文件等。虚拟空间相当于一个硬盘空间，只是这个空间可以被互联网用户以网址或IP地址的形式访问。

2、认识域名的作用含义：域名可以理解为网站的地址，多个域名可以对应一个主机IP地址。最常见的还是一个IP对应一个域名。

3、动态网站的数据库支持：传统的静态网站无需数据库支持。而这是用来存放网站数据的空间，这里的网站数据可并非指的是网站的html文件、图像信息等，指的是如网站访客提交的留言，个人信息等。

建站基础知识

超文本标记语言（外语缩写：html、标准通用标记语言下的一个应用）。最新的HTML技术是HTML5，HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)。

table、div+css:每个网站都有着相当规范的布局排版，美观得体，div+css的布局技术，相较于table布局、xml（标准通用标记语言的子集）的布局更加简单灵活、代码更加简洁。

Javascript技术：这是一种可以使得网站更加生动活泼的程序语言，如图片的自然切换，跑马灯等特效，让网站的页面更加有亲和力、生动形象。

美工

简单说来就是photoshop，一个优秀的网站不必可少的就是动人的UI，如网站的banner设计、logo图片、图标设计等都离不开优秀的美工。

脚本语言

用来实现网站的一些基本功能，如用来完成动态网站的用户访问提交数据等，这种语言可以插入到html静态网页中，如php、asp等都是较为流行的服务器脚本语言。可以用来编写网站的后台用于管理网站，前台功能应用。

SEO优化

制作网站的目的不仅仅是为了展示自己，更直接的目的是为了获得良好的搜索引擎排名。如网站结构的优化、代码优化、关键词布局等。都需要对网站进行不断完善。

编辑能力

简单的编辑能力只要会写文章即可，如果想让网站更有吸引力，优秀的文字功底必不可少，内容是网站的第一生产力。

代码质量

当创建一个网站，它是很好的做法，以符合标准。这通常是通过描述指定元件做什么。不符合标准的网站无法使用或容易出错的，标准可以涉及到正确的页面布局的可读性，以及确保适当地关闭了编码元素。

CMS建站

整站开发是一项浩大的工程，需要多人配合。制作网站CMS(内容管理系统)是再适合不过的、也是最为快捷的建站方式，很多优秀的CMS使得如今的网站建设更加智能化、简单易上手。只需要做出漂亮的前端，在页面中嵌入执行语句即可使得网站快速运作管理。

动态代码

内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript、JScript、Actionscript)来改变。当然更普遍的是由服务器端的描述语言(Perl、PHP、ASP、JSP、ColdFusion等)进行编译,从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。

页面尺寸

由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。

浏览器的工具栏也是影响页面尺寸的原因。一般的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。

在网站制作过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。

自适应网页

随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。手机的屏幕比较小，宽度通常在600像素以下；这就需要自适应布局来实现。

自适应布局的要点：

（一）允许网页宽度自动调整

（二）不使用绝对宽度

（三）相对大小的字体

（四）流动布局（fluid grid）

（五）选择加载CSS

（六）图片的自适应（fluid image）

整体造型

什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。

页头

页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。

文本

文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。

页脚

页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。

图片

图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

多媒体

除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网站制作的布局设计上也将变得更重要。

经验技巧

编辑

主题规划

主题不可过于分散，网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。

丰富内容

两者相辅相成，有着丰富内容的通常会受访问者的欢迎。但是这里的内容丰富并不是指内容的繁杂，而是指内容的深度。搜索引擎在排名网站时，不仅要看网页的信息相关度，同时也会考虑网站的声望如何，比如外部链接有多少，网页的点击率有多高等等。因此一个内容充实的网站肯定会排在内容贫乏的网站前面由于不同的搜索引擎在网页支持方面存在差异，因此在网页设计时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。

框架结构

有（如FAST）是不支持框架结构的，他们的“蜘蛛”：程序无法阅读这样的网页。图象区块（Image Maps），除AltaVista、Google明确支持图像区块链接，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置Image Map链接。

特效连接

有不少的网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java script实现，视觉上非常新颖，但在搜索引擎爬虫程序的眼里则没那么诱人，相反它无法解读这种链接。能够让搜索引擎顺利检索到网页，还是牺牲掉一些花哨的东西。

FLASH

虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太敏感。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。

栏目

编辑

常用的几个企业网站栏目

1、公司简介（关于我们）

2、产品展示

3、资质荣誉

4、招聘信息

5、在线留言

6、联系我们

网站栏目

编辑

栏目详情就是把每一个子栏目的具体情况描述一下，其中包括到各个子栏目的名称：

栏目目的（把子栏目的目的写清楚）

服务对象（用以明确栏目的发展方向，更好的为达到目的而做哪些具体内容）

内容介绍（详细说明本子栏目的具体内容）

资料来源（说明该栏目的内容来源是什么，以保证栏目开展下去不会出现没有内容的情况）

实现方法（讲述实现这个栏目的具体方法）

有关问题（栏目负责人在栏目的策划过程当中想到的，尚未解决的问题）

具体流程

编辑

网站制作是一个综合性极强的工作，涉及到域名注册查询、商业策划、平面设计、人机界面、程序语言和数据库等。

网站制作总体上分为策划、前台和后台三部分。一般都是由三种不同专业的人合作完成的，一个人独立完成的网站一般很难做到各方面都很专业。因此，网站设计一般由团队完成。

策划

网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。

前台

网站页面的设计制作，包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等(从这里可以看出，前台美工的任务很重，而且还涉及到公司形象，潜在形象广告宣传的劳动能力，为公司的整体付出了潜在的市场价值)。

后台

程序设计、数据操作、功能实现、管理界面和管理功能设计等。

后台管理

网站后台管理主要是用于对网站前台的信息管理，如文字、图片、影音、和其他日常使用文件的发布、更新、删除等操作，同时也包括会员信息、订单信息、访客信息的统计和管理。简单来说就是对网站数据库和文件的快速操作，以使得前台内容能够得到及时更新和调整。

用户需求

用户都是浏览者

假如您以为一般的用户会完完整整地阅读您的网页，那么您就错了。不管您在网页中发布了多么有用的信息，假如您但愿用户阅读您的文字，请确保在页面段落的第一句就说明您的观点。另外，您还需要在整个页面中使用简短的段落以及有趣的标题。

少等于多

使所有的句子、段落、章节、页面尽可能地短。在段落和章节之间使用较多的留白。不要在单一的页面上放置太多的内容。假如确实有必要传递大量的信息，尽量把内容分为小块。

导航

不要使用文本段落内的超链接随意地把访问者带到别的页面。这样做会破坏导航结构一致性的感觉。

下载速度

最常见的错误是用于网站开发者的开发环境造成的，开发职员有时不会意识到下载他们的页面要花很长的时间。

网站形成

编辑

一些CSS3属性（尚未正式确定，这可能会导致与旧版本的浏览器，或不同的解释的图形界面的浏览器的兼容性问题）。

网站架构

编辑

网站架构是对网站的设计和规划，象的方法架构本身，涉及到技术、美学和功能标准。在传统建筑，重点是正确的用户和用户要求。这就需要特别注意网页内容，商业计划书、可用性、交互设计、信息架构和网页设计。

由于网站内容的规划，设计和管理的范围之内来设计方法，坚定性和喜悦的目标可以引导的网站架构，因为它们的物理结构和其他设计学科。网站架构是未来的范围之内美学与批评理论，这种趋势可能会加速到来的语义网络和网络2.0。

失败因素

编辑

定位失败

我们在做个人网站的时候出发点往往没有考虑好自己要做什么类型的网站，这个网站给用户或者给自己带来什么收益。很多时候我们建立网站的时候都是根据自己的一时兴趣搭建，虽然如今网站制作设计的成本很低，但是你是否知道，浪费我们自己的时间和精力是再也挽救不回来的。或者你很有激情的维护网站几个月，每天看着网站统计没有用户访问，然后你的兴趣将逐渐降低，直到网站不在维护，就都是我们定位不明确导致的失败。

资金问题

如今网站制作设计成本是降低很多，但后期运营的时间成本，经济成本还是需要的。如今不再是你建个网站，就可以自然得到很大的访问量的时代，如今信息大爆发，你需要花时间，花金钱去推广，宣传自己的网站，让更多的访问，以至于得到广告或者投资的收益，我们个人站长是不具备资金实力的，有些人连空间域名都在省钱找免费的，何谈以后的发展。

技术问题

我们个人站长下载个程序，安装，解析是会的。后期网站需要比如更换模板，修改功能可能都比较棘手。没有资金投入外包，没有技术团队。我们的网站功能得不到改善，因为同行也在做，他们在功能上或者细节上就超越了我们。

团队问题

个人站长不是不可能有团队，但和现实中的实体团队不同。往往是几个网友，聊天一时兴趣比较投缘拍板敲定一起做一个网站，然后达到一个什么效果。这样的团队是有问题的，因为每个人都有每个人的事情，分工不明确，如果你尝试过，我相信大部分人这样的合作模式不长久，把摊子铺的太大也不够精力维护，还不如自己做一个小网站运营的好。

企业站

编辑

（1）网站规划和栏目设置不合理。主要表现在栏目设置有重叠、交叉、或者栏目名称意义不明确，容易造成混淆，使得用户难以发现需要的信息，有些网站则栏目过于繁多和杂乱，网站导航系统又比较混乱（41.0%的企业网站导航系统基本清晰合理，有1/3的企业网站存在严重的导航问题，1/4的网站导航存在不同程度的问题，但不至于造成用户严重迷失）；

（2）重要信息不完整。企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息，但为数不少的企业网站上这些重要信息不完整（例如同时公布地址、电话和Email地址的企业网站仅有42.7%，即半数以上的企业网站联系方式不完整），尤其是产品介绍过于简单，有些甚至没有公布任何联系方式；

（3）网页信息量小。包括两种情况：一种页面上的内容过少，或者将本来一个网页可以发布的内容分为多个网页，而且各网页之间没有相互链接，需要主页点击；另一方面是尽管内容总量不少，但有用的信息少，笼统介绍的内容多；

（4）栏目层次过深。一般来说，重要的信息应该出现在最容易被用户发现的位置，应尽可能缩短信息传递的渠道，以使企业信息更加有效地传递给用户，石由于网站栏目层次过深，用户需要多次点击才能获取有效信息，在这个过程中，一些有价值的用户可能已经离开了网站；

（5）网站缺乏促销意识。促销意识指通过网站向访问者展示产品、对销售提供支持，有多种具体表现方式，如主要页面的产品图片、介绍、通过页面广告较好体现出企业形象或者新产品信息、列出销售机构联系方式、销售网店信息等，或者具有积累内部网络营销资源和拓展外部网络营销资源的作用，这方面总体状况比较欠缺。

（6）企业网站系统，无论大型还是中小型企业，利用网络传递信息在一定程度上提高了办事的效率，提高企业的竞争力。

前景

编辑

应用PHP网站建设

PHP是英文超级文本预处理语言HypertextPreprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛的运用。

PHP建站特点为：1、PHP具有很好的开放性和可扩展性;2、PHP网站建设开发成本低;3、支持面向对象;4、 PHP在Web项目开发过程中具有极其强大的功能，而且实现相对简单;5、可选择性;6、版本更新速度快;7、模板化;8、应用范围广9、PHP建站具体良好的安全性;10、PHP几乎支持所有的操作系统平台及数据库系统，并广为流行;11、PHP代码执行速度快，效率高;

应用Java网站建设

用Java实现的HotJava浏览器(支持Java applet)显示了Java的魅力：跨平台、动态的Web、Internet计算。从此，Java被广泛接受并推动了Web的迅速发展，常用的浏览器均支持Javaapplet。Java建站其特点，最主要有三个：第一、跨平台;第二、面向对象;第三、动态域的控制。不过java程序不容易掌握，运行成本较高，程序运行也比较慢。

注意问题

编辑

1、未进行关键词分析
　　如果不对关键词进行恰当分析的话，就会造成很多问题，包括：方向不明确、关键词配置不合理、排名效果差、ROI低等，所以一定要先对关键词进行分析。
　　2、缺少导入链接
　　很多网站的优化都存在收录问题，检查一下不难发现，很多都是因为缺少导入链接。互联网中，网页与网页的关系是通过链接来建立的，如果网站和外界没有链接，没有任何联系的话，就成了一个孤岛型网站，搜索引擎无法知道网站的存在。
　　3、采集大量的文章
　　搜索引擎不会给予互联网中高度重复的文章好的排名的，网站上如果包含大量的采集文章的话，对网站是会有一定的负面影响的。网站建好后，如果没有或者只有很少的原创的实质内容的话，会给用户带来了不良的浏览体验，也会给搜索引擎留下了不好的印象，为搜索引擎优化带来困难。
　　4、一味追求网站美观
　　有些网站一味追求美感：大气、好看、美观，其实对网站来说，这些都不是必需的。用户喜欢简洁明了的页面，这样才能带来良好的视觉体验。不要使用大量的图片和太多的flash，这会造成页面体积过大、页面加载速度慢，大大降低使网站的实用性，也不要再导航上使用图片作链接，这会导致搜索引擎识别网站结构时有困难。
　　5、频繁更改网页标题（title）

搜索引擎依赖title标签进行切词、分词建立索引，这是最初阶段的搜索引擎排名的核心点，虽然从技术上来说，已经有了突飞猛进的发展，但对title的依赖还是提高用户体验的一个关键点，如果更改title的话，搜索引擎会把它当作作弊来看待的，所以更改title时一定要慎重。
　　6、直接复制网站
　　为了图省钱省力，很多人在建站时直接胡子鼻子一把抓，把现有的网站程序DEDEhome模板直接套来使用。这样出来的新站就会和之前的站相似度很高，会导致新站很难得到好的排名，老站也会受到连带影响。

网站类型

编辑

静态网页，动态网页主要根据网页制作的语言来区分：

静态网页使用语言：超文本标记语言（标准通用标记语言下的一个应用）或可扩展标记语言（标准通用标记语言下的一个应用子集）
动态网页使用语言：HTML+ASP 或HTML+ASP,NET或 HTML+PHP 或 HTML+JSP 等。

注意事项

编辑

网页构架

搜索引擎不支持框架结构的网页，所以我们在网站制作中，不要采用框架结构，最好还是采用div+css机构的网站。

动态网页

什么是动态网页呢？一般动态网页的网址中含有"?"、"&"等符号的页面，大家都知道搜索引擎对静态页面比较友好，对动态就不怎么友好了。为了能够让蜘蛛更好的爬向你的页面，最好还是将网站设计为伪静态的页面。

图像链接

每个网页中或多或少的都会有图片，图片很可能会不利于搜索引擎蜘蛛的抓取，所以为了蜘蛛抓取你的网站，最好尽量少使用图片，就算使用了图片也要加上alt标签。

导航栏

网站的导航栏是整个网页中最为重要的一部分，所以在网站制作中我们就需要保证蜘蛛能够抓取，那么如何才能够保证呢？导航栏一般不要用图片、动画、javascript等来制作，用文字是最好的。因为用了图片、动画、javascript来制作导航是非常不利于蜘蛛抓取的。

工具技术

编辑

Web设计人员使用各种不同的工具的一部分。这些工具的生产过程中，他们都参与更新，随着时间的推移，新的标准和软件，但背后的原理仍然是相同的。

Web图形设计人员使用向量和光栅图形包，用于创建Web格式的图像或设计原型。可以手工编码所产生的所见即所得的编辑软件，用于创建网站的技术包括标准化的标记起来。也有专有的软件插件，绕过客户端的浏览器版本的基础上，这些往往是所见即所得的，但选择使用该软件的脚本语言。搜索引擎优化工具可以用来检查搜索引擎中的排名，并提出改进建议。

网页设计师可以使用其他工具，包括标记验证器和其他测试工具的可用性和易用性，以确保他们的网站符合网页易读性指引。

新闻详情