网站是什么.docx
- 文档编号:9209977
- 上传时间:2023-02-03
- 格式:DOCX
- 页数:15
- 大小:29.18KB
网站是什么.docx
《网站是什么.docx》由会员分享,可在线阅读,更多相关《网站是什么.docx(15页珍藏版)》请在冰豆网上搜索。
网站是什么
网站是什么
我在其他地方复制段文字给你看下看看有没帮助
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。
一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?
常言道:
“性急吃不了热豆腐”。
建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。
特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。
你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。
网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。
常言道:
“巧妇难为无米之炊”。
要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。
材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。
也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。
除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。
所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。
所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。
在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。
网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。
全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
我觉得建站可以按照以下步骤进行:
1、先在本地设一个文件夹,作为网站存储的地方。
名字最好取“MySites”。
2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。
(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些)
3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。
4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)
5、已经做到了这么多,我们该准备内容了吧。
在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。
(可以加入一些动态网页)
6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)
7、把网站充实了,就差不多了。
这时应该申请一个域名(免费空间、附费都可以)。
并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
8、把网站上传至空间里面,删了准备文件,就OK了!
不过也可以这样使用FP建站:
1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。
4、申请一个域名(免费空间、附费都可以)。
并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
5、把网站上传至空间里面,删了准备文件。
完毕。
如果使用Dreamwear来建站,那就更加高级啦!
Dreamwear的功能很强大,安装了它的朋友们可以研究研究。
在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。
静态网页的网址形式通常为:
在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了采用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。
网络营销教学网站()将静态网页的特点简要归纳如下:
(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?
”;
(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性交叉,在功能方面有较大的限制。
网页制作软件的选择
u选择一个适合自己的网页编辑工具
了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。
Frontpage
Frontpage是Microsoft出品的,可能是最简单、最容易,却又功能强大的网页编辑工具。
采用典型的Word界面设计,只要你懂得使用Word,就差不多等于已经会使用Frontpage。
就算你不懂Word也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习HTML语法。
但Frontpage的也有其不足之处:
首先是浏览器兼容性不好,做出来的网页,用Netscape往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。
但不管怎么说,Frontpage的确是最好的入门级网页编辑工具。
常见的版本为Frontpage98和Frontpage2000。
Dreamweaver
Dreamweaver是Macromedia公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。
与Frontpage不同,Deamweaver采用的是Mac机浮动面版的设计风格,对于初学者来说可能会感到不适应。
但当你习惯了其操作方式后,就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。
Dreamweaver对于DHTML的支持特别好,可以轻而易举地做出很多眩目的页面特效。
插件式的程序设计使得其功能可以无限的扩展。
Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。
而最新推出的DreamweaverUltraDev更支持Asp,Jsp。
因此,说Dreamweaver是高级网页制作的首选并不为过。
常见的版本为Dreamweaver4.0和DreamweaverUltraDev1.0
flash
flash也是Macromedia公司的产品,Flash是交互式矢量图和Web动画的标准。
网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。
相信凡是见过Flash技术的人,没有一个不想掌握它的。
它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。
firework
firework也是Macromedia公司的产品,是真正的网页作图软件。
Fireworks与Dreamweaver结合很紧密,只要将Dreamweaver的默认图像编辑器设为Fireworks,那么在Fireworks里修改的文件将立即在Dreamweaver里更新。
另一个功能是可以在同一文本框里改变单个字的颜色。
当然,Fireworks可以引用所有的Photoshop的滤镜,并且可以直接将PSD格式图片导入。
它是用来画图用的,它相当于结合了Photoshop(点阵图处理)以及CorelDRAW(绘制向量图)的功能。
网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT之类的外挂滤镜。
而且Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(ImageMap)、背景透明,要图又小又漂亮,在Fireworks中做起来都非常方便,修改图形也是很容易的。
不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。
Dreamweaver、Flash、Firework称为网页制作三剑客,将三个软件配合起来使用,会制作出非常精美的网页
gifanimator
UleadGIFAnimator4.0是目前最快和最易使用的GIF动画工具,它在一个软件包中提供了顶级的功能,用于动画编排、编辑、特效和优化。
GIFAnimator差不多支持每个主要的文件格式,包括视频文件,并允许输出为WindowsAVI、QuickTime电影、Autodesk动画或图像序列。
用户可以生成适当的HTML代码,以便将动画嵌入到网页中,并且可以将动画打包成独立的EXE文件,以便通过电子邮件发布和在任何地方来查看。
u制作主页
制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!
但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。
u申请的主页空间,把你制作的主页传上去
我们制作的页面放在我们自己的计算机上,别人是不能看见的。
为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。
你可以到提供空间服务的站点申请主页空间。
有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。
这样,就可以让大家来分享我的精彩页面了。
常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。
可能你开始的主页只是非常简单,但是这是你的第一步,也是良好的开端,然后再一步步学习:
如何把网页制作漂亮一些?
如何制作动画?
对于新手,千万不要一下子就想:
我看到某某某网页这么漂亮,它是怎样做出来的?
我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。
想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。
记住:
一步一步来,不要一下子想成为高手,否则很难成为高手。
赞同
414
|评论(17)
先声明,我这是转发过来的,不是为了拿分,是希望帮到你
做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。
美国《个人电脑》杂志(PCMagazine)评出了99年度排名前100位的全美知名网站的十类题材:
第1类:
网上求职;第2类:
网上聊天/即时信息/ICQ;第3类:
网上社区/讨论/邮件列表;第4类:
计算机技术;第5类:
网页/网站开发;第6类:
娱乐网站;第7类:
旅行;第8类:
参考/资讯;第9类:
家庭/教育;第10类:
生活/时尚。
我们可以参看上面的分类,继续细分。
如果自己在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,一者,你可以有自己的见解,做出自己的特色;二者,在制作网站时不会觉得无聊或者力不从心。
兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。
对于内容主题的选择,要做到小而精,主题定位要小,内容要精。
不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。
记住:
在互联网上只有第一,没有第二!
要领二:
选择好域名
域名是网站在互联网上的名字。
一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。
失去这个域名,所有前期工作就将全部落空。
目前,做个人网站的很多都依赖免费个人空间,其域名也是依赖免费域名指向,如网易的虚拟域名服务,其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感,让人一看就知道是个人网站,而且也妨碍了网页的传输速度。
所以,就我个人观点来说,首先花点钱去注册一个域名,独立的域名就是个人网站的第一笔财富,要把域名起得形象、简单、易记。
要领三:
掌握建网工具
网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。
从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器:
(1)HTML编辑器。
虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。
就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。
(2)所见即所得的网页编辑器。
其中以MicrosoftFrontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。
而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。
但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。
所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
(3)现在非常流行的Macromedia公司出品的Flash互动网页制作工具。
这是是一款功能非常强大的交互式矢量多媒体网页制作工具。
能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!
但它的动画效果、互动效果、多媒体效果十分出色。
而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。
这是一款十分适合动态Web制作的工具。
另外,个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。
对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。
当然,互联网还是一个免费的资料库。
编制网页需要多种多样的按钮、背景还有各种各样图形、图片。
如果这些都要靠自己完成,既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术。
所以,为了省却这些麻烦,网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。
要领四:
确定网站界面
界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:
①栏目与板块编排
构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。
网站建设初学者,最容易犯的错误就是:
确定题材后立刻开始制作,没有进行合理规划。
从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。
结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。
所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。
网站的题材确定后,就要将收集到的资料内容作一个合理的编排。
比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。
栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。
在制定栏目的时候,要仔细考虑,合理安排。
在栏目编排时需要注意的是:
●尽可能删除那些与主题无关的栏目;
●尽可能将网站内最有价值的内容列在栏目上;
●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。
另外,板块的编排设置也要合理安排与划分。
板块比栏目的概念要大一些,每个板块都有自己的栏目。
举个例子:
ENET硅谷动力()的站点分新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。
一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。
如果有必要设置板块的,应该注意:
●各板块要有相对独立性;
●各板块要有相互关联;
●各板块的内容要围绕站点主题;
②目录结构与链接结构
网站的目录是指建立网站时创建的目录。
例如:
在用Frontpage建立网站时都默认建立了根目录和Images子目录。
目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。
目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。
所以建立目录结构时也要仔细安排,比如:
●不要将所有文件都存放在根目录下。
有网站制作者为了方便,将所有文件都放在根目录下。
这样就很容易造成:
文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。
●按栏目内容建立子目录。
子目录的建立,首先按主栏目建立。
友情连接内容较多,需要经常更新的可以建立独立的子目录。
而一些相关性强,不需要经常更新的栏目,例如:
网站简介、站长情况等可以合并放在一个统一目录下。
所有程序一般都存放在特定目录,例如:
CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。
●在每个主目录下都建立独立的Images目录。
一般来说,一个站点根目录下都有一个默认地Images目录。
将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。
所以为每个主栏目建立一个独立的Images目录是方便管理的。
原因很简单,就是方便维护与管理。
其它需要注意的还有:
目录的层次不要太深,不要超过3层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。
它建立在目录结构基础之上,但可以跨越目录。
形象的说:
每个页面都是一个固定点,链接则是在两个固定点之间的连线。
一个点可以和一个点连接,也可以和多个点连接。
更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。
一般的,建立网站的链接结构有两种基本方式:
●树状链接结构(一对一),这类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。
这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”,但是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须回到首页再进行。
●星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。
这样浏览比较方便,随时可以到达自己喜欢的页面。
但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。
因此,在实际的网站设计中,总是将这两种结构混合起来使用。
网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。
所以,最好的办法是:
首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。
关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。
③进行形象设计
网站的设计可以从以下几点出发:
●设计网站标志(LOGO)。
LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。
标志的设计创意应当来自网站的名称和内容。
比如:
网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。
最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
●设计网站色彩。
网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。
“标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。
给人以整体统一的感觉。
至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。
一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。
适合于网页标准色的颜色有:
蓝色,黄/橙色,黑/灰/白色三大系列色。
●设计网站字体。
和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。
一般网页默认的字体是宋体。
为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。
制作者可以根据自己网站所表达的内涵,选择更贴切的字体。
需要说明的是:
使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,那么辛苦设计制作便可能付之东流了。
●设计网站宣传语。
也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。
用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。
要领五:
确定网站风格
“风格”是抽象的,是指站点的整体形象给浏览者的综合感受。
这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 是什么
![提示](https://static.bdocx.com/images/bang_tan.gif)