| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2706 人关注过本帖, 2 人收藏
标题:[分享]网页制作学习入门教程
只看楼主 加入收藏
drianlv
Rank: 2
等 级:论坛游民
帖 子:15
专家分:12
注 册:2006-3-17
收藏(2)
 问题点数:0 回复次数:5 
[分享]网页制作学习入门教程
网页制作学习入门教程(一)入门概念

WWW基本概念

  上 WWW 你应该会了吧!这是重要的一步!不管你是用学校的网络,或是使用自己家的电脑上 ISP上网,至少你要能连上网络,这样我们才能继续下去啊! 有些人会搞不清楚 INTERNET 和 WWW 或是 BBS 究竟有什么分别,以最简单的话来解释:INTERNET 是一个网络的大环境,而它拥有多项的服务项目,如:WWW、BBS、FTP、Gopher、Mail、News...等。就好象一家大的百货公司一样,有娱乐场、美食部、家电商...等的道理是一样的(只是的比喻)。 现在应该知道 INTERNET 和 WWW 的差别了吧!WWW是20世纪90年代初兴起的一种服务。

  网页:就是我们现在要准备做的东西。
  首页:就是当我们进入网站时,第一眼看到的网页。
  网站:由一堆网页所构成的网站内容,各个网页之间主要通过超级连接联系,这就叫网站。
  WWW:则是由一堆网站所连接而成的。

  简单说就是:网页 → 网站 → WWW。

  网页制作流程

  为了让网友们对于网页制作有初步的概念,先简单的说一下制作网页的一般流程:

  主题架构:就是网站内容主题及操作界面,先要想好。
  制作工具:准备制作网页的工具、图片制作工作、网络工具等。
  编写网页:开始动手,编写网页,最累最有成就感的时候。
  选择空间:制作好网页就要放到网络上,得找个免费空间来放。
  上传网页:有了存放网页的空间,就将制作好的网页上传到网络上。
  维护网页:后续的维护网页工作,保持网页内容的新鲜度。


网页制作学习入门教程(二)设置主题

网站的种类

‧专业网站: 越专业、越丰富、、越有参考性,那么你的网站将屹立不摇,在网络中占有一席之地。
‧教学网站: 如电脑软件的使用、或任何的教学内容,事事能教,毕竟好学的人不少,你不就是吗!
‧下载网站: 许多免费的资源,若能有心的去收集,最好再加点说明,那么也是相当吸引人的。
‧网址网站: 到处去搜集网站,做个总的整理,方便网友连接访问,也就节省了查询时间,是吸引人相当不错的方法。不过维护上不太容易。
‧个性网站: 就是与众不同的网页!这就要看个人的巧思及创意了。越独特,越吸引人。
‧地下网站: 基本上不鼓励这个!不过,所谓“杀头的生意有人做嘛”如:情色站、破解站,越非法,大家就越好奇,不过,小心别惹祸上身。

  不同类型网站的架构与特色

   至于网站整个的操作架构,本人认为不同性质的网站,多少会有不同的需求以及操作介面。所以就将上述几种网站,将其架构或操作介面做简单的整理:

‧专业网站: 专业性网站,图片是少不了的,因此,要注重于版面的安排以及图片的设计,让网友能对你的专业知识有清楚的认识。
‧教学网站: 內容第一,解说清楚,若能图问并茂更佳,要注意网站操作要简单清楚,此外要注意浏览的速度,别做太多无所谓的美化。
‧下载网站: 要注意连接的有效性,以及软件版本的更新消息。此外,清楚的分门别类是必要的,若有清楚详细的使用说明则更佳。
‧网址网站: 重视搜集网站连接的完整度,搜集越完整越好。此外,页面简单清楚即可,不必太复杂,浏览速度必须要快,而且需要时时去注意连接的有无失效。
‧个性网站: 美工及创意是免不了!尤其是创意占极重要地位,此外,有必要好好的宣传一下,如三天两头就到 BBS 上去宣传。
‧地下网站: 基本上,这种站绝少重视什么美工创意,速度也不是挺要紧(为了瞄她一眼,再久都等!)不过,小心被抓或被骂。

  成功网站的要素

  除了以上说的一堆外,简单的讲,一个成功的网页不外乎以下几点:

  1. 有丰富內容
  2. 浏览速度快
  3. 网页版面靓
  4. 经常去更新
  5. 多些好连接
  6. 常去做宣传

  就这样了!如何?想好你的主题了吗?咱们就开始动手了!


网页制作学习入门教程(三)工具使用

