网站制作的详细8大步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
二、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
三、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
四、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是dreamweaver和frontpage了,如果是初学者,frontpage2000是首选。除此之外,还有图片编辑工具,如photoshop、photoimpact等;动画制作工具,如flash、cool 3d、gif animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
六、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者
★要想学做网页,首先得了解制作网页的工具。
制作网页主要有以下一些工具
frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。
dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具,例如写字本、editplus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
七、上传测试
网页制作完毕,最后要发布到web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有ftp功能,利用这些ftp工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
frontpage是一个非常简单使用的网页编辑软件,用它可以快速的编好一个网页,它具有上手快,易学、易用的特点。frontpage是初学者理想的制作网页的集成工具。dreamweaver是第一套对专业网页设计师的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台和跨越浏览器的充满动感的网页
【关键词】网页制作、frontpage、所见即所得、 dreamweaver,html
当我们在网上冲浪时,会对那些美观的网页羡慕不已,其实,我们也可以制作自己的个人网页,现在网页制作软件不少,主要有以下几种有特色的网页制作软件。
microsoft frontpage——制作功能强大的网页
netscape编辑器——制作简单的网页
adobe pagemill ——制作多框架、表单和image map图像的网页
claris home page ——快速创建动态的网页
dreamweaver——自制动态html动画的网页
hotdog professional ——制作要加入多种复杂技术的网页
homesite ——制作可完全控制页面进程的网页
hotmetal pro ——制作具有强大数据嵌入能力的网页
hotdog professional ——强大而又方便至极的超级网页编辑工具
paintshop pro ——可以看作是photoshop的简化版本
ulead cool 3d——人人叫好的3d特效字制作工具
gif movie gear ——简单至极的动画软件
ulead smartsaver——对图像进行优化、压缩处理
在这么多网页制作软件中,目前最知名和最常用的两套热门软件应该是frontpage 和dreamweaver。下面我就来向大家简单介绍这两种软件。
microsoft frontpage是目前最流行的网页制作与网站管理软件之一,可以方便、快捷地编辑网页样式,在编辑器中提供了所见即所得的“设计”视图,同时显示网页框架、代码的“拆分”视图,显示代码命令的“代码视图,预览网页页面的“预览”视图四种不同编辑网页使用的视图。frontpage有以下特点:
1.可视化。使用frontpage软件,不需要很深的网页编程技术知识,也不需要了解html的语法,它支持所见即所得的编辑方式。
2.通用性。它的文字处理方法和word基本相同,可以像编辑word文件那样在文章中插入表格和图象,也可以插入声音文件,动画和视频文件。
3.多种视图窗口。可以使用frontpage的“设计”视图,直接输入文字,插入图片和表格。可以使用frontpage的“代码”视图,修改或编写命令代码。可以使用frontpage的“预览”视图,浏览编写的网页在浏览器中显示的页面。
4.易于管理。frontpage可以将多个网页组织起来成为一个站点,并能对它进行分布和有效的管理。
dreamweaver是美国macromedia公司开发的网页制作和管理网站于一体的所见即所得网页编辑器,它是第一套对专业网页设计师的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台和跨越浏览器的充满动感的网页,它与flash、fireworks合在一起被称为网页制作三剑客,这三个软件相辅相承,是制作网页的最佳选择。其中,dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,flash用来制作精美的网页动画,fireworks用来处理网页中的图形。dreamweaver有以下特点:
1.卓越的可视环境。使用macromedia的可视化开发环境(如右图所示),你只需通过简单的拖拉技术(drag&drop),将"objects"窗口中的对象拖到"documentwindow"中即可,例如:web开发人员想在网