个人网站制作的流程15430.docx





《个人网站制作的流程15430.docx》由会员分享,可在线阅读,更多相关《个人网站制作的流程15430.docx(14页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、个人网站制作的流程要领一:确确定网站主主题 做网站,首首先必须要要解决的就就是网站内内容问题,即即确定网站站的主题。美美国个人人电脑杂杂志(PCC Maggazinne)评出出了99年年度排名前前100位位的全美知知名网站的的十类题材材:第1类类:网上求求职;第22类:网上上聊天/即即时信息/ICQ;第3类:网上社区区/讨论/邮件列表表;第4类类:计算机机技术;第第5类:网网页/网站站开发;第第6类:娱娱乐网站;第7类:旅行;第第8类:参参考/资讯讯;第9类类:家庭/教育;第第10类:生活/时时尚。我们们可以参看看上面的分分类,继续续细分。如如果自己在在某些方面面有兴趣,或或掌握的资资料较多,
2、也也可以做一一个自己感感兴趣的东东西,一者者,你可以以有自己的的见解,做做出自己的的特色;二二者,在制制作网站时时不会觉得得无聊或者者力不从心心。兴趣是是制作网站站的动力,没没有创作热热情,很难难设计制作作出优秀的的作品。 对于内容主主题的选择择,要做到到小而精,主主题定位要要小,内容容要精。不不要去试图图制作一个个包罗万象象的站点,这这往往会失失去网站的的特色,也也会带来高高强度的劳劳动,给网网站的及时时更新带来来困难。记记住:在互互联网上只只有第一,没没有第二! 要领二:选选择好域名名 域名是网站站在互联网网上的名字字。一个非非产品推销销的纯信息息服务网站站,其所有有建设的价价值,都凝凝结
3、在其网网站域名之之上。失去去这个域名名,所有前前期工作就就将全部落落空。 目前,做个个人网站的的很多都依依赖免费个个人空间,其其域名也是是依赖免费费域名指向向,如网易易的虚拟域域名服务,其其实这对个个人网站的的推广与发发展很为不不利,不光光是它“适适时”开启启的窗口妨妨碍了浏览览者的视线线和好感,让让人一看就就知道是个个人网站,而而且也妨碍碍了网页的的传输速度度。所以,就就我个人观观点来说,首首先花点钱钱去注册一一个域名,独独立的域名名就是个人人网站的第第一笔财富富,要把域域名起得形形象、简单单、易记。 要领三:掌掌握建网工工具 网络技术的的发展带动动了软件业业的发展,所所以用于制制作Webb
4、页面的工工具软件也也越来越丰丰富。从最最基本的HHTML编编辑器到现现在非常流流行的Fllash互互动网页制制作工具,各各种各样的的Web页页面制作工工具,下面面是几款具具有代表性性的网页制制作器: (1)HTTML编辑辑器。虽然然HTMLL代码复杂杂,编辑和和调试要花花费大量的的时间,但但因HTMML的稳定定性、广泛泛支持性及及可创建复复杂的页面面效果,仍仍受高级网网页制作人人员的青睐睐。就目前前来说,有有众多的编编辑器供选选择,这些些编辑器广广泛支持复复杂页面创创建及高级级HTMLL规范,使使用较为普普遍的有HHotdoog等专业业HTMLL编辑器。 (2)所见见即所得的的网页编辑辑器。其
5、中中以Miccrosooft FFronttpagee为代表,它它具有如WWord一一样的操作作界面,熟熟知Worrd功能的的操作者,只只要稍加培培训就能轻轻松编制网网页。而且且,Froontpaage还能能解析网页页的HTMML源代码码,并提供供了预览支支持。但FFronttpagee的一些特特殊显示功功能并不能能在其它非非IE浏览览器下实现现。所以FFronttpagee是一款非非常适合初初、中级网网页制作人人员使用的的工具软件件。 (3)现在在非常流行行的 Maacrommediaa公司出品品的Flaash互动动网页制作作工具。这这是是一款款功能非常常强大的交交互式矢量量多媒体网网页制作
6、工工具。能够够轻松输出出各种各样样的动画网网页,它不不需要特别别繁杂的操操作,也比比JAVAA小巧精悍悍!但它的的动画效果果、互动效效果、多媒媒体效果十十分出色。而而且还可以以在Flaash动画画中封装MMp3音乐乐、填写表表单等;并并且由于FFlashh编制的网网页文件比比普通网页页文件要小小得多,所所以大大加加快了浏览览速度。这这是一款十十分适合动动态Webb制作的工工具。 另外,个人人网站制作作者还需了了解W3CC的HTMML4.00规范、CCSS层叠叠样式表的的基本知识识、javvascrript、VVBScrript的的基本知识识。对于常常用的一些些脚本程序序如ASPP、CGII、P
7、HPP也要有适适当了解,还还要熟练使使用图形处处理工具和和动画制作作工具以及及矢量绘图图工具,并并能部分了了解多种图图形图像动动画工具的的基本用法法,熟练使使用FTPP工具以及及拥有相应应的软硬件件和网络知知识也是必必备的。 当然,互联联网还是一一个免费的的资料库。编编制网页需需要多种多多样的按钮钮、背景还还有各种各各样图形、图图片。如果果这些都要要靠自己完完成,既浪浪费时间又又浪费金钱钱,而且还还需要强大大的图形、图图片制作技技术。所以以,为了省省却这些麻麻烦,网站站制作者完完全可以从从网上下载载各种精美美实用的图图片、按钮钮、背景等等网页素材材。 要领四:确确定网站界界面 界面就是网网站给
8、浏览览者的第一一印象,往往往决定着着网站的可可看性,在在确定网站站的界面时时要注意以以下三点: 栏目与板板块编排 构建一个网网站就好比比写一篇论论文,首先先要列出题题纲,才能能主题明确确、层次清清晰。网站站建设初学学者,最容容易犯的错错误就是:确定题材材后立刻开开始制作,没没有进行合合理规划。从从而导致网网站结构不不清晰,目目录庞杂混混乱,板块块编排混乱乱等。结果果不但浏览览者看得糊糊里糊涂,制制作者自己己在扩充和和维护网站站也相当困困难。所以以,我们在在动手制作作网页前,一一定要考虑虑好栏目和和板块的编编排问题。 网站的题材材确定后,就就要将收集集到的资料料内容作一一个合理的的编排。比比如,
9、将一一些最吸引引人的内容容放在最突突出的位置置或者在版版面分布上上占优势地地位。栏目目的实质是是一个网站站的大纲索索引,索引引应该将网网站的主体体明确显示示出来。在在制定栏目目的时候,要要仔细考虑虑,合理安安排。在栏栏目编排时时需要注意意的是: 尽可能删删除那些与与主题无关关的栏目; 尽可能将将网站内最最有价值的的内容列在在栏目上; 尽可能从从访问者角角度来编排排栏目以方方便访问者者的浏览和和查询;辅辅助内容,如如站点简介介、版权信信息、个人人信息等大大可不必放放在主栏目目里,以免免冲淡主题题。 另外,板块块的编排设设置也要合合理安排与与划分。板板块比栏目目的概念要要大一些,每每个板块都都有自
10、己的的栏目。举举个例子:ENETT硅谷动力力(n)的站点点分新闻、产产品、游戏戏、学院等等板块,每每个板块下下面又各有有自己的主主栏目。一一般来说,个个人站点内内容较少,只只要分个栏栏目也就够够了,不需需要设置板板块。如果果有必要设设置板块的的,应该注注意: 各板块要要有相对独独立性; 各板块要要有相互关关联; 各板块的的内容要围围绕站点主主题; 目录结构构与链接结结构 网站的目录录是指建立立网站时创创建的目录录。例如:在用Frrontppage建建立网站时时都默认建建立了根目目录和Immagess子目录。目目录的结构构是一个容容易忽略的的问题,大大多数站长长都是未经经规划,随随意创建子子目录
11、。目目录结构的的好坏,对对浏览者来来说并没有有什么太大大的感觉,但但是对于站站点本身的的维护,以以后内容的的扩充和移移植有着重重要的影响响。所以建建立目录结结构时也要要仔细安排排,比如: 不要将所所有文件都都存放在根根目录下。有有网站制作作者为了方方便,将所所有文件都都放在根目目录下。这这样就很容容易造成:文件管理理混乱,搞搞不清哪些些文件需要要编辑和更更新,哪些些无用的文文件可以删删除,哪些些是相关联联的文件,影影响工作效效率;上传传速度变慢慢,服务器器一般都会会为根目录录建立一个个文件索引引,如果将将所有文件件都放在根根目录下,那那么即使只只上传更新新一个文件件,服务器器也需要将将所有文件
12、件再检索一一遍,建立立新的索引引文件,很很明显,文文件量越大大,等待的的时间也将将越长。 按栏目内内容建立子子目录。子子目录的建建立,首先先按主栏目目建立。友友情连接内内容较多,需需要经常更更新的可以以建立独立立的子目录录。而一些些相关性强强,不需要要经常更新新的栏目,例例如:网站站简介、站站长情况等等可以合并并放在一个个统一目录录下。所有有程序一般般都存放在在特定目录录,例如:CGI程程序放在ccgi-bbin目录录,所有提提供下载的的内容也最最好放在一一个目录下下,便于维维护管理。 在每个主主目录下都都建立独立立的Imaages目目录。一般般来说,一一个站点根根目录下都都有一个默默认地Im
13、magess目录。将将所有图片片都存放在在这个目录录里很是不不方便,比比如在栏目目删除时,图图片的管理理相当麻烦烦。所以为为每个主栏栏目建立一一个独立的的Imagges目录录是方便管管理的。原原因很简单单,就是方方便维护与与管理。 其它需要注注意的还有有:目录的的层次不要要太深,不不要超过33层;不要要使用中文文目录,使使用中文目目录可能对对网址的正正确显示造造成困难;不要使用用过长的目目录,太长长的目录名名不便于记记忆;尽量量使用意义义明确的目目录,以便便于记忆和和管理。 网站的链接接结构是指指页面之间间相互链接接的拓扑结结构。它建建立在目录录结构基础础之上,但但可以跨越越目录。形形象的说:
14、每个页面面都是一个个固定点,链链接则是在在两个固定定点之间的的连线。一一个点可以以和一个点点连接,也也可以和多多个点连接接。更重要要的是,这这些点并不不是分布在在一个平面面上,而是是存在于一一个立体的的空间中。一一般的,建建立网站的的链接结构构有两种基基本方式: 树状链接接结构(一一对一),这这类似DOOS的目录录结构,首首页链接指指向一级页页面,一级级页面链接接指向二级级页面。这这样的链接接结构浏览览时,一级级级进入,一一级级退出出,条理比比较清晰,访访问者明确确知道自己己在什么位位置,不会会“不知身身在何处”,但但是浏览效效率低,一一个栏目下下的子页面面到另一个个栏目下的的子页面,必必须回
15、到首首页再进行行。 星状链接接结构(一一对多),类类似网络服服务器的链链接,每个个页面相互互之间都建建立有链接接。这样浏浏览比较方方便,随时时可以到达达自己喜欢欢的页面。但但是由于链链接太多,容容易使浏览览者迷路,搞搞不清自己己在什么位位置,看了了多少内容容。 因此,在实实际的网站站设计中,总总是将这两两种结构混混合起来使使用。网站站希望浏览览者既可以以方便快速速地达到自自己需要的的页面,又又可以清晰晰地知道自自己的位置置。所以,最最好的办法法是:首页页和一级页页面之间用用星状链接接结构,一一级和二级级页面之间间用树状链链接结构。关关于链接结结构的设计计,在实际际的网页制制作中是非非常重要一一
16、环,采用用什么样的的链接结构构直接影响响到版面的的布局。 进行形象象设计 网站的设计计可以从以以下几点出出发: 设计网站站标志(LLOGO)。LOGGO是指网网站的标志志,标志可可以是中文文、英文字字母,也可可以是符号号、图案等等。标志的的设计创意意应当来自自网站的名名称和内容容。比如:网站内有有代表性的的人物、动动物、植物物,可以用用它们作为为设计的蓝蓝本,加以以卡通化或或者艺术化化;专业网网站可以以以本专业有有代表的物物品作为标标志。最常常用和最简简单的方式式是用自己己网站的英英文名称作作标志,采采用不同的的字体、字字母的变形形、字母的的组合可以以很容易制制作好自己己的标志。 设计网站站色
17、彩。网网站给人的的第一印象象来自视觉觉冲击,不不同的色彩彩搭配产生生不同的效效果,并可可能影响到到访问者的的情绪。“标标准色彩”是是指能体现现网站型象象和延伸内内涵的色彩彩,要用于于网站的标标志,标题题,主菜单单和主色块块。给人以以整体统一一的感觉。至至于其它色色彩也可以以使用,但但应当只是是作为点缀缀和衬托,绝绝不能喧宾宾夺主。一一般来说,一一个网站的的标准色彩彩不超过33种,太多多则让人眼眼花缭乱。适适合于网页页标准色的的颜色有:蓝色,黄黄/橙色,黑黑/灰/白白色三大系系列色。 设计网站站字体。和和标准色彩彩一样,标标准字体是是指用于标标志,标题题,主菜单单的特有字字体。一般般网页默认认的
18、字体是是宋体。为为了体现站站点的“与与众不同”和和特有风格格,可以根根据需要选选择一些特特别字体。制制作者可以以根据自己己网站所表表达的内涵涵,选择更更贴切的字字体。需要要说明的是是:使用非非默认字体体只能用图图片的形式式,因为很很可能浏览览者的计算算机里没有有安装特别别字体,那那么辛苦设设计制作便便可能付之之东流了。 设计网站站宣传语。也也可以说是是网站的精精神、主题题与中心,或或者是网站站的目标,用用一句话或或者一个词词来高度概概括。用富富有气势的的话或词语语来概括网网站,进行行对外宣传传,可以收收到比较好好的结果。 要领五:确确定网站风风格 “风格”是是抽象的,是是指站点的的整体形象象给
19、浏览者者的综合感感受。这个个“整体形形象”包括括站点的CCI(标志志,色彩,字字体,标语语)、版面面布局、浏浏览方式、交交互性、文文字、语气气、内容价价值等等诸诸多因素,网网站可以是是平易近人人的、生动动活泼的也也可以是专专业严肃的的。不管是是色彩、技技术、文字字、布局,还还是交互方方式,只要要你能由此此让浏览者者明确分辨辨出这是你你网站独有有的,这就就形成了网网站的“风风格”。 风格是有人人性的,通通过网站的的色彩、技技术、文字字、布局、交交互方式可可以概括出出一个站点点的个性:是粗犷豪豪放的,还还是清新秀秀丽的;是是温文儒雅雅的,还是是执著热情情的;是活活泼易变的的,还是墨墨守成规的的。
20、总之,有风风格的网站站与普通网网站的区别别在于:在在普通网站站上你看到到的只是堆堆砌在一起起的信息,你你只能用理理性的感受受来描述,比比如信息量量多少,浏浏览速度快快慢等;在在有风格的的网站上你你可以获得得除内容之之外的更感感性的认识识,比如站站点的品位位,对浏览览者的态度度等。 在明确自己己想给人以以怎样的印印象后,要要找出网站站中最有特特色的东西西,就是最最能体现网网站风格的的东西。并并以它作为为网站的特特色加以重重点强化、宣宣传。总之之,风格的的形成不是是一次定位位的,你可可以在实践践中不断强强化、调整整、改进。 要领六:有有创意的内内容选择 好的内容选选择需要有有好的创意意,作为网网页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 个人 网站 制作 流程 15430

限制150内