你去58同城里发布出租信息不行吗?。。。。自己制作麻烦死你了得。。。
首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。
建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉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,也有中文补丁,使用起来很方便,当然,这个软件的学习使用相对是比较难点的。
7、使用层的时候最好定义为div标签而不是layer,因为前者在两种主流浏览器都有很好的兼容性。
8、在用图片制作热区链接时,最好给热区命名,防止有时只能在图片上画出直线。
9、当我们将框架结构建立好后,可以将此框架体文件和Site窗体并排放置,然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
10、如果对一张图片不满意,想更换另一张,最简单的方法双击此图片,直接选择要替换的图片即可。
11、在预览网页之前最好先保存一下,有时候在不能正确预览网页,而存一下就可能会解决这个问题。
12、如果你的页面中使用了CSS或是Java Applet,最好不要使用“file-convert-3.0 browser compatible”命令,因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么,具体发生了那些变化。而且要提醒你,对一批页面执行此操作时,一定要先备份,否则可没地方买后悔药。
五---资源
1. 水晶情缘--网页特效专家 2006 情人节特别版
这个软件是专为那些想在网上安家而苦于制作网页特效源
2. 网建博士 1.01
不懂制作网页的专门技术,不懂网页编程技术,不需要任何专业背景知识,任何人只要会用
3. 网页背景选择器 2.5.1
当您制作网页时,您是否为了在大量素材中选一张背景,每每都要用看图软件查看--修改网
4. Animagic GIF Animator 1.22
一个很好用的制作网页动画的软件,它提供了六种特效,也支持拖曳功能,它不仅支持gif
5. Animagic GIF Animator 1.22 汉化补丁
一个很好用的制作网页动画的软件,它提供了六种特效,也支持拖曳功能,它不仅支持gif
6. Macromedia Authorware V7.0
先进丰富的视音频、可视媒体集成制作解决方案,可用于制作网页和在线学习应用软件
download.21cn.com/list.php?id=31900
7. Picture2Web 2.3.1
用来制作网页电子相簿的好工具
download.pchome.net/design/homepage/9539.html
8. SCP Button Magic 4.0
专门制作网页广告横幅和按钮的软件
download.pchome.net/design/webpic/2138.html
9. Animagic GIF Animator V1.22
一个很好用的制作网页动画的软件,它提供了六种特效,
10. Magic Gallery 4.5
一款制作网页照片集以及其缩略图的软件
download.pchome.net/design/homepage/17444.html
11. Animagic GIF Animator 1.22
一个很好用的制作网页动画的软件
download.pchome.net/design/animation/633.html
12. Banner Maker Pro V4.0.0.1 汉化版
是一套制作网页横幅广告及按钮软件。特点包含:可以调
13. Banner Maker Pro V6.0.6
是一套制作网页横幅广告及按钮软件。特点包含:可以调
14. Animagic GIF Animator V1.22 汉化补丁
一个很好用的制作网页动画的软件,它提供了六种特效,
15. Mapedit 3.16
制作网页Image Maps的工具
download.pchome.net/development/html/13659.html
16. Banner Maker Pro 6.0.6
是一套制作网页横幅广告及按钮软件。特点包含:可以调整看板及按钮尺寸、选择背景颜色
17. GIF Dispenser 1.0
是一个快速制作网页动态GIF图片的好工具
download.pchome.net/design/animation/923.html
18. 自助建站专家 5.0
不懂制作网页的专门技术,不懂网页编程技术,不需要任何专业背景知识,任何人只要会用
19. 酷网宝典(CoolWEB) 2.0
酷网宝典(coolweb)是用于制作网页特效的软件。能够制作三大类效果:特殊层效果,动态
20. 下雨天网页特效王 RD2.0
制作网页的好帮手,大量的特效代码
download.pchome.net/development/html/17686.html
21. Macromedia Contribute 3.11
Macromedia出品的全新概念网页设计工具,可以将网页编写程序化繁为简,制作网页,现在就
22. 酷网宝典(CoolWEB) V2.0
酷网宝典(coolweb)是用于制作网页特效的软件。能够制作
23. Button Magic V4.0
专门制作网页广告横幅和按钮的软件,可存成 BMP、JPG
24. Liatro Button Maker V2.2
Liatro Button Maker 是一套专门制作网页按钮的绘图软
25. Mapedit V3.16
制作网页Image Maps的工具,小巧、使用方便。
26. 网建博士 V1.01
不懂制作网页的专门技术,不懂网页编程技术,不需要任
27. GIF Dispenser 1.0
是一个快速制作网页动态GIF图片的好工具,使用者只要移动操作视窗上的浮标组,来调整
28. Reptile V3.0
所视即所得的背景制作软件,制作网页背景再也不需要求
29. GIF Dispenser V1.0
是一个快速制作网页动态 GIF 图片的好工具,使用者只要
30. 网建博士 V1.01
不懂制作网页的专门技术,不懂网页编程技术,不需要任何专业背景知识,任何人只要
download.21cn.com/list.php?id=24329
31. MapEdit V3.05 汉化版
制作网页Image Maps的工具,小巧、使用方便。 本
32. 网页特效王 Beta 1
制作网页特效的得力助手,正在进一步开发中
33. MapEdit 3.16
小巧但是使用方便的制作网页ImageMaps的工具!
34. Picture2Web V2.3.1
Picture2Web 是一个用来制作网页电子相簿的好工具。它
35. Banner Maker Pro V6.0.1
制作网页横幅广告及按钮软件。特点包含:可以调整看板及按钮尺寸、选择背景颜色、
download.21cn.com/list.php?id=10850
36. Button Magic 4.0
专门制作网页广告横幅和按钮的软件,可存成BMP、JPG和GIF格式。
37. Magic Gallery 4.5.13
MagicGallery是一款制作网页照片集以及其缩略图的软件,可以方便的调节图片尺寸。
38. Magic Gallery V4.5.13
Magic Gallery 是一款制作网页照片集以及其缩略图的软
39. 下雨天网页特效王 RD2.0
制作网页和好帮手,该软件包含了大量的javascript特效和vbscript特效。你只需简单
download.21cn.com/list.php?id=42907
40. BSCOutline Tutorial V5.10
首先,选择一个好的域名。
第二,要选择一个网站空间,
第三,为空间绑定域名,有绑定IP的,有绑定别名的,根据自己需要来,也根据空间供应商的情况来,有的空间供应商因经常受到黑客的攻击,硬防方面投资不足,会经常更换IP来保护自己不受DOS之类的攻击,这类空间供应商提供的空间最好是绑定别名。
第四,网站构建。现在基本很少人会去建设一个没有动态功能,不链接数据库的纯HTML静态网站了,想建设一个基于asp/MSSQL或者php/MySQL技术的网站,而CMS会根据你的要求来把这些内容组合成网页,很多网页的有机结合,就成了一个网站。
第五步,网站内容填充,全凭自己喜好
建网站的投入可是很大的。
首先是申请免费个人主页空间(当然也可以申请付费的,看你自己的情况了)。你可以在搜索引擎中以"免费资源"为关键字进行搜索,在找到的网页中查看免费个人主页部分,进入提供免费个人主页的网站之后,再按步骤完成申请表格。然后是编辑个人网页。如果你是初学者,建议你使用FrontPage,因为它是一个所见即所得的网页编辑软件,也是微软OFFICE的一个组件,使用起来和WORD有很多类似之处。最后是上传网页。请按提供个人主页空间服务的网站上的上传说明中的方法上传你编辑好的网页。经过这些步骤,你的个人主页就建立了.
如何建立一个网站?
(信息来源:商翼网站策划 )
一、引言
一个网站的整体规划和设计的好坏是它发展的重要之处, 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展,使人们认识到了Internet/Intranet的优势,更使得数据库与web的连接成为数据库开发方面的热门技术之一。
通常情况下,通过浏览器看到的网页大多是静态的。所谓“静态”,是指网站的网页内容“固定不变”, 当浏览器通过互联网的HTTP(Hypertext Transport Protocol)协议向Web服务器请求提供网页时,服务器仅仅是将原来设计好的静态HTML文档传给浏览器。其页面内容使用的仅仅是标准的HTML代码,最多再加上流行的GIF89A 格式的动态图片,比如产生几只小猫小狗跑来跑去的动画效果。 若网站维护者要更新网页的内容,就必须手动更新所有的HTML文档。静态网站的致命弱点就是不易维护。为了更新网页的内容, 网站维护者必须重复制作HTML文档,随着网站内容和信息量的日益扩增,可以想象这是多么复杂繁琐的工作。
那么,什么是动态网站呢?所谓“动态”,并不是指放在网页上的图片会动,动态页面应具有以下几个特点:
(一).交互性:即网页能根据客户的要求和选择而动态改变和响应,浏览器即作为客户端界面,这是今后Web发展的大势所趋。
(二).自动更新:即无需手动更新HTML文档, 就能自动生成新的页面,从而大大减少工作量。
(三).因时因人而变:即当不同的时间、不同的人访问同一网址时能产生不同的页面,这一点对于需要对使用者授权的网站尤其适用。
随着的Internet迅速发展,不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者),还是一般的政府机关、银行、交通部门、学校、医院、服务者,甚至是每个人,都在积极寻求在Internet上发布信息,提供新型的网上管理和服务。可以说,网站设计和网站的编辑正成为新兴的热门行业。
二、网站的系统分析
(一).项目立项
我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。
(二).客户的需求说明书
第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的,以及他的网站建好后来干什么也是一无所知,为了客户能有明确的目的我们需要耐心说明,仔细分析,挖掘出客户潜在的,真正的需求。这样对大家都有好处,我们的宗旨应该是“客户明明白白,双方高高兴兴。”对客户和自己都是一种负责。
配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:正确性:每个功能必须清楚描写交付的功能;可行性:确保在当前的开发能力和系统环境下可以实现每个需求;必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;简明性:不要使用专业的网络术语;检测性:如果开发完毕,客户可以根据需求检测。
三、建设方案
(一).建站理念
(1)预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样,都需要我们谨慎处理和筹划。换言之,我们必须首先 确定自己需要传达的主要信息,然后细意斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样,试用于有代表性的用户,接着重复修订,务求尽善尽美。
(2)尽量精简
主页的作用好比一本书的封面,是为了吸引用户测览你的网址内容。因此,主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节,或使画面过于复杂。在主页上清楚列出三项要点,例如机构名称、提供的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力,很难令他们深入观赏。
(3)尽量简朴
现今大部分用户那是用调制解调器接驳万维网,所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴, 避免耽搁用户的时间。图像愈大、颜色愈深,传送页面的时间愈长。这并不是说你要完全略去图像不用,只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种,页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可;应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒,很多用户就会等得不耐烦。如果情况许可,最好先测试你的主页在稍差的条件下的传送速率,14.4千波特的调制解调器,或透过 Prodigy 等网上服务接驳万维网等。
此外、还须注意配合最低档的设备,例如标准的小型显示器,不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
(4)善用图像
用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足,但并不能够完全取代文字。很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页,确保其传达到所有信息。
(5)使主页易于漫游
主页的其中一个主要功能是作为漫游工具,指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑,主页上的联接项目应只限于几个高级的类别,例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外,你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此,你必须在广度和深度之间求取平衡。如果你的网址上有太多信息,你可能要编制较长的页面或使用更多联接项目,甚至可能要建立多个主页、 使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息,肯定受用户欢迎。
假若你有充足的资源,便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户,来试用你的初步制成品。
(6)提网协领
主页—般须载有以下事项:
标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。
电子邮件地址 ,以便用户有问题时,可以通知你。
版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明,用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得乱糟糟。
联络资料 ,列出通讯地址电话号码等。
(7)循环利用现有信息
制作主页时,通常都毋须从头做起,因为有许多现成的文字、图画等资料可供我们重用,例如宣传小册、公关文件、技术手册、资料库等。很多情况下,只要用少许功夫、就可把这些材料转到网页上使用。
(8)保持新鲜感
万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变,用户很快会厌倦。在主页上预告即将有新资料推出,可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。
同样,为保持新鲜感,应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内,亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺,以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。
(9)贯彻诺言
做不到的事情,千万不要轻易承诺。切勿随便叫用户做出回应行动,例如要求用户填交订贷表格,除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。
(10)吸引用户浏览
既然绞尽脑汁把主页弄得美观实用,没有人来欣赏就太可惜了。为吸引所有网中人来浏览,必须使主页易于寻找。通知其他网站(例如题材相关的网站),他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What's new”页面上。尽量将网址传播开去,使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。
在网站上,于每个页面设置“home”按键,方便用户随时返回主页。
万维网充满生命力、正在不断演进,所以一些现时适用的经验,将来未必合用。举例来说,将来家居用户有高速线路接驳Internet,就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长,页面更华丽。新的浏览功能、例如Sun的 HotJava浏览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体, 提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页,还须有精良的设备支持。网站服务器不断推陈出新,使建设网站的工作愈来愈容易。
(二).网站总体设计
在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:网站需要实现哪些功能;网站开发使用什么软件,在什么样的硬件环境;需要多少人,多少时间;需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书,包括:网站的栏目和板块;网站的功能和相应的程序;网站的链接结构;如果有数据库,进行数据库的概念设计;网站的交互性和用户友好设计。
在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:.客户情况分析;网站需要实现的目的和目标;网站形象说明;网站的栏目板块和结构;网站内容的安排,相互链接关系;使用软件,硬件和技术分析说明;开发时间进度表;宣传推广方案;维护方案;制作费用;本公司简介:成功作品,技术,人才说明等。当您的方案通过客户的认可,那么可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计。
(三).网站详细设计
总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。我们这次主要用ASP来实现有关功能和解决有关问题的,例如,公告版BBS,聊天室,信息发布系统, 网上超市等都用ASP来实现人机交互功能的,其中也用到调用数据库的技术。
ASP (Active Server Pages)是Microsoft 公司推出的一种Web应用程序开发技术,也是服务器端的脚本(Script)运行环境,使用该技术可以开发动态的、交互的Web应用程序。
(四).网站的制作规范探讨
(1)网站目录规范
目录建立的原则:以最少的层次提供最清晰简便的访问结构。
a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件,以及其他必须的系统文件;
b.每个语言版本存放于独立的目录;
c.每个主要功能(主菜单)建立一个相应的独立目录;
d.当页面超过20页,每个目录下存放各自独立images目录,共用的图片放在根目录下的images目录下;
e.所有的js文件存放在根目录下统一目录script;
f.所有的CSS文件存放在各语言版本下的style目录
g.所有的CGI程序存放在根目录并列目录cgi_bin目录
(2)文件命名规范
文件命名的原则:以最少的字母达到最容易理解的意义。
a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为“桥页”制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.htm;
b.菜单图片名称按菜单名的英语翻译为名称。例如:关于我们aboutus;信息反馈feedback 产 品product;所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写;
c.所有文件名字母间连线都为下划线;
d.图片命名原则以图片英语字母为名,大小原则写同上;
e.js的命名原则以功能的英语单词为名。例如:广告条的js文件名为:ad.js
f.所有的CGI文件后缀为.cgi。
(3)链接结构规范
链接结构的原则:用最少的链接,使得浏览最有效率。首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。超过三级页面,在页面顶部设置导航条。
(4)尺寸规范
a.页面标准按800*600分辨率制作,实际尺寸为778*434px;
b.每个标准页面为A4幅面大小,即8.5X11英寸;
c.大banner为468*60px,小banner为88*31px。
(5) 首页HEAD区规范
a.公司版权注释
b.网页显示字符集
简体中文:
繁体中文:
英 语:
c.网页制作者信息
d.网站简介
e.搜索关键字
f.网页的css规范
g.网页标题
四、网站的设计制作
1.整体形象设计
在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格。
2.开发制作
本次网站规划设计采用软件工程的设计方法,设计小组在系统分析和总体设计的基础上,将设计任务分解,分配到设计组的每个成员,各模块有设计组成员单独承担设计和调试,既有分工,又有协作,最后将各模块上载到服务器上,做链接和整体的调试。
3.调试完善
各模块初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。
网站建设实际上是一个不断充实和完善的过程,通过不断的发现问题,解决问题,修改,补充,使网站结构趋向合理,内容更加丰富,形式更富有感染力。
4.宣传推广
刚刚建成的网站就好像一个新注册的电话号码,没有人会自动找上门来,这时你就需要适当地做一些网站推广工作了,这里有很多方法,例如:
a.网页里设置适当的META标签;
b.交换友情链接。这是个免费而高效的办法,就好比在别人商店打上你的广告,在你的商店打上别人的广告,这样一来当网友参观别人的网站时就知道你的网站了,如果你的广告做的好,他一多半都会参观你的网站,这是件无须开支、互利互惠的好事情,推荐使用。
c. 在各大搜索网站(例如sohu.com yahoo.com)注册你的网站,这样当别人在搜索同类的信息时就会发现你的网站;
d.备新闻稿件在各新闻公告板发表;
e.合理使用Email邮件列表;
f.付费广告,这个办法最有效了,但它是付费的;
g.在论坛里贴条子。这个办法效率不高,也很累,有时也会被别人删除掉,所以不推荐。
另外还需要说明的是,请千万不要使用发垃圾邮件来推广个人主页,这样不但不会使别人喜欢你的网站,反而会引起别人的极度反感,这是一种不道德的行为。
至此,网站项目建设完毕。
5.维护
网站做好了是不是就打算一劳永逸呢?不是,如果网站做大的话,网站维护也是个艰巨的工作。当网站变得十分庞大时将会有不计其数的图片、网页文件等内容,如果它们有一个丢失或链接失败都会引起网页错误,想想我们做的多副图片如果少一副会是什么情景?所以我们一定要保证整个网站的“健康”和完整。为了使网站健康、完整,通常我们在做新网站之前,都应该在DW里建设一个“本地网站”,也就是自己电脑上的网站副本,这样才能有效减少网站错误,刚才我们制作网站时是先做网页后建网站,其实这种网站建设方法是错误的,正确的是先建网站后添加内容。另外就是要时常检查网站的链接是否有误,这里我们可以使用DW的SITE程序的SITE菜单中CHECK LINK SITEWIDE选项来检查网站中是否有断掉的链接,以便及时修复。
另外我们还应该科学地存放不同类型的文件,例如将网站中的图片都放在一个文件夹里,将网页放在另一个文件夹里。而且如果将来网站真的“肥沃”起来,我们甚至需要为每一个栏目建立一个文件夹,例如将有关MUSIC栏目的文件放在一个文件夹里,将PICTURES栏目的文件放在一个文件夹里,这样一来,会为我们的维护工作减少很多不必要的麻烦!
网站维护最后要说的就是网站的文件备份了,如果电脑发生了灾难,我们的网站就很可能要瘫痪了,所以时常备份网站文件也是很重要的。
网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是:及时响应客户反馈;例如可以采取Email自动回复功能,然后尽快解决问题,再次回复;网站流量统计分析和相应对策;尽量推广和使用您的网址;网站内容的及时更新和维护。
五、网站安全问题及对策
防火墙是阻止外面的人对你的网络进行访问的任何设备,此设备通常是软件和硬件和组合体,它通常根据一些规则来挑选想要或不想要的地址。
首先绝大多数简单的身份验证过程都是以IP地址为根据的。IP地址是Internet网上最普遍的身份索引,它有静态和动态之分。 静态IP地址即固定不变的IP地址;它可以是某台连在Internet网上的主机地址。静态IP地址分在几类。其中一类能通过Whois查询命令得到;并且此类地址主要是Internet网上最高层的主机的IP地址,这些主机可以是域名服务器、Web服务器和“根”主机,并且在InterNIC的Whois数据库中都有它们的注册主机名。另一类静态IP地址被分配给Internet网中的第二和第三层主机(这些机器还有固定的物理地址),然而这些机器不一定拥有注册主机名。但不管怎样它们有注册的IP地址。动态IP地址是指每次强制分配给不同的上网主机的地址。ISP的拔号服务器中经常使用动态IP地址--节点机每次拔号上网,都会被分配一个不同的IP地址。无论IP地址是静态还是动态的,它都被用于网络传输中。
防火墙最基本的构件既不是软件也不是硬件,而是构造防火墙的人的思想。目前存在着许多类型的防火墙,每种都有各自的优缺点,最常见的一种上称为“网络层防火墙”的防火墙。网络层防火墙通常以路由器为基础,换句话说路由器决定“谁”和“什么”能访问你的网络。这种方案采用了一种所谓的“数据报过滤”技术,即检查到达路由器的外部数据报并作出选择的技术。
以路由器为基础的防火墙要对每个联结请求的源地址(即发出数据报的主机的IP地址)进行检查。确认了每个IP源地址后,防火墙构造者所制定的规则将被实施。基于路由器的防火墙有很快的速度,这是因为它被草草地检查一下源地址,没有发挥路由器的真正作用,并根本不判断地址是否是假的或伪装的。然而速度的加快是有代价的,基于路由器防火墙将源地址作为索引,这就意味着带有伪造源地址的数据报能在一定程度对你的服务器进行访问。
为了网站的安全,除了在Internet服务管理器的Web站点属性中设置好目录安全性外,还应该选择保护性好的防火软件,由于时间关系,我们本次使用的是网络保护神LockDown 2000,它能清除目前已知(553种)和未知的所有特洛伊木马、邮件病毒,防止网络炸弹攻击、在线检测和控制所有对本机的访问,还能跟踪入侵者,留下它的罪证。
LockDown2000是目前世界上针对Windows操作系统最有效、最完善的安全防护软件,它能非常智能化地追踪和识别未经允许的用户。LockDown2000可以使Internet用户免遭最老练黑客的攻击,阻止任何人闯入你的计算机,保护你的文件不被人偷看或删除。如果你要与他人共享你的资源,只须列出他们的地址,他们就可以访问你的计算机。LockDown2000的作用就像一道设在你计算机和Internet之间的防火墙,它会自动地为你实时查寻目前世界上的各种黑客程序。
如果你允许某些人访问你的计算机,LockDown2000会保存一份完整的记录并简要地报告联接到你计算机的用户的身份。通过反登录,详细地记载他们连接的时间和地址情况,以及十分详细地记录他们在你计算机里到底做了什么事情。
它的主要功能有:
1.能够完全关闭远程用户(很有可能这种用户就是黑客)对你计算机系统的访问;
2.实时监控和记录远程用户在你计算机里的活动情况;
3.自动追踪所有连接情况,记录黑客的IP地址、域名和计算机名称;
4.如果有人已经连接到了你的计算机或正在企图闯入,LockDown2000会用不同的声音发出警告。如果有人未经你的许可,就连接到你的计算机,它立刻会在屏幕上弹出警告窗口和实时监控窗口;
5.完全控制Internet或局域网的任何连接情况;
6.可以自动地任意断开与一个用户或所有用户的连接,这对于资源共享的计算机而言,是非常重要的;
7.能够记录以前连接到你的计算机的用户资料,能够限制与你计算机连接的数目;
8.如果你喜欢使用ICQ与外界联系,LockDown2000能够向黑客发送无效的文件包,从而使你的计算机免遭黑客的ICQ炸弹的攻击;
9.可以查出和中止偷偷运行在你限制的程序列表中的任何一个程序,这种程序很可能是一种不知名的黑客程序或病毒。
此外,LockDown2000还有易于安装、与其它程序不发生任何冲突的特点。
需要写一份总体规划说明书,包括:网站的栏目和板块;网站的功能和相应的程序;网站的链接结构;如果有数据库,进行数据库的概念设计;网站的交互性和用户友好设计。 在总体设计出来后,一般需要给客户一