笔者也算是一个做网站的老手了,身边一些朋友对此也感好好奇,随手一弄,一个网站就做好了,而且每个网站都不一样,还能搞出各种各样的动画来。于是问我,怎么做网站呢?做网站需要用到哪些软件工具?怎么做网站动画?做网站怎么上传?说实话,这个问题还真不是三言两语可以讲清楚的,碰到这样的提问已经麻木了,于是才花了些时间整理并撰写了本文。对于一个网页设计师来讲,做网站可能并不是一件太复杂的事情。但对于普通用户或初学做网站的朋友,本文可以起到参考和引导的作用。
到底怎么做网站?首先要从网站的主要结构谈起。我们能在网上看到各种各样的网站,每个网站都有着不一样的视觉设计风格,事实上,这是网页设计师通过一些图片处理软件画出来的。在有的网站里,还会显示各种漂亮的动画效果,而这些动画效果是通过动画设计软件做出来的,还有一部分是通过CSS或JS脚本做出来的特效。我们可以看到网站里有很多很多的文字、图片信息,这些信息是通过程序实现与数据库存取,从而实现后台管理、前台显示的功能。上述基本上是一个网站的主要构成元素,那么,这些网站构成元素是怎么做出来的呢?下面按做网站的步骤进行详细分析。
第一步:界面视觉设计
每做一个网站的第一就是设计网站的界面视觉效果,简单地讲是把未来的网站用图片处理软件把它画出来,也就是网站完成并且填满内容后的最终效果。我们常用Photoshop图像处理软件,最终画出来的效果如下图所示:
第二步:切片与前端编码
然而,我们画出来的仅仅是一张图片而已,它并不是一个网页,因此,我们要对画出来的这个图进行切片处理,因为,在实际的网页里,图片和文字必须是分离的,把该写文字的地方空出来,以便在空出来的地方添加各种程序,以显示各种需要的文字、图片等内容。
推荐您使用Dreamweaver网页制作软件,它在前端编码以及后面的程序设计中都需要到这个软件。
所谓的前端编码,实际上通过切片把框架和内容分离,采用DIV+CSS或其它编码结构把做好的视觉设计图变成html编码格式,使之可以在浏览器中显示。效果如下:
看上去比较乱,但它在浏览器中显示是非常正常的。到现在,它已经不仅仅是一张图片了,它是由各种html代码构成的。下图就显示了构成该网页的html代码。
第三步:动画与特效设计
大多数网站中都有一些看起来会动的元素,这些元素可能是影片、FLASH,也可能是JS脚本特效。
FLASH动画制作,通常使用Adobe公司提供的Flash软件,请看下图。
它能做出非常漂亮、绚丽的动画效果,甚至还可以与某与数据库进行连接,实现全FLASH网站。当然,我们今天不讨论全FLASH动画网站。
虽然FLASH可以做出非常好看的动画效果,但是,在非常多可能的情况下,我们更愿意采用JS脚本程序和CSS来实现某些简单的动画。特别是CSS3的出现,使实现各种更漂亮的动画效果成为可能。比如下图展示的效果。
第四步:程序与数据库开发
到此,这个网页虽然可以在浏览器里正常显示,然而,网站里的内容(文字、图片等)都是固定的。我们需要通过某个程序与数据库的结合使用,建立一个网站信息管理系统,对网站内容进行有效的管理。
比较常用的网页程序脚本语言有PHP、ASP、JSP等,常用的数据库有MYSQL、MSSQL、ACCESS等。主要看个人爱好和网站要求来进行选择,笔者喜欢采用PHP+MYSQL、ASP+MSSQL或ASP+ACCESS的组合。下面以PHP+MYSQL为例。
一小段PHP代码程序。
用于管理MYSQL的PHPMYADMIN
完成这四个步骤,网站就做好了。关于怎么做网站,我想你已经有了一个基本的了解和认识了。但是,本文仅仅起到一个参考和引导的作用。怎么做网站的细节,还需要自己在实践的过程中进行摸索。若要把所有做网站的细节全部讲清楚,至少需要5-10本关于Photoshop、FLASH、Javascript、Dreamweaver、MYSQL、PHP等等的书籍。易捷网络欢迎与你进行探讨、深入研究做网站的各种技巧和方法,共同进步、共同成长。