网站製作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程式设计，资料库设计等一系列工作的总和，也是将网站设计师的图片用HTML（标準通用标记语言下的一个套用）方式展示出来。
网站製作属于前台工程师的一项任务，前台工程师任务包括：网站设计、网站用户体验、网站JAVA效果、网站製作等工作。网站製作是策划师、网路程式设计师、网页设计等岗位，套用各种网路程式开发技术和网页设计技术，为企事业单位、公司或个人在全球网际网路上建设站点，并包含域名注册和主机託管等服务的总称
基本介绍
- 中文名：网站製作
- 外文名：Website Design
- 起源：世界第一台电脑
- 目的：开展网上行销，实现电子商务
- 条件：网站虚拟空间、域名等
- 域名选择：.com、.top、.cn、.cx、.cc等
製作条件
网站製作需要网站虚拟空间、域名以及动态网站的资料库这三个最基本的条件。网站虚拟空间是用来存放网站档案，如：图片信息，html档案，php档案等，相当于一个硬碟空间，域名即指访问网站的地址。动态网站的资料库用来存会员信息以及动态页面所用到的数据表，这里的网站数据并非网站的html档案、图像信息等，指的是如网站访客提交的留言，个人信息等，传统的静态网站无需资料库支持。随着浏览器和W3C标準一致性的改善，以及无表格网页设计的认同性增加，超档案标示语言与层叠样式表共同用作网页内容的设计已经被广泛的接受和使用。最新的标準和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要外挂程式程式也能够给用户传输多媒体信息和更多的选择。
製作流程
网站规划
1、域名主机需要根据网站主题及範围来选择，主机则根据网站在大小、安全、稳定上的要求选择网路服务商。
2、网站的定位（定位于营利性网站，企业网站，或是公益性的……）
3、网站的用途（是用来营利的，还是做产品线上行销的，或是做品牌推广和整合的，或者只是单纯用来传播信息的）；
4、网站的发展目标 （需要达到的目标，需要为这个目标而努力的）；
5、网站的拓扑图构画（网站包括哪些栏目，採用什幺样的製作结构）；
6、网站製作技术的採用（用哪种语言开发，在什幺平台上开发）；
7、网站的推广（SEO专家的建议）；
8、网站的维护（是自主维护，还是外包维护，维护的内容包括哪些，后期改版的时间间隔安排等）；
9、网站安全 (网站定期进行安全检测及备份等安全操作)
10、网站的主题颜色（网站颜色可以直接反应出企业的行业企业文化）。
5、网站的拓扑图构画（网站包括哪些栏目，採用什幺样的製作结构）；
6、网站製作技术的採用（用哪种语言开发，在什幺平台上开发）；
7、网站的推广（SEO专家的建议）；
8、网站的维护（是自主维护，还是外包维护，维护的内容包括哪些，后期改版的时间间隔安排等）；
9、网站安全 (网站定期进行安全检测及备份等安全操作)
10、网站的主题颜色（网站颜色可以直接反应出企业的行业企业文化）。
选择域名
域名是网站在网际网路上的名字，是在网际网路上相互联络的网路地址，是老百姓口中说的网站地址。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，就将前功尽废。现在建站最好使用一级域名，申请困难，一级域名对品牌和公司的辨识度也很重要。
做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的视窗妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来讲，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。
建站流程
- 先确定要做的是一个什幺网站，就是说做这个网站是用来乾什幺的；比如说，我想做的网站是一个企业网站，是做电子电器的，那幺就要围绕这些内容来进行构想，也可以参考一些同类的网站，
- 根据构想好的网站主题来取一个域名，域名一定要取好，这个对你网站以后的发展很重要，所以一定要根据你网站的主题来取好（如果是企业网站的话，一般都会以公司品牌名的全拼或者简拼来取）；
- 域名取好后，接下来就是上面所说的网站建设最複杂的部分了（网页设计、程式开发），即网站程式源码，我是使用别人开发好的网站模板源码来进行修改的，因为这样可以省去很多时间，其实很多网站都会找一些相关性的网站模板来根据自己想要做的网站来进行修改的；
- 待网站程式源码搞好并在本地测试正常后，根据网站要用到的空间需求来租用伺服器空间，一般的企业网站用300M的空间就足够了（以视频形式展示的企业网站除外），还有一点需要注意的是：伺服器分国内和国外，最大的区别就是国内的空间要进行备案而国外的空间不用，购买后可直接使用；
- 伺服器空间购买好后，就将网站的程式源码用ftp上传工具上传到伺服器空间，并将后台数据导入到空间资料库，网站就可以正常在网际网路上运营了。
网路资源
能以低代价却很方便的把产品或服务的信息发向全世界的每个角落。全世界所有客户都能通过Internet这个强有力的工具来了解企业。Internet已经连线了相当多的网民、企业、机构和政府，而且向着更广阔的範围发展。Internet中国正以几何级数速度发展，因此，任何一家企业，都不应置身于Internet之外，那会脱离企业发展最基本的资源和环境：人类社会。
电子商务
电子商务（ElectronicCommerce）是在Internet开放的网路环境下，基于浏览器/伺服器套用方式，实现消费者的网上购物、商户之间的网上交易和线上电子支付的一种新型的商业运营模式。
目标是实现交易信息的网路化和电子化，电子商务是未来经济形式发展的大趋势。如使用电子货币，开网上商店，进行网上商务谈判和使用电子签名签契约等等。企业上网通常都会加入到网上的某个行业协会网站或商业网站中，成为会员或网员。行业协会网站或商业网站上发布供求信息，获取有关政策和市场信息，享受其他服务。企业建立网站，从销售的观点看，可以减少交易的中间环节，降低本钱。企业网站还可以扩建成为网上销售和售前售后谘询服务中心。
主流代码布局
DIV（区）+CSS（层叠样式表）
构成
文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程式等等。
在网页上点击滑鼠右键，选择选单中的 “查看源档案” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本档案。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字型、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什幺在源档案看不到任何图片？ 网页档案中存放的只是图片的连结位置，而图片档案与网页档案是互相独立存放的，甚至可以不在同一台计算机上。
设计原则
自适应网页设计 也称为 回响性的Web设计 -设计网页，提供一个很好的感知上的各种设备连线到网际网路。
自适应网路设计的目的是为不同设备的多功能网站。网站是为了更方便地查看不同的解析度和格式的设备，技术，自适应网页设计没有为特定类型的设备创建一个单独的版本的网站。一个网站可能无法在您的手机，平板电脑，笔记本电脑和电视上网，要满足全範围的设备最佳显示。
自适应网路设计的目的是为不同设备的多功能网站。网站是为了更方便地查看不同的解析度和格式的设备，技术，自适应网页设计没有为特定类型的设备创建一个单独的版本的网站。一个网站可能无法在您的手机，平板电脑，笔记本电脑和电视上网，要满足全範围的设备最佳显示。
网站架构
网站架构是一个网站，如建筑本身，涉及到技术，美学和功能的标準设计和规划方法。传统建筑，重点是正确的用户和用户的要求。这需要特别注意的网页内容，商业计画，易用性，互动设计，信息架构和网页设计。
过程和结果
独特的设计是比较贵的，但还涉及到一个特定的顺序从头开始，完全独特的设计图纸。根据不同的专业性和/或本公司或网页设计师的政策发展的想法和概念设计，完全独立，或接收一个数的要求（颜色，风格，等等），在客户端或创意总监（艺术总监）的期望和想法，并尝试保持这个趋势的发展布局。大多数客户错误地等同于一个网页设计师和网站主，指控他和发布网站。
建网工具
网路技术的发展带动了软体业的发展，所以用于製作Web页面的工具软体也越来越丰富，从最基本的HTML编辑器到非常流行的Flash互动网页製作工具，各种各样的Web页面製作工具。
个人网站製作者还需了解W3C的HTML4.0规範、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程式如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画製作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬体和网路知识也是必备的。
製作原则
在网际网路的时代，网站的製作并非是一个单纯的技术性问题。特别是模板网站的出现，只要会打字，几乎谁都会，网站製作它包括逻辑思维、文字内容表达、美工设计等因素，但你最终目标是吸引更多用户访问。网站製作和设计是根据它设定的目标,在一个商业网站的情况下,网页设计的定义是根据它设定的目标。网站製作过程如果你是新的开始，有很多工具来创建一个很好的网站。但是，如果你是新的在这个行业，下面的会很有用：获得一个想法的有效的网站。适应他们的理念，以创建网站的过程中，网站上的乐趣！
网站製作
网站製作企业网站製作的主要目的是增加供应和品牌的知名度。在网页设计中的目标是验证的身份,该公司的可读性,提高质量流量,促进游客创造之间的关係。网站因此公司最佳化页面的回响时间。网站製作执行的工作类型，就业性质，开发人员可以找到所有类型的企业，包括大型企业和政府部门，中小型企业，或者单独作为自由职业者的工作。有些网路开发人员工作的一个组织作为一个永久的全职雇员，而另一些可能作为独立的顾问公司，职业介绍所或承包商。
针对性
在网站製作之前，一定要对网站目标人群有一个规划和了解，网站製作目的是什幺，是宣传公司文化，还是宣传公司产品。这样网站针对性就很明显了。最终网页设计师根据不同站点的内容和风格，设计出完美的网页效果图。
内容填充
不管是个人网站还是企业网站，都必须从内容这个出发点考虑，一个网页即使再漂亮，网站内容没有价值的话，也不会吸引太多的浏览者来访问。所以说内容填充是网站收录的核心关键，俗话说内容为王就是这个道理。
美观
网站的美观与网页设计师有很大的关係。网路公司的设计师会根据页面风格、以及网站对象，运用醒目的推按，新颖的画面，美观的字型，非常酷的特效来给网站以非常美的感受。
简洁
简洁的页面设计、简洁的网页代码能让浏览者在访问网站时速度更快，体验更好。
所以在网站製作时，把图片、样式、内容、动画、代码分离出网页能提高网站打开速度。
用户体验
假如网站管理者以为一般的用户会完完整整地阅读您的网页，那幺就错了。不管在网页中发布了多幺有用的信息，假如网站管理者但愿用户阅读自己的文字，请确保在页面段落的第一句就说明自己的观点。另外，还需要在整个页面中使用简短的段落以及有趣的标题。
少等于多：使所有的句子儘可能地短。使所有的段落儘可能的短。使所有的章节儘可能地短。使页面儘可能地短。请在段落和章节之间使用较多的留白。充斥着冗长文字的页面会赶走用户。也不要在单一的页面上放置太多的内容。假如确实有必要传递大量的信息，请儘量把内容分为小块
导航：请不要使用文本段落内的超连结随意地把访问者带到别的页面。因为这样做会破坏导航结构一致性的感觉。假如必须使用超级连结，请把它们添加到段落的底部，或站点的导航选单。
下载速度：最常见的错误是用于网站开发者的开发环境造成的，例如使用一台本地的机器开发站点，或者使用一条高速的网际网路连线。开发职员有时不会意识到下载他们的页面要花很长的时间。
对用户获取信息的影响：1、网站信息的有效性 2、网站简单易用 3、保持网站的功能的正常运行 4、保持网站的连结有效 5、用户注册或退出方便 6、保护个人信息 7、避免对用户造成滋扰
少等于多：使所有的句子儘可能地短。使所有的段落儘可能的短。使所有的章节儘可能地短。使页面儘可能地短。请在段落和章节之间使用较多的留白。充斥着冗长文字的页面会赶走用户。也不要在单一的页面上放置太多的内容。假如确实有必要传递大量的信息，请儘量把内容分为小块
导航：请不要使用文本段落内的超连结随意地把访问者带到别的页面。因为这样做会破坏导航结构一致性的感觉。假如必须使用超级连结，请把它们添加到段落的底部，或站点的导航选单。
下载速度：最常见的错误是用于网站开发者的开发环境造成的，例如使用一台本地的机器开发站点，或者使用一条高速的网际网路连线。开发职员有时不会意识到下载他们的页面要花很长的时间。
对用户获取信息的影响：1、网站信息的有效性 2、网站简单易用 3、保持网站的功能的正常运行 4、保持网站的连结有效 5、用户注册或退出方便 6、保护个人信息 7、避免对用户造成滋扰
网站界面
界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：
栏目编排
构建一个网站就好比写一篇论文，首先要列出提纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始製作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，製作者自己在扩充和维护网站也相当困难。所以，我们在动手製作网页前，一定要考虑好栏目和板块的编排问题。
网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质为一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。
编排注意
●儘可能删除那些与主题无关的栏目；
●儘可能将网站内最有价值的内容列在栏目上；
●儘可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权资讯、个人信息等大可不必放在主栏目里，以免沖淡主题。
另外，板块的编排设定也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设定板块。如果有必要设定板块的，应该注意：
●各板块要有相对独立性；
●各板块要有相互关联；
●各板块的内容要围绕站点主题。
目录结构
网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什幺太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如：
●不要将所有档案都存放在根目录下。有网站製作者为了方便，将所有档案都放在根目录下。这样就很容易造成：档案管理混乱，搞不清哪些档案需要编辑和更新，哪些无用的档案可以删除，哪些是相关联的档案，影响工作效率；上传速度变慢，伺服器一般都会为根目录建立一个档案索引，如果将所有档案都放在根目录下，那幺即使只上传更新一个档案，伺服器也需要将所有档案再检索一遍，建立新的索引档案，很明显，档案量越大，等待的时间也将越长。
●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连线内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合併放在一个统一目录下。所有程式一般都存放在特定目录，
●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。
其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；儘量使用意义明确的目录，以便于记忆和管理。
连结结构
网站的连结结构是指页面之间相互连结的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，连结则是在两个固定点之间的连线。一个点可以和一个点连线，也可以和多个点连线。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的连结结构有两种基本方式：
●树状连结结构（一对一），这类似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的网站很不明感，个案表明这一类的网站很难被百度搜寻引擎索引。
基本格式
静态网页多数为单一的超档案标示语言档案。现今不少网站皆倾向把动态网页静态化，从而令搜寻引擎最佳化。
动态网页的内容随着用户的输入和互动而有所不同，或者随着用户、时间、数据修正等而改变。
任何地址中带“?”号、“&”号（及其他类似符号）的网页都会把“蜘蛛”程式挡在门外。这些网页通常由 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）
如果不对关键字进行恰当分析的话，就会造成很多问题，包括：方向不明确、关键字配置不合理、排名效果差、ROI低等，所以一定要先对关键字进行分析。
2、缺少导入连结
很多网站的最佳化都存在收录问题，检查一下不难发现，很多都是因为缺少导入连结。网际网路中，网页与网页的关係是通过连结来建立的，如果网站和外界没有连结，没有任何联繫的话，就成了一个孤岛型网站，搜寻引擎无法知道网站的存在。
3、採集大量的文章
搜寻引擎不会给予网际网路中高度重複的文章好的排名的，网站上如果包含大量的採集文章的话，对网站是会有一定的负面影响的。网站建好后，如果没有或者只 有很少的原创的实质内容的话，会给用户带来了不良的浏览体验，也会给搜寻引擎留下了不好的印象，为搜寻引擎最佳化带来困难。
4、一味追求网站美观
有些网站一味追求美感：大气、好看、美观，其实对网站来说，这些都不是必需的。用户喜欢简洁明了的页面，这样才能带来良好的视觉体验。不要使用大量的 图片和太多的flash，这会造成页面体积过大、页面载入速度慢，大大降低使网站的实用性，也不要再导航上使用图片作连结，这会导致搜寻引擎识别网站结构 时有困难。
5、频繁更改网页标题（title）
搜寻引擎依赖title标籤进行切词、分词建立索引，这是最初阶段的搜寻引擎排名的核心点，虽然从技术上来说，已经有了突飞猛进的发展，但对title的依赖还是提高用户体验的一个关键点，如果更改title的话，搜寻引擎会把它当作作弊来看待的，所以更改title时一定要慎重。
6、直接複製网站
为了图省钱省力，很多人在建站时直接鬍子鼻子一把抓，把现有的网站程式DEDEhome模板直接套来使用。这样出来的新站就会和之前的站相似度很高，会导致新站很难得到好的排名，老站也会受到连带影响。
6、直接複製网站
为了图省钱省力，很多人在建站时直接鬍子鼻子一把抓，把现有的网站程式DEDEhome模板直接套来使用。这样出来的新站就会和之前的站相似度很高，会导致新站很难得到好的排名，老站也会受到连带影响。
网站类型
静态网页，动态网页主要根据网页製作的语言来区分：
- 静态网页使用语言：超文本标记语言（标準通用标记语言下的一个套用）或可扩展标记语言（标準通用标记语言下的一个套用子集）
- 动态网页使用语言：HTML+ASP 或HTML+ASP,NET或 HTML+PHP 或 HTML+JSP 等。
注意事项
网页构架
搜寻引擎不支持框架结构的网页，所以我们在网站製作中，不要採用框架结构，最好还是採用div+css机构的网站。
动态网页
什幺是动态网页呢？一般动态网页的网址中含有"?"、"&"等符号的页面，大家都知道搜寻引擎对静态页面比较友好，对动态就不怎幺友好了。为了能够让蜘蛛更好的爬向你的页面，最好还是将网站设计为伪静态的页面。
图像连结
每个网页中或多或少的都会有图片，图片很可能会不利于搜寻引擎蜘蛛的抓取，所以为了蜘蛛抓取你的网站，最好儘量少使用图片，就算使用了图片也要加上alt标籤。
导航栏
网站的导航栏是整个网页中最为重要的一部分，所以在网站製作中我们就需要保证蜘蛛能够抓取，那幺如何才能够保证呢？导航栏一般不要用图片、动画、javascript等来製作，用文字是最好的。因为用了图片、动画、javascript来製作导航是非常不利于蜘蛛抓取的。
工具技术
Web设计人员使用各种不同的工具的一部分。这些工具的生产过程中，他们都参与更新，随着时间的推移，新的标準和软体，但背后的原理仍然是相同的。
Web图形设计人员使用向量和光栅图形包，用于创建Web格式的图像或设计原型。可以手工编码所产生的所见即所得的编辑软体，用于创建网站的技术包括标準化的标记起来。也有专有的软体外挂程式，绕过客户端的浏览器版本的基础上，这些往往是所见即所得的，但选择使用该软体的脚本语言。搜寻引擎最佳化工具可以用来检查搜寻引擎中的排名，并提出改进建议。
网页设计师可以使用其他工具，包括标记验证器和其他测试工具的可用性和易用性，以确保他们的网站符合网页易读性指引。