《网站建设基础知识.docx》由会员分享，可在线阅读，更多相关《网站建设基础知识.docx（13页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网站建立根底学问百脑汇威客网讯在百脑汇威客网上很多威客都上半路出家的，很多威客要求我们介绍一下网站建立相关方面的学问。今日，为大家介绍一下一点根底学问。这样在制作网站时可以事半功倍，制作出令人满足的网站。首先将介绍网页根本学问, 网页的根本构成元素, 如何设计网页，接着介绍网页设计的常用软件Dreamweaver CS3, Flash CS3和Photoshop CS3，最终介绍动态网站技术，如网页标记语言HTML, 网页脚本语言javascript和动态网页编程语言，为后面设计和创立完整的网站打下良好的根底。1.什么是Internet Internet是一个全球墟履计算机互联网骆，中文名称为
2、国际互联网或因特网，它集现代通信技术和现代计算机技术于一体，是计算机之间进展国际信息沟通和实现资源共享的良好手段。Internet将各种各样的物理网骆联接起来，构成一个整体，而不管这些网骆类型的异同, 规模的大小和地理位置的差异。Internet是全球最大的信息资源库，几乎包括了人们生活的方方面面，如教化, 科研, 商业, 工业, 出版, 文化艺术, 通信, 播送电视, 消遣等。经过多年的开展，互联网已经在社会的各个方面为全人类供应便利。电子邮件, 即时消息, 视频会议, 网骆日志, 网上购物等已经成为越来越多人的一种生活方式。网站是因特网上的一个信息集中点，可以通过域名进展访问。网站要存储在
3、独立效劳器或者效劳器的虚拟主机上才能按受访问。网站是有独立域名和独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件。网站不肯定要有很多网页，只要有独立域名和空间，哪怕只有一个页面也叫网站。Web效劳器就是在Web站点上运行的应用程序，用户只有把设计好的网页放到Web效劳器上才能被其他用户阅读。Web效劳器主要负责处理阅读器的恳求。当用户运用阅读器恳求读取Web站点上的内容时，阅读器会建立一个Web链接，效劳器承受链接，向阅读器发送所要求的文件内容，然后断开链接。网页又称HTML文件，是一种可以在WWW上传输, 能被阅读器相识和翻译成页面并显示出来的文件。静态网页是网站建立初期常
4、常采纳的一种形式。网站建立者把内容设计成静态网页，访问者只能被动地阅读网站建立者供应的网页内容，其特点如下：a, 网页内容不会发生改变，除非网页设计者修改了网页的空容；b, 不能实现和阅读网页的用户之间的交互，信息流向是单向的，即从效劳器到阅读器。效劳器不能依据用户的选择调整返回给用户的内容。静态网页的阅读过程。所谓动态网页是指网页文件里包含了程序代码，通过后台数据库及Web效劳器的信息交互，由后台数据库供应实时数据更新和数据查询效劳。这种网页的后缀名称一般依据不同的程序设计语言不同，如常见的有.asp, .jsp, .php, .perl, .cgi等形式为后缀。动态网页能够依据不同时间和不
5、同访问者而显示不同内容。如常见的BBS, 留言板和购物系统通常用动态网页实现。动态网页的制作比拟困难，须要用到ASP, PHP, ISP和ASP.NET等特地的动态网页设计语言。动态网页阅读过程。网站Logo也称为网站标记，网站标记是一个站点的象征，也是一个站点是否正规的标记之一。网站的标记应表达该网站的特色, 内容及其内在的文化内涵和理念。胜利的网站标记有着独特的形象标识，在网站的推广和宣扬中将起到事半功倍的效果。网站标记一般放在网站的左上角，访问者一眼就能看到它。网站标记通常有3种尺寸：8831像素, 12060像素和1209像素。标记的设计创意来自网站的名称和内容，大致分以下3个方面。a
6、, 网站有代表墟履人物, 动物, 花草，可以用它们作为设计的蓝本，加以卡通化的艺术化。b, 对于一些专业性网站，可以用本专业有代表墟履物品作为标记，如中国银行的铜板标记, 奔驰气车的方向盘标记。c, 最常用和最简洁的方式是用自己网站的英文名称做标记。采纳不同的字体, 字符的变形, 字符的组合可以很简洁地制作出自己的标记。网站Banner即横幅广告，是互联网广告中最根本的广告形成。Banner可以位于网页顶部, 中部或底部随意一处，一般横向贯穿整个或者大半个页面。网站Banner常见的尺寸是48060像素或23330像素，它运用GIF格式的图像文件，既可以运用静态图形，也可以运用动画图像。除一般
7、GIF格式外，采纳Flash能给予Banner更强的表现力和交互内容。网站Banner首先要美观，这个小的区域假如设计得特别美丽，让人看上去很舒适，那么即使Banner不是阅读者所要看的内容，或者是一些他们可看可不看的东西，他们也会很有爱好地去看看，点击就是顺理成章的事情了。网站Banner还要及整个网页协调，同时又要突出, 醒目，用色要同页面的主色相搭配，如主色是浅黄，广告条的用色就可以用一些浅的其他颜色，切忌用一些比照色。导航栏是网页的重要组成元素，它的任务是扶植阅读者在站点内快速查找信息。好的导航系统应当能引导阅读者阅读网页而不迷失方向。导航栏的形式多样，可以是简洁的文字链接，也可以是设
8、计精致的图片或是丰富多彩的按钮，还可以是下砬菜单导航。一般来说，网站中的导航位置在各个页面中出现的位置是比拟固定的，而且风格也较为一样。导航的位置一般有4种：在页面的左侧, 右侧, 顶部和底部。有时候在同一个页面中运用了多种导航。当然并不是导航在页面中出现的次数越多越好，而是要合理地运用，到达页面总体的协调一样。网页内容是网站的灵魂，而文本又是网页内容最主要的表现形式，无论制作网页的目的是什么，文本都是网页中的最根本和必不行少的元素。及图像相比，文字虽然不如图像那样易于吸引阅读者的留意，但却能精确地表达信息的内容和含义。一个内容充溢的网站必定会运用大量的文本。良好的文本格式可以创立出别具特色的
9、网页，激发读者的爱好。为了克制文字固有的缺点，人们给予了文本更多的属性，如字体, 字号, 颜色等，通过不同格式的区分，突出显示重要的内容。此外，还可以在网页中设置各种各样的文字列表来明确表达一系列的工程。这些功能给网页中的文本增加了新的生命力。图像在网页中具有供应信息, 展示形象, 装饰网页, 表达个人情趣和风格的作用。图像是文本的说明和说明，在网页适当位置放置一些图像，不仅可以使文本清晰易读，而且使得网页更加有吸引力。现在几乎全部的网站都运用图像来增加网页的吸引力。可以在网页中运用GIF, JPEG和PNG等多种图像格式，其中运用得最广泛的是GIF和JPEG两种格式。Flash动画具有简洁易
10、学, 敏捷多变的特点，所以受到很多网页制作人员的宠爱。它可以生成亮丽夺目的图形界面，而文件的体积一般只有550KB。随着Actionscript动态脚本编程语焰履开展，Flash已经不再局限于制作简洁的交互动画程序，通过困难的动态脚本编程可以制作出各种各样好玩, 精彩的Flash动画。由于Flash动画具有很强的视觉冲击力和听觉冲击力，因此一些公司网站往往会采纳Flash制作相关的页面，借助Flash的精彩效果吸引客户的留意力，从而到达比以往静态页面更好的宣扬效果。网页设计是指对网站整体页面的设计，包括页面的风格, 配色, 布局和内容等。好的网页设计，不仅能增加网站的好用性，也可为访问者留下深
11、刻的印象，有助于提高网站的访问量。网页设计的任务，是指设计者要表现的主题和实现的功能。网站的性质不同，设计的任务也不同。从形式上，可以将网站分为以下3类。a, 资讯门户类站点，像新浪, 搜狐等门户网站。这类站点将为访问者供应大量的信息，而且访问量较大。因此需留意页面的分割, 构造的合理, 页面的优化和界面的友好等问题。b, 资讯和形象相结合的网站，像一些较大的公司, 政务网站等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业, 单位的形象。x, 形象类网站，如一些中小型的企业网站。这类网站一般较小，有的只有几页，须要实现的功能也较为简洁，网页设计的主要任务是突出企业形
12、象。这类网站对设计者的美工水平要求较高。网页设计的实现可以分为两个局部：第一局部为站点的规划及草图的绘制，这一局部可以在纸上完成；第二局部分为网页的设计及制作这一过程是在计算机上完成的。设计网页的第一步是设计版面布局。可以将网页看作传统的报刊杂志来编辑，这里面有文字, 图像及动画，要以最适合的方式将图片和文字排放在页面的不同位置。常用的网页设计软件有Dreamweaver, Fireworks, Flash及Photoshop，这些都是很不错的网页设计软件。网页设计是有原那么的，网页设计遵循统一, 连贯, 分割, 比照及和谐的原那么。统一，是指网页的整体性和一样性。网页的整体效果是至关重要的，
13、网页中各个版块的设计风格要协调一样。连贯，是指要留意页面的相互关系。设计中应利用各组成局部在内容上的内在联系和表现形式上的相互照应，并留意整个页面设计风格的一样性，实现视觉上和心理上的连贯，使整个页面设计的各个局部极为融洽。分割，是指将页面分成假设干小块，小块之间有视觉上的不同，这样可以使阅读者一目了然。在信息量很多时为使阅读者能够看清晰，就要留意到将画面进展有效的分割。比照就是通过冲突和冲突，使设计更加富有生气。比照手法很多，如多及少, 曲及直, 强及弱, 长及短, 主及次, 黑及白, 动及静, 美及丑等。在运用比照的时候应慎重，比照过强简洁破坏美感，影响统一。和谐是指整个页面符合美的规那么
14、，浑然一体。网页不是色调, 形态, 线条等的随意混合，而是由它们有机组合而成的和谐统一体。1.网页图像设计软件Photoshop CS3 2.网页动画制作软件Flash CS3 3.网页编辑排版软件Dreamweaver CS31.网页标记语言HTML HTML不是一种编程语言，而是一种描述墟履标记语言，用于描述超文本中内容的显示方式。如文字以什么颜色和大小来显示等，这些都是利用HTML标记完成的，其最根本的语法在内容标记符。标记符通常都是成对运用，有一个开头标记和一个完毕标记。完毕标记只是在开头标记的前面加一个斜杠/。当阅读器收到HTML文件后，就会说明里面的标记符，然后把标记符相对应的功能
15、表达出来。2.网页脚本语言javascript javascript是网页脚本语言，利用javascript可以轻易地制作出随鼠标翱翔的文字特效, 探照灯效果, 漂移广告效果, 跑马灯及显示阅读器停留的时间效果。这些特殊效果可以大大提高网页的互动性，以吸引更多的人访问网页。动态网页就是网页内含有程序代码。运行于效劳器端的程序, 网页和组件等都属于动态网页，它们会随不同客户, 不同时间及不同需求而返回不同的内容。动态网页以.asp, .jsp, .php, .perl, .cgi等形式为后缀。动态网页主要有以下的特点：动态网页以数据库技术为根底，可以大大降低网站维护的工作量。采纳动态网页技术的网
16、站可以实现更多的功能，如用户注册, 用户登录, 搜寻查询, 用户管理, 订单管理等；新闻发布系统的登录页面，输入用户名和秘码后就可以查看新闻内容。动态网页事实上并不是独立存在于效劳器上的网页文件，只有当用户恳求时效劳器才返回一个完整的网页；动态网页中的对搜寻引擎检索存在肯定的问题，搜寻引擎一般不行能从一个网站的数据库中访问全部网页，因此采纳动态网页的网站在进展搜寻引擎推广时须要做肯定的技术处理才能适应搜寻引擎的要求。网站建立标准和根本流程为了让网站开发能有效地进展，开发人员都必需遵循网站的开发流程。任何一个网站在开发之前都须要定制一个开发约定和规那么，这样有利于工程的整体风格统一, 代码维护和
17、开展。由于网站工程开发的分散性, 独立性, 整合的交互墟氯，因此定制一套完整的约定和规那么湘旅尤为重要。这些规那么和约定须要及开发人员, 设计人员和维护人员共同探讨定制，将来网站严格按规那么或约定进绽开发。在确定网站工程后的第一件事就是组建开发团队，依据工程的大小，团队可以有几十人，也可以是只有几个人的小团队，在团队划分中必需含有6个角色，这6个角色分别是工程经理, 筹划, 美工, 程序员, 代码整合员和测试员。工程经理负责工程的总体设计, 开发进度的定制和监控，相应的开发标准的定制和各个环节的评审工作以及协调各个成员小组之间的开发。筹划供应具体的筹划方案和需求分析，还负责后期网站推广方面的筹
18、划。美工依据筹划和需求设计网站VI, 界面, Logo等。程序员依据工程总体设计来完成数据库和功能模块的实现。代码整合员负责将程序员的代码和界面融合到一起，还可以制作网站的相关页面。测试员负责测试程序。网站开发工具主要分为两局部，第一局部是网站前台开发工具，第二局部是网站后台开发工具。下面分别简洁介绍这两局部须要运用的软件。网站前台开发主要是指网站页面的设计，包括网站整体框架建立, 常用图像和Flash动画的设计等，主要运用的软件是Photoshop, Dreamweaver和Flash等。在网页中的链接依据链接路径的不同可以分为3种形式：肯定路径, 相对路径和根书目相对路径。小网站由于层次简
19、洁，文件夹构造一般不超过3层，而且网站内容和构造的改动不大，所以运用相对路径是完全可以胜任的。当网站的规模大一些的时候，由于文件夹的构造越来越困难，且基于模板的设计方法被广泛运用，运用相对路径会出现如超链接代码过长, 模板中的超链接在不同的文件夹构造层次中无法干脆运用等问题。此时运用根书目相对路径是志向的选择，它可以使超链接的指向变得肯定化，无论在网站的哪一级文件夹中，根书目相对路径都能够精确指向。当网站规模再度增长，开展成为拥有一系列子网站的网站群时，各个子网站之间的超链接就不得不采纳肯定路径。为了便利网站群中的各个子网站共享，过去在单域名网站中以文件夹方式存放的各种公共设计资源，最好采纳独
20、立资源网站的形式进展存放，各子网站可以运用肯定路径对其进展调用。网站的超链接设计是一个很老的话题，而且也特别重要。设计和应用超链接的确是一项对设计人员的规划实力要求特别高的工作，而且这些规划实力多数是靠经验积累来获得的，所疫篇擅长和勤于总结。文件夹命名一般采纳英文，长度一般不超过20个字符，命名采纳小写字母。文件名称统一用小写的英文字母, 数字和下划结的组合。命名原那么的指导思想一是使得工作组的每一个成员能够便利地理解每一个文件的意义，二是当在文件夹中运用按名称排列吩咐时，同一种大类的文件能够排列在一起，以便进展查找, 修改和替换等操作。一个良好的程序编码风格有利于系统的维护，代码也易于阅读查
21、错。在编写代码时应留意以下标准。创立网站是一个系统工程，有肯定的工作流程，只有遵循这个步骤，按部就班，才能设计出满足的网站。因此在制作网站前，先要了解网站建立的根本流程，这样才能制作出更好, 更合理的网站。网站的设计是呈现企业形象, 介绍产品和效劳, 表达企业开展战骆履重要途径，因此必需明确设计网站的目的和用户需求，从而做出切实可行的设计方案。要依据消费者的需求, 市场的状况, 企业自身的状况等进展综合分析，牢记以消费者为中心，而不是以美术为中心进展设计规划。在设计规划之初要考虑以下内容：建立网站的目的是什么为谁供应效劳和产品企业能供应什么样的产品和效劳企业产品和效劳适合什么样的表现方式规划一
22、个网站，可以用树状构造先把每个页面的内容大纲列出来。尤其当要制作一个大型网站的时候，更须要把整体架构规划好，同时要考虑到以后的扩大性，防止以后要对整个网站的构造进展更改。网站规划包含的内容很多，如网站的构造, 栏目的设置, 网站的风格, 颜色的搭配, 版面布局, 文字图片的运用等，只有在制作网页之前把这些方面都考虑到了，才能在制作时心中有数。也只有如此，制作出来的网页才能有特性, 有特色, 具有吸引力。网站风格设计包括网站的整体色调, 网页的构造, 文本的字体和大小, 背景的运用等，这些没有肯定的规那么，须要设计者通过各种分析确定。网页设计一般要及企业整体形象一样，要符合企业CI标准。留意网页
23、色调, 图片的应用及版面筹划，保持网页的整体一样性。一般来说，适合于网页标准色的颜色有3大系：蓝色, 黄/橙色, 黑/灰/白色。不同的色调搭配会产生不同的效果，并可能影响访问者的心情。在站点整体色调上，要结合站点目标来确定。假如是政府网站，就要在大方, 庄重, 美观, 严谨上多下功夫，切不行花哨；假如是个人网站，风可以采纳较显明的颜色，设计要简洁而有特性。网站的主题内容是文本, 图像和多媒体等，它们构成了网站的灵魂，否那么再好的构造设计都不能到达网站设计的初衷，也不能吸引阅读者。在对网站进展构造设计之后，须要对每个网页的内容进展一个大致的构思，如哪些网页须要运用模板，哪些网页须要运用特殊设计的
24、图像，哪些网页须要运用较多的动态效果，如何设计菜单，采纳什么样式的链接，网页采纳什么颜色和风格，等等，这些都对资源收集具有指导性作用。重要的文本：如企业简介文本，不能临时书写，要得体, 简明，一般运用企业内部的宣扬文字。重要的图像：如企业的标记, 网页的背景图像等，这些图像对于阅读者的视觉影响很大，不能草率处理。库文件：对于一些常用和重要的网页对象，须要运用库文件来进展管理和运用，在设计网页之前，可以先编辑这些库文件备用。Flash等多媒体元素：很多网站都越来越多地运用Flash等多媒体元素，这些多媒体元素在设计网页之前就须要收集妥当或者制作完成。在确定好网站的风格和搜集完资料后就须要设计网页
25、图像了，网页图像设计包括网站Logo, 网站字体, 网站导航栏和网站首页等的设计。可以运用Photoshop或Fireworks软件来具体设计网站的图像。有经验的网页设计者通常会在运用网页制作工具制作网页之前就设计好网页的整体布局，这样在具体设计过程将会心中有数，大大节约工作时间。设计网骆标记。标记可以是汉字, 英文字母，也可以是符号, 图案等。标记的设计创意应当来自网站的名称和内容。如网站内有代表墟履人物, 动物, 植物，可以用它们作为设计的标本，加以卡通化或艺术化；专业网站可疫圃本专业有代表的物品作为标记。最常用和最简洁的方式是用自己网站的英文名称作标记，采纳不同的字体, 字母的变形, 字
26、母的组合可以很简洁地制作出自己网站的英文名称作标记。设计导航栏。在站点中导航栏也是一个重要的组成局部。在设计站点时，应考虑到如何使阅读者能轻松地从网站的一个页面跳转到另一个页面。设计网站字体。标准字体是指用于标记和导航栏的特有字体。一般网页默认的字体是宋体。为了表达站点的及众不同和特有风格，可以依据须要选择一些特殊字体。设计首页。首页设计包括版面, 色调, 图像, 动态效果, 图标等风格设计。网页设计是一个困难而细致的过程，肯定要依据先大后小，先简洁后困难的依次制作。所谓先大后小，就是在制作网页时，先把大的构造设计好，然后再逐步完善小的构造设计。所谓先简洁后困难，就是先设计出简洁的内容，然后再
27、设计困难的内容，以便出现问题时好修改。依据站点目标和用户对象去设计网页的版式和支配网页内容。一般来说，至少应当哆苹些主要的页面设计好布局，确定网页的风格。在制作网页时要敏捷运用模板和库，这样可以大大提高制作效率。假如很多网页都运用一样的版面设计，就应为这个版面设计一个模板，然后就可疫圃些模板为根底创立网页。一个好的网站，仅仅一次是不行能制作完备的，由于市场环境在不断地改变，网站的内容也须要随之调整，给人常新的感觉，网站才会更加吸引访问者，这就要求对网站进展长期不连续的维护和更新。网站维护一般包含以下内容：内容的更新；网站风格的更新；网站重要页面的设计及制作：如重大事务页面, 突发事务及相关周年
28、庆祝等活动页面的设计及制作。网站系统维护效劳：如E-mail账号维护效劳, 域名维护续费效劳, 网站空间维护, 及IDC进展联系, DNS设置, 域名解析效劳等。网页做好之后，还要不断地进展宣扬，这样才能让更多的挚友相识它，提高网站的访问率和知名度。网站推广的方法有很多，如到搜寻引擎上注册, 网站交换链接, 添加广告链接等。a, 登录搜寻引擎注册到搜寻引擎这是极为便利的一种宣扬网站的方法。注册时尽量具体地填写网站中的一些主要信息，特殊是一些关键词，尽量写通通俗化, 群众化一些，如公司资料最好写成公司简介。注册分类的时候尽量分得细一些。b, 交换广告条广告交换是宣扬网站的一种较为有效的方法。在交
29、换广告条的网页上填写一些主要的信息，如广告图片, 网站地址等，之后它会要求用户将一段HTML代码参与到网站中，这样，用户的广告条就可以在这个网站上出现。友情链接就是一种常见的交换广告条的推广方式，包括文字链接和图片链接。文字链接一般就是网站的名字。图片链接包括Logo的链接或Banner的链接，既为友情链接推广方式。c, meta标签的运用运用meta标签是简洁而且有效地宣扬网站的方法。不须要去搜寻引擎注册就可以让客户搜寻到你的网站。将下面这段代码参与到网页meta标签中：网站名称，产品名称content后面填写的文字是关键词。关键词最好要群众化一些，跟企业文化, 公司产品等紧秘相关，并且尽量多写一些。如公司生产的是电冰箱，那么可以写电冰箱, 家电, 电器等。尽量将产品大类的名称都写上去。另外名称要写全，如电冰箱不要简写成冰箱。这里有个技巧，可以将一些相对关键的词重复，这样可以提高网站的排行。现在国内有大量的网址导航类站点，如, BBS宣扬, 博客, 微博等。假如您有其它好的意见和建议，请登录百脑汇威客网指责指正！重庆seo通库汽车网特殊声明：1：资料来源于互联网，版权归属原作者2：资料内容属于网络意见，及本账号立场无关3：如有侵权，请告知，马上删除。