网站制作

时间: 2013-08-20 09:26:30 点击数: 60008 来源: 耐思智慧

网站制作

制作网站是一项很复杂的工程，网站制作从大的一方面讲可以称之为是生物学的延续，是工程学的集中表现。但网站制作，更是一个深入浅出的过程。网站制作一切以人为本，用户体验始终放在第一位，不仅仅注重外表的美观，华而不实的外壳。网页设计，网站架构，代码编写也不仅仅是一个复制粘贴的过程。网站制作要突出个性，注重浏览者的综合感受，令其在众多的网站中脱颖而出。网站制作的目的是通过网站达到开展网上营销，实现电子商务的目的。

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

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

制作流程

概述

申请域名

购买空间

定位网站

分析网站需求

网站风格设计

网站代码制作

测试网站；

FTP上传网站；

网站维护

网站规划

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

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

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

4、网站的发展目标（需要达到的目标，需要为这个目标而努力的）；

5、网站的拓扑图构画（网站包括哪些栏目，采用什么样的制作结构）；

6、网站制作技术的采用（用哪种语言开发，在什么平台上开发）；

7、网站的推广（SEO专家的建议）；

8、网站的维护（是自主维护，还是外包维护，维护的内容包括哪些，后期改版的时间间隔安排等）；

9、网站安全 (网站定期进行安全检测及备份等安全操作)；

10、网站的主题颜色（网站颜色可以直接反应出企业的行业企业文化）。

选择域名

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

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

建站流程

一、先确定要做的是一个什么网站，就是说做这个网站是用来干什么的；比如说，我想做的网站是一个企业网站，是做电子电器的，那么易雅网就要围绕这些内容来进行构想，也可以参考一些同类的网站，

二、根据构想好的网站主题来取一个域名，域名一定要取好，这个对你网站以后的发展很重要，所以一定要根据你网站的主题来取好（如果是企业网站的话，一般都会以公司品牌名的全拼或者简拼来取）；

三、域名取好后，接下来就是上面所说的网站建设最复杂的部分了（网页设计、程序开发），即网站程序源码，我是使用别人开发好的网站模板源码来进行修改的，因为这样可以省去很多时间，其实很多网站都会找一些相关性的网站模板来根据自己想要做的网站来进行修改的；

四、待网站程序源码搞好并在本地测试正常后，根据网站要用到的空间需求来租用服务器空间，一般的企业网站用300M的空间就足够了（以视频形式展示的企业网站除外），还有一点需要注意的是：服务器分国内和国外，最大的区别就是国内的空间要进行备案而国外的空间不用，购买后可直接使用；

五、服务器空间购买好后，就将网站的程序源码用ftp上传工具上传到服务器空间，并将后台数据导入到空间数据库，网站就可以正常在互联网上运营了。

利用网络资源

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

开展电子商务

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

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

将信息咨询站开设到网上，企业建立网站。专人值守，提供信息服务。可与外部建立实时的专题的或个别的信息交流渠道。一些企业在网站上公开电子邮件地址，使客户能够通过电子邮件向企业发表意见。因为电子邮件的传送速度很快，企业能够迅速得到客户信息并及时给予回覆。一些企业的网站以BB或公告板的形式联系客户，客户可以发表意见，同时也能够看到其他客户的信息和从前的信息。可以使客户全面和客观地了解企业和企业的服务及产品。又因为是直接对话，具有增进感情的作用

这是时代发展的必定，企业上网。任何一家企业要想跟上时代发展的潮流，必需尽快上网。为了不被竞争对手建立网站抢占先机，为了不落后于时代潮流，应该考虑建站的必要性。

面向企业提供广告服务业务。网上广告通常以一个醒目的图形贴在ISP网页上，企业可以利用自己或别人的网页在网上打广告。一些专业的网络服务者在网上开设汇总信息的大型信息服务系统。通过该图形可以链接更多的和更具体的广告信息，其信息量可以很大。企业网站自己就是广告，一些企业在网上建立自己的网页，或者开设自己的网站，把企业信息集中起来，分类分栏，方便浏览。现代社会中的所有著名企业都在网上建立了自己的　下面是一个例子的软件，网页设计师今天是学习操作，是可取的。

网站设计风格

在网页的历史很短，各种网站制作和艺术风格的发展在不同的网络语言，国家，社会和文化社区。这种差异在网站的设计风格，台湾的网站从那些起源于中国，日语（标记就业的光明颜色和闪烁可爱的动画人物）韩国（标以灰色文本白色背景，干净，“苹果”风格的界面）。

设计原则

自适应网页设计也称为响应性的Web设计 -设计网页，提供一个很好的感知上的各种设备连接到互联网。

自适应网络设计的目的是为不同设备的多功能网站。网站是为了更方便地查看不同的分辨率和格式的设备，技术，自适应网页设计没有为特定类型的设备创建一个单独的版本的网站。一个网站可能无法在您的手机，平板电脑，笔记本电脑和电视上网，要满足全范围的设备最佳显示。

建网工具

1、网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰从最基本的HTML编辑器到非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是耀杰科技几款具有代表性的网页制作器：

HTML编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。

2、所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。

3、非常流行的Macromedia公司(已被Adobe公司收购)出品的Flash互动网页制作工具。这是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等；并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。

4、Dreamweaver: Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

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

互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。

制作原则

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

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

针对性

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

结构清晰

无论是搜索引擎还是用户，都喜欢比较清晰的网站结构。一个好的网站结构应该是清楚合理、编制起来就越有条理，网站维护也越容易。而且能让浏览者在最短的时间内找到自己想要的内容。

树状结构的站点结构显得比较清晰、像网站面包屑链接、访问者要找到目标网页需要一步一步去点击。

网状结构的站点链接方式多样，可以创建结构复杂、灵活多变的站点，当然这是以大量的创建和维护工作时间为代价的。

一般网站结构采用扁平的树形网状结构，对网站的收录会有很大帮助。

内容填充

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

美观

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

简洁

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

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

用户体验

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

少等于多：使所有的句子尽可能地短。使所有的段落尽可能的短。使所有的章节尽可能地短。使页面尽可能地短。请在段落和章节之间使用较多的留白。充斥着冗长文字的页面会赶走用户。也不要在单一的页面上放置太多的内容。假如确实有必要传递大量的信息，请尽量把内容分为小块

导航：请不要使用文本段落内的超链接随意地把访问者带到别的页面。因为这样做会破坏导航结构一致性的感觉。假如必须使用超级链接，请把它们添加到段落的底部，或站点的导航菜单。

下载速度：最常见的错误是用于网站开发者的开发环境造成的，例如使用一台本地的机器开发站点，或者使用一条高速的因特网连接。开发职员有时不会意识到下载他们的页面要花很长的时间。

对用户获取信息的影响：

1、网站信息的有效性

2、网站简单易用

3、保持网站的功能的正常运行

4、保持网站的链接有效

5、用户注册或退出方便

6、保护个人信息

7、避免对用户造成滋扰

网站界面

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

栏目编排

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

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