首页制作工具:

  文字编辑软件:在选择网页制作工具时,最简单的莫过于记事本了,如果你想选择记事本的话,那么前提你必须熟悉HTML的各种标签,否则最好别选择记事本!目前我主要是使用记事本了。当然在这里我们还可以选择其它的文字编辑软件,比如:word等,最后保存为web格式就可以了。

  HTML辅助工具:设计者需要知道 html 标签的用法,此类软件旨在使设计者能够快速且方便的做出首页,不用死记标签,部分软件甚至会有提示、诊错、建议的功能。不过初学者最好不要使用,难以进入快速的状态。如Home site 3.01等。

  所见即所得类工具:给初学者入门用,用法简单,不需要记住HTML的各种标签,只要用几分钟就可以快速制作出网页,如:FrontPage、Dreamweaver等。

  图片制作工具

  网页需要美观,需要在网页中加入一些漂亮的图片,这时我们必须熟悉一些图片制作工具的使用。在这里首推:Photoshop,当然你也可以选择其它的制图软件,如:Fireworks,Ulead Gif Animator,ACDSee等大家熟悉哪个就选择哪个了,当然也可以选择其它的!只要能制作出精美图片就可以了!

  网络工具

  LeadFTP,CuteFTP都是非常上传工具,可以把我们制作的网页上传到网络空间。

  Teleport Pro可以将他人的网站全部下载到我们自己的硬盘中,慢慢观摩学习。



网页制作学习入门教程(四)上传网页

我们制作好了自己的精美网页,其主要目的就是要发布到互连网上让别人来看!  其实上传网页方法有很多,有的软件就直接代有上传的功能!不过在这里我具体给大家介绍一下使用专门的上传软件来实现上传.在上传之前我们应该首先知道你申请的空间的地址,用户名和密码.之后我们就可以使用上传软件上传了!

  

  在这里着重给大家讲解一下LeadFTP的使用!首先我们启动leadFTP,具体上传的过程如下

图1

图2

图3

图4

图5

  下图中的本地目录(也就是只的我们自己电脑中的网站存放的位置,当然我们在自己制作网页的时候应该包含首页,下面已经做了说明,具体看你的空间说明支持哪个文件做为首页),远程网站的目录就是你申请的空间的目录,至于具体上传到哪个目录要看空间提供商的说明.看到下图你就可以分清哪个"本地目录"?哪个"远程目录"?在我们上传时要遵守这个规定!如果上传的网页中包含了图片那么我们也应该将图片上传到远程网站空间中!在这里你就应该注意网页中使用的图片的问题了!

图6

  注意:一般的空间都是给我们设置好了主页的文件,不同的空间有不同的指标,当大家申请了空间之后得具体看看空间的说明,或直接询问你的空间提供商.一般情况下是:index.htm,index.html,index.asp,default.asp,index.php,index.aspx,index.cgi等,具体情况要具体分析,我们在制作网页时选择上面的一种就可以了!这篇文章就写到这里了!希望对大家有帮助.



网页制作学习入门教程(五)宣传与维护网页

建好了网站,如果希望尽可能多的人知道并访问你的站点,还要对网站进行必要的宣传,宣传手法多种多样。

  这里列出几种最常用也是最有效的宣传方法

  (一) 导航网站登陆

  对于一个流量不大, 知名度不高的网站来说, 导航网站能给你带来的流量远远超过搜索引擎以及其他方法。单单推荐给网址之家被其收录在内页一个不起眼的地方,每天就给这我朋友的网站带来200左右的流量。这里列出几个流量比较大的导航网站给大家:

  http://www.hao123.com 网址之家 世界排名 274 可见其流量之大

  http://www.265.com 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发表的地方。如果人们每次来时都是看到同样的东西,数个也也没有作出任何更新,这个网页慢慢就没有人再想来了。所以定时更新和作出修正是必须的!

  何时更新

  那我要几时才更新一次呢?这要看这是一个什么类型的网页、内容和性质等。例如一个以咨讯为主题的网页,更新得越快就越好,而以内容为主的网页就可以弹性点。当然你一个月才更新一次也没有人会怪你的。

[此贴子已经被作者于2006-5-7 8:18:12编辑过]

搜索更多相关主题的帖子: 网页制作 入门 教程 分享 学习 
2006-05-07 08:17
丁月文
Rank: 1
等 级:新手上路
帖 子:13
专家分:0
注 册:2006-4-23
收藏
得分:0 
好啊,
谢谢!!!
我是刚学着做,能否请教下,学做网页,要怎么去学,学些什么语言?
html我只是刚会一点点,那些什么码的,还没记多少!
2006-05-19 07:08
世外水源
Rank: 1
等 级:新手上路
帖 子:19
专家分:0
注 册:2006-8-7
收藏
得分:0 
经典,分享中!
2006-08-19 12:38
chenyong1111
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2006-11-17
收藏
得分:0 
顶可
2006-11-17 19:56
虎狼
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2006-4-13
收藏
得分:0 

死去吧

2006-12-17 12:46
beyond86
Rank: 1
等 级:新手上路
帖 子:13
专家分:0
注 册:2006-12-11
收藏
得分:0 

不错,不错


2006-12-17 19:26
快速回复:[分享]网页制作学习入门教程
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.026406 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved