当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 个人网站制作以及博客的建站技巧

建站经验
11个PR7以上的国内网址导航站
国内现状 目前没几个博客能赚钱
网站推广最重要的2点 细节和坚持
给想通过博客赚钱的站长朋友的一些建议
网络推广经验 前期准备和发帖原则
盈利模式 细分市场是站长梦开始的地方
把握博客更新时间
总结网站推广中需要避免的12种推广方式
淘宝网店推广重点 抓住潜在的购买客户
建站杂谈 2010年web领域的预测
给用户一个无法拒绝的回访理由
建站案例 地方门户网站运营的心酸事
制作英文网站的基本流程
网站备案 图文教程
独立域名的英文博客从WordPress切换到Blogger的步骤
大胆尝试电子商务 改变传统盈利思路
404页面设计全攻略
以收购网站为名的商业间谍不可不防
运营企业网站来实现营销目标的经验
淘宝的站内搜索能改变搜索格局?

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 105 ::
收藏到网摘: n/a

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

  一、复杂方法

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

  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比原来那种个人网站更方便。

  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建立自己的网上空间,省去了手工制作网页与上传的过程。使用者轻松地从网页形式的桎梏中解脱开来,可以专注于做好网页的内容。这无疑是一种巨大的进步。