非草 / 网络知识 / 怎样制作自己的网页及制作流程

分享

   

怎样制作自己的网页及制作流程

2010-03-13  非草

怎样制作自己的网页
及制作流程
 

 

 
 

       怎样制作自己的网页
 
        -------一------
 
  首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。 
  建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。
  第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。
  第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以选择地学习。
  第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。
  怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能够给想要学习制作网页的朋友一个参考。
 
         -------二-------
 
        (一)工具 
         1、空间
        网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到大的网站如新浪、网易去先买一个个人空间,大概有个20M以上的就可以了。    
         2、软件
        推荐使用Dreamweaver6.0中文版,这个软件最大的特点就是“所见即所得”,也即是制作过程中看到的,便是到时发布到网络上的。 
        (二)教程
花点时间,找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成,不外是文字、表格、图、动画还有就是背景音乐等几个大的元素,搞清楚如何将这些元素摆放进去,你也就算懂得如何制作网页了。
       (三)制作
开始时建议去下载一个比较简单的网页,在制作软件中将它打开,然后仔细观察人家的网页的构成,模仿它去填充各种元素,实践中再配合着教城,进度会快很多,记得也牢一些。
其实做网页并不难,但要做出有特色的网页来,那就非一朝一夕之功了。
一点个人的粗浅体会,不妥之处敬请指正。
 
         -------三--------
 
         网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
        (一)确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
        (二)搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
        (三)规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
        (四)选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
        (五)制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
        (六)上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
        (七)推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
        (八)维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。
 
          ------四------
 
         (一)首先确定你要制作的网页的主题,就是你建这个网站的内容是什么(注:网站和网页的关系与区别就好比一本书和其中的一个页面的关系);
  (二)确定你的网页的阅读对象,就是你的网页是准备给那些人看的;
  (三)选择制作网页的工具软件,常见的有dreamweaver和office组件里面的frontpage,如果你是初学者,哪我建议你使用frongpage,因为这个软件的入门比较简单(当然功能也很强大),如果你会使用word的话,哪就可以很快作出网页的,如何你想作专业的网页制作人员,哪我建议你使用dreamweaver,目前的版本是XM,我现在就使用,很好用的,这个软件的好处是不怎么产生垃圾代码,并且支持各种代码的性能很好,基本上各种代码可以直接编辑。
  (四)如果你作好了页面,就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是你有了FTP账号,这个需要申请)。
  (五)找到发布空间以后,你需要把自己的网页上传到你的发布空间,这个需要一个上传软件,我推荐使用ACEFTP,这个软件体积小,速度快,注意我发现这个软件的2.0中文版不能够正确使用,我建议使用1.31版。
  (六)制作网页需要的其他相关软件:ACDSEE,这个是查看图片的最好软件,也可以对图片作简单的处理,目前的版本是4.0,网上很多地方可以下载;另外如果你对图片需要复杂处理的话,哪最好选择使用PHOTOSHOP,目前的版本是7.0,也有中文补丁,使用起来很方便,当然,这个软件的学习使用相对是比较难点的。
(七)使用层的时候最好定义为div标签而不是layer,因为前者在两种主流浏览器都有很好的兼容性。
  (八)在用图片制作热区链接时,最好给热区命名,防止有时只能在图片上画出直线。
  (九)当我们将框架结构建立好后,可以将此框架体文件和Site窗体并排放置,然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
  (十)如果对一张图片不满意,想更换另一张,最简单的方法双击此图片,直接选择要替换的图片即可。
  (十一)在预览网页之前最好先保存一下,有时候在不能正确预览网页,而存一下就可能会解决这个问题。
  (十二)如果你的页面中使用了CSS或是Java Applet,最好不要使用“file->convert->3.0 browser compatible”命令,因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么,具体发生了那些变化。而且要提醒你,对一批页面执行此操作时,一定要先备份,否则可没地方买后悔药。
 
          个人网页制作流程
 
         (1)入门基础知识
         WWW基本概念
  上 WWW 你应该会了吧!这是重要的一步!不管你是用学校的网络,或是使用自己家的电脑上 ISP上网,至少你要能连上网络,这样我们才能继续下去啊! 有些人会搞不清楚 INTERNET 和 WWW 或是 BBS 究竟有什么分别,以最简单的话来解释:INTERNET 是一个网络的大环境,而它拥有多项的服务项目,如:WWW、BBS、FTP、Gopher、Mail、News...等。就好象一家大的百货公司一样,有娱乐场、美食部、家电商...等的道理是一样的(只是的比喻)。 现在应该知道 INTERNET 和 WWW 的差别了吧!WWW是20世纪90年代初兴起的一种服务。
  网页:就是我们现在要准备做的东西。
  首页:就是当我们进入网站时,第一眼看到的网页。
  网站:由一堆网页所构成的网站内容,各个网页之间主要通过超级连接联系,这就叫网站。
  WWW:则是由一堆网站所连接而成的。
  简单说就是:网页 → 网站 → WWW。
  网页制作流程
  为了让网友们对于网页制作有初步的概念,先简单的说一下制作网页的一般流程:
  主题架构:就是网站内容主题及操作界面,先要想好。
  制作工具:准备制作网页的工具、图片制作工作、网络工具等。
  编写网页:开始动手,编写网页,最累最有成就感的时候。
  选择空间:制作好网页就要放到网络上,得找个免费空间来放。
  上传网页:有了存放网页的空间,就将制作好的网页上传到网络上。
  维护网页:后续的维护网页工作,保持网页内容的新鲜度。
  (2)设置网站的主题
         网站的种类
         ★专业网站: 越专业、越丰富、、越有参考性,那么你的网站将屹立不摇,在网络中占有一席之地。
         ★教学网站: 如电脑软件的使用、或任何的教学内容,事事能教,毕竟好学的人不少,你不就是吗!
         ★下载网站: 许多免费的资源,若能有心的去收集,最好再加点说明,那么也是相当吸引人的。
         ★网址网站: 到处去搜集网站,做个总的整理,方便网友连接访问,也就节省了查询时间,是吸引人相当不错的方法。不过维护上不太容易。
         ★个性网站: 就是与众不同的网页!这就要看个人的巧思及创意了。越独特,越吸引人。
         ★地下网站: 基本上不鼓励这个!不过,所谓“杀头的生意有人做嘛”如:情色站、破解站,越非法,大家就越好奇,不过,小心别惹祸上身。
 
  不同类型网站的架构与特色
   至于网站整个的操作架构,本人认为不同性质的网站,多少会有不同的需求以及操作介面。所以就将上述几种网站,将其架构或操作介面做简单的整理:
专业网站: 专业性网站,图片是少不了的,因此,要注重于版面的安排以及图片的设计,让网友能对你的专业知识有清楚的认识。
教学网站: 內容第一,解说清楚,若能图问并茂更佳,要注意网站操作要简单清楚,此外要注意浏览的速度,别做太多无所谓的美化。
        ★下载网站: 要注意连接的有效性,以及软件版本的更新消息。此外,清楚的分门别类是必要的,若有清楚详细的使用说明则更佳。
网址网站: 重视搜集网站连接的完整度,搜集越完整越好。此外,页面简单清楚即可,不必太复杂,浏览速度必须要快,而且需要时时去注意连接的有无失效。
        ★个性网站: 美工及创意是免不了!尤其是创意占极重要地位,此外,有必要好好的宣传一下,如三天两头就到 BBS 上去宣传。 
        ★地下网站: 基本上,这种站绝少重视什么美工创意,速度也不是挺要紧(为了瞄她一眼,再久都等!)不过,小心被抓或被骂。
  成功网站的要素
  除了以上说的一堆外,简单的讲,一个成功的网页不外乎以下几点:
  1. 有丰富內容
  2. 浏览速度快
  3. 网页版面靓
  4. 经常去更新
  5. 多些好连接
  6. 常去做宣传
  就这样了!如何?想好你的主题了吗?咱们就开始动手了!
  (3)工具选择
  首页制作工具:
  文字编辑软件:在选择网页制作工具时,最简单的莫过于记事本了,如果你想选择记事本的话,那么前提你必须熟悉HTML的各种标签,否则最好别选择记事本!目前我主要是使用记事本了。当然在这里我们还可以选择其它的文字编辑软件,比如:word等,最后保存为web格式就可以了。
  HTML辅助工具:设计者需要知道 html 标签的用法,此类软件旨在使设计者能够快速且方便的做出首页,不用死记标签,部分软件甚至会有提示、诊错、建议的功能。不过初学者最好不要使用,难以进入快速的状态。如Home site 3.01等。
  所见即所得类工具:给初学者入门用,用法简单,不需要记住HTML的各种标签,只要用几分钟就可以快速制作出网页,如:FrontPage、Dreamweaver等。
  图片制作工具
  网页需要美观,需要在网页中加入一些漂亮的图片,这时我们必须熟悉一些图片制作工具的使用。在这里首推:Photoshop,当然你也可以选择其它的制图软件,如:Fireworks,Ulead Gif Animator,ACDSee等大家熟悉哪个就选择哪个了,当然也可以选择其它的!只要能制作出精美图片就可以了!
  网络工具
  LeadFTP,CuteFTP都是非常上传工具,可以把我们制作的网页上传到网络空间。
  Teleport Pro可以将他人的网站全部下载到我们自己的硬盘中,慢慢观摩学习。
  (4)上传网页
  我们制作好了自己的精美网页,其主要目的就是要发布到互连网上让别人来看!这也是我们制作完网页的最后一步!在论坛中应wang heng的要求,我给大家写一篇关于如何上传网页的文章,今天我就给大家在这里写一篇!希望会对大家有帮助!
  其实上传网页方法有很多,有的软件就直接代有上传的功能!不过在这里我具体给大家介绍一下使用专门的上传软件来实现上传.在上传之前我们应该首先知道你申请的空间的地址,用户名和密码.之后我们就可以使用上传软件上传了!
  首先在本站下载一个上传软件地址如下:
  CuteFTP简体中文版下载
  LeapFTP简体中文版下载
  在这里着重给大家讲解一下LeadFTP的使用!首先我们启动leadFTP,具体上传的过程如下
 
图1
图2
图3
图4
图5
 
  下图中的本地目录(也就是只的我们自己电脑中的网站存放的位置,当然我们在自己制作网页的时候应该包含首页,下面已经做了说明,具体看你的空间说明支持哪个文件做为首页),远程网站的目录就是你申请的空间的目录,至于具体上传到哪个目录要看空间提供商的说明.看到下图你就可以分清哪个"本地目录"?哪个"远程目录"?在我们上传时要遵守这个规定!如果上传的网页中包含了图片那么我们也应该将图片上传到远程网站空间中!在这里你就应该注意网页中使用的图片的问题了!
 
 图6
 
  注意:一般的空间都是给我们设置好了主页的文件,不同的空间有不同的指标,当大家申请了空间之后得具体看看空间的说明,或直接询问你的空间提供商.一般情况下是:index.htm,index.html,index.asp,default.asp,index.php,index.aspx,index.cgi等,具体情况要具体分析,我们在制作网页时选择上面的一种就可以了!这篇文章就写到这里了!希望对大家有帮助.
  (5)运行维护
建好了网站,如果希望尽可能多的人知道并访问你的站点,还要对网站进行必要的宣传,宣传手法多种多样。
  这里列出几种最常用也是最有效的宣传方法
  (一) 导航网站登陆
  对于一个流量不大, 知名度不高的网站来说, 导航网站能给你带来的流量远远超过搜索引擎以及其他方法。单单推荐给网址之家被其收录在内页一个不起眼的地方,每天就给这我朋友的网站带来200左右的流量。这里列出几个流量比较大的导航网站给大家:
  http://www.hao123.com 网址之家 世界排名 274 可见其流量之大
   265网址 世界排名 9,705 流量也挺大
  (二) 友情连接
    友情连接可以给一个网站带来稳定的客流。另外还有助于网站在GOOGLE等搜索引擎种的排名。
  谈友情连接最好能连接一些流量比自己高的,有知名度的网站。再次是和自己内容互补的网站。然后再是同类网站,同类网站要保证自己网站的内容质量要有特点,并且可以吸引人,要不然不如不连同类网站。
  多做友情连接,刚开始其站长觉得破坏美工,所以不愿意去做。但来,经过分析,他就试着做了几个。仅仅两天,统计器证明来友情连接带来的效果。呵呵!
  网站不要但求美观,特别试商业网站,一定要实用第一,技术美观等次之。忽地想起一个不漂亮,但是一年发展就达到了每天40多万流量的网站,也不在话下。
  另外我许多朋友的网站,虽然不漂亮,而且有的还很难看,但却实实在在给他们带来了钱。呵呵,请记住这条网站设计理念,实用第一。
  (三) 搜索引擎登陆排名
   搜索引擎给网站带来的流量将越来越大,登陆目前有登陆骑兵等许多软件。不过最有效的还是手工登陆。通过手工登陆到的网易,yahoo 等搜索引擎都给其带来不少流量。其他一些门户网站目前采取了收费登陆,你可以根据自己的情况选择。不过我个人认为,其投入和回报不太划算。
  中文搜索引擎,目前用的最多的是百度和GOOGLE ,目前此两个搜索引擎都有收费服务,当然也有免费登陆。 对于收费服务,根据自己的情况选择。百度是每下点击0.3元。google每下点击为0.5元,其他的中国搜索联盟也有收费排名服务。个人认为价格较高,不太划算。
  如果你不想给他们出钱还想尽量获得较好的排名的话,那么你就要根据他们的相关规律,优化一下自己的网站,做一些详细的策略。如标题设计,标签设计,内容排版设计等等。
  (四) 网络广告投放
  网络广告投放虽然要花钱,但是给网站带来的流量却是很客观的,不过如何花最少的钱,获得最好的效果,这就需要许多技巧了。
  1. 低成本,高回报。 怎样才能做到如此效果呢? 个人观点是对媒体的选择,如果想获得知名度,那么就出钱到那些有知名度的网站投放,如果你只是为了流量,那么,就把这些媒体网站过滤掉吧,因为他们价格都很贵。 那么选什么样子的网站作为投放媒体呢? 名气不大,流量大的网站。目前,许多个人站点虽然名气不是很大,但是流量特别大,在他们上面做广告,价格一般都不贵,但是每天就可以给他带来几百的客流。比起那些竞价排名,实惠多了。
  2.高成本,高收益。 这个收益不是流量,而是收入。呵呵,对于一个商务网站,客流的质量和客流的流量一样重要。此类广告投放要选择的媒体非常有讲究,首先,你要了解自己的潜在客户是那类人群,他们有什么习惯,然后寻找他们出没频率比较高的网站进行广告投放。也许价格为高些,但是它给你带来的客户质量比较高,所以给你带来的收益也比较高。比如:作为 卖化妆品的网站 娑诗名妆特卖网 在某著名女性网站投放高,价格虽然有点高,但是带来的质量比较高,成为自己客户的也比较多,获得了很好的收益。
  对于商业网站,高质量的客流很为重要,广告投放一定要有目标性。
  (五) 邮件广告
  广告邮件目前大多都成了垃圾邮件,这主要的原因是因为邮件地址选择,邮件设计等原因。 广告邮件要设计的让人喜欢,发给不讨厌它的人,很不容易。
  1.标题建议:吸引人、简单明了。不要欺骗人。
  2.内容建议:采用HTML格式比较好,另外排版一定要清晰。
  不过,广告邮件群发如果搞好了,其效果却是也非常有效,而且成本不高,目前,在国内。200块钱就可以买到群发软件带1亿个邮件地址。
  另外可以在自己的网站加入邮件列表功能,可以让网友订阅自己的电子杂志,然后在电子杂志种融入病毒式营销的相关策略。可以取得很好的效果。
  注:广告邮件,且勿盲目的乱发,否则可能会取得相反的效果。
  (六) 病毒式营销
   病毒式营销主要是利用互利的方法,让网友帮自己宣传,制造一种象病毒传播一样的效果。下面介绍几个常用的方法:
  1.免费服务 如果有条件,可以为网友提供免费留言板,免费域名,免费邮件列表,免费新闻,免费计数器等等。然后这些服务中都可以加入选择自己的广告或者连接。由于是免费,所以可以迅速推广。
  2.有趣页面 制作精美的页面,或有趣的页面常常在网上被网友迅速宣传。所以,可以制作一些精美的,或者有趣的页面像朋友推荐。
  3.其他方法 自己制作软件来宣传,比如制作腾讯QQ除广告显IP版本,加上自己的网站连接,如果软件好的话就会被众多软件下载网站收录。到时你网站的知名度和流量也获得了很好的提升。
  (七) BBS 宣传
    BBS 宣传,虽然花费精力,但是效果非常好。网络营销,细节致胜,网站推广,全面出击。呵呵!! BBS宣传要选择自己潜在客户在的bbs,或者人气比较好的BBS 。 BBS宣传注意一下几个策略:
  1. 不要直接发广告。 这样的帖子很容易被当作广告贴被删除。
  2. 用好头像,签名。 头像可以专门设计一个,宣传自己的品牌,签名可以加入自己网站的介绍和连接。
  3. 发贴要求质量第一 发贴不在乎发贴的数量多少,发的地方多少,而帖子的质量特别重要,为什么呢?因为发的多,但总体流量不多,我们发贴,关键是为了让更多大额人看,变相的宣传自己的网站。所以追求的是最终流量。所以发高质量的帖子,专注一点,可以花费较小的精力,获得较好的效果。
  4. 适当托一把。 在论坛,有时候为了帖子的气氛,人气。你也可以适当的找个托,也可以自己注册两个帐号演一把 。 呵呵 !
  (八) 活动宣传
   活动宣传也是一种很好的宣传方式,不过不是什么活动都能够有效果的,想有很好的效果,就必须有很好的策划。
  偶一直觉得,网站的最好的宣传方式是口碑相传,如何能够让看到你的网站的网友帮你宣传呢? 最基本的是自身要做好,四个字:内容为王。
  维护网页
  维护理论
  网页是给人们咨讯和Webmaster发表的地方。如果人们每次来时都是看到同样的东西,数个也也没有作出任何更新,这个网页慢慢就没有人再想来了。所以定时更新和作出修正是必须的!
  何时更新
  那我要几时才更新一次呢?这要看这是一个什么类型的网页、内容和性质等。例如一个以咨讯为主题的网页,更新得越快就越好,而以内容为主的网页就可以弹性点。当然你一个月才更新一次也没有人会怪你。
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>