网站开发技术 | 建设一个完整的网站需要具备那些技能？

网站搭建原理：

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。从以上数据可以看出，分辨率越高页面尺寸越大。

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

在网站制作过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。

如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。

自适应网页：

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

自适应布局的要点:

(一)允许网页宽度自动调整

(二)不使用绝对宽度

(三)相对大小的字体

(四)流动布局(fluid grid)

(五)选择加载CSS

(六)图片的自适应(fluid image)

整体造型：

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

页头：

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

文本：

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

页脚：

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

图片：

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

多媒体：

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