个人网站制作以及博客的建站技巧

发布时间：2026-09-26 02:29:52 阅读量： 16 来源： 互联网转载

　　中国互联网起步的年代，个人网站引入了互联生活。一时间，制作出色的个人网站成了网民上网的“终极目标”。由于当时相关软件功能相对简单，中文资源匮乏，相关资料甚少，不少人是“摸爬滚打”地摸索着做出了自己的第一个个人网站。笔者就是其中的一员……

　　一、复杂方法

　　在手工制作个人网站的时代，我们可以总结出的网站制作步骤基本为：设计、切割、代码生成、发布。而在此之前，应该规划出网站的结构，包括页面数、栏目设置等。

　　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客户端软件进行这步操作。

　　二、简单方法

　　上面我们介绍了网站制作的步骤，虽然那是曾被人们大规模采用的方式，但是现实看起来实在是复杂得让人头晕。对于初学者，暂时可能还摸不清里面的门道。但是，我们今天不就是讨论“由繁入简”吗^_^？没问题，初学者在没掌握那一大堆软件之前，不妨“独辟蹊径”，时尚地Blog一把。

　　1.什么是Blog

　　在初的定义中，Blog是Web Log的缩写，中文意思是“网络日志”。它是由简短且经常更新的文章所构成的网页，这些张贴的文章按照年份和日期排列。创办Blog的人自称Blogger，中文的说法叫博客……

　　不过，现在你完全不必去理会那些关于Blog的定义了，因为我们已经见过了许许多多奇怪而有趣的Blog。在众多的Blog里，我们看到有人正在对其他网站的内容进行链接和评论，看到从国际政治到鸡毛蒜皮的新闻报道，看到了日记、照片、诗歌、散文，甚至有人在自己的Blog中发表小说。如果一定要找出现在的Blog与以前那些个人网站有什么不同，那么大的区别就是——创建Blog比原来那种个人网站更方便。[Page]

　　Blog是一种网络服务，由专门的网站提供，用户只要申请账号，便可以拥有一个属于自己的Blog。

　　2.注册Blog

　　Blog的注册非常简单，步骤跟注册免费电邮差不多。朋友们应该能搞定吧？

　　在Blogcn.com的首页点击“用户注册”，再在接下来的页面中填入相关信息。确定注册成功后，点击页面下方的“点此立即拥有一个BLOG”链接，即可开始创建自己的Blog（附图1）。给Blog取一个标题，然后写入一段吸引人的描述（可不要像笔者这样简单哟），在其他必填项中填入相关信息，选择自己中意的模版（附图2），后按下“确定”。OK，你的Blog已经创建成功了，就这么简单！

图1 拥有Blog

图2 选择模版

　　3.后台管理

　　建立完毕后，系统会自动跳转到你的控制面板中。这里就是你的管理后台了。

　　首先建立Blog的分类。Blog中的分类与个人网站中的栏目相同，用于分门别类地放置不同的文章。点击面板中“文章管理”类下的“类别管理”，输入类别名和修饰类别名。类别名是分类的名字，而修饰类别名则是显示在页面上的名字。完毕后按“添加类别”按钮（附图3）。

　　图3 类别管理

　　点击“编辑模板”下的“编辑模板”，右边弹出的是Blog首页的代码。点击上方的“可视化模板编辑器”可以用所见即所得的方式编辑模板。由于可以非常个性地定制自己的Blog界面，稍微懂一点HTML的玩家可以在首页中加入各种元素，或者更改原模板。

　　4.后台管理

　　如果你知道怎么在论坛里发帖，那么恭喜，你已经掌握了在Blog里发布文章的方法。点击“添加日志”中的“可视化编辑”，你是否对屏幕右边的界面感到熟悉（附图4）？

　　图4 发布文章

　　小知识：Blog中的地址引用

　　在发布文章时，如果你想引用别人Blog中的文章，只要在高级选项中点击“显示高级编辑选项”，输入引用地址便可。

　　现在的Blog都支持引用通告（TrackBack）功能。它将全世界无数个Blog连接起来。用户可以把评论写到自己网站上，然后向刊载原始文章的服务器发送该网页的URL及标题、部分正文、网站名称等信息。通过这种办法，在原始文章的地方就留下了你的评论的URL、标题等部分信息（Trackback Ping）。当然别人也可以向原始文章发送TrackBack Ping，所以在原始文章中就将包括你的TrackBack Ping在内的所有评论都记录了下来。此外，如果你在自己网站上也设置了TrackBack Ping功能的话，那么谁都可以通过TrackBack Ping来发表针对你文章的意见了。这样，多家网站就通过相关话题而连接起来。

　　与旧有的复杂方法相比，通过Blog建立自己的网上空间，省去了手工制作网页与上传的过程。使用者轻松地从网页形式的桎梏中解脱开来，可以专注于做好网页的内容。这无疑是一种巨大的进步。

上一篇: 百度阳光行动再发力 “框计算”打击“李鬼”

下一篇: 决定草根团队和草根站长的发展一些细节问题

个人网站制作以及博客的建站技巧

热门文章