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