在中国互联网开始的时代,网易首次将个人网站引入互联生活。一时间,制作出色的个人网站成了网民上网的“终极目标”。当时,由于相关软件功能比较简单,中文资源不足,相关资料较少,很多人都“触摸”了自己的第一个个人网站。笔者就是其中的一员……
在手工制作个人网站的时代,我们可以将网站制作的步骤概括为:设计、裁剪、代码生成和发布。而在此之前,应该规划出网站的结构,包括页面数、栏目设置等。
1.设计
进行页面总体规划,包括风格、布局等。网站制作要有整体风格,各部分要保持协调,整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面,常用的软件有adobe photoshop、coreldraw、macromedia fireworks等。photoshop是平面设计的加拿大,笔者也用它来设计页面。 从6.0版开始,对网页制作的支持特别强化,变得方便了。现在流行的fireworks是macromedia网页制作三剑客的重剑手,由于它与dreamweaver及flash无缝集成,越来越受到网站制作人的欢迎。
2.切割
做完第1步,我们得到的只是一个图片文件,还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了(如photoshop中提供的切片工具),不需要专门的软件来处理。
3.代码生成
这是整个制作过程中最重要的一环。我们要用html语言将切割下来的组件按整体设计“拼装”回去。众所周知,html语言是一种标记型语言,不需要编译就可以直接在浏览器中执行。所以理论上,我们可以用记事本等文本编辑工具来写代码。手写代码被认为是一种“酷”行为,但这需要时间,而且很难精确控制格式。这时,便该专门的html编辑软件出场了。
html编辑软件大体上可分为两类:一类是代码型,典型代表为homesite、hotdog等;一类是所见即所得型,典型代表为frontpage。也有两者兼具的,就是大名鼎鼎的macromedia dreamweaver。代码型实际上就是一个文本编辑器,不同的是,它可以有专门的代码提示功能,用起来比较方便。所见即所得是目前大家最推崇的方式,因为可视化的编辑基本丢弃了代码,方便快捷。
说到dreamweaver,笔者就不多介绍了,我相信大部分的网站制作人都使用它在工作。dreamweaver提供了代码编写模式和设计模式(即所见即所得),并且首次将“层”概念引入网页制作。dreamweaver几乎可以满足所有人的需求,甚至还提供了asp、php等脚本语言的代码提示。
4.发布
将制作好的页面放到服务器上,以便更多的人能浏览。发布通常采用ftp的方式,将文件上传到服务器。目前,大多数网页制作工具都有发布工具,可以用多种方式发布网页,比如dreamweaver中的“站点管理器”。用户亦可使用ftp客户端软件进行这步操作。
PHP语言的优势在哪里色彩理论和印刷:10诫网站建设制作有什么地方要留意?广告联盟点击单价爬虫研究与爬去原则有哪些网站建设完成之后如何解决收录难的问题为什么要为您的企业选择VPS主机?选择VPS主机提供商时不可或缺的考虑因素搜索引擎对网页的链接的评估有四种基本方法企业SEO优化营销,为何原创内容收录慢?