学习网页制作应该知道的一些术语

 更新时间:2016年9月20日 19:05  点击:1624

    大家可能有这样的体验,在相同的条件下,有些网页不仅美观,大方,打开的速度也非常快,而有些网页却让人长久等待。这就说明网页制作不仅仅是以文笔流畅,图片精美,布局整洁而取胜,很大程度上依赖于网络技术。因此一个很简单的主页不仅是制作者审美观、阅历的体现,更是制作者知识面、技术等综合素质的展示。

    我们来一起熟悉一下跟主页制作相关的网络术语,只有了解了网络相关的知识,我们才能制作出自己具有艺术性和技术性的主页。

  万维网:

    万维网的英文缩写是WWW,是一个基于超级文本的信息查询工具。

  超级文本: 

    超级文本与普通文本不同,它是一种使用用户于计算机之间进行交流的文本显示技术,通过对关键词或图片的索引链接,可以使这些带有链接的词语或图片指向相关的文件或者文本中的相关段落。类似于普通书本中的目录,我们要看某一个章节,就要用手翻页到相关的页面,在这里,我们用鼠标点击相关的链接(相当于书本中的目录)就能打开相关的页面或内容。

    通常当鼠标指针指向带有超级链接的时候,鼠标指针从原来的箭头形状变为“手”的形状,文本的下方也会出现下划线或者做出颜色的改变,这是软件默认的超级文本的链接形式,依据设计制作者的不同选择,会出现不同的显示。

  浏览器:

    浏览器是安装在电脑中(客户端)用来查看万维网中超级文本的一种工具(软件)每一个万维网的用户都要在电脑上安装浏览器来“阅读”网页中的信息,这是使用万维网的最基本的条件,就好像我们要用电视机来收看电视节目一样。目前大家所用的Windows操作系统中已经内置了浏览器。

    目前主流的浏览器主要分为两种:

  1、微软公司开发的 Microsoft Internet Exploere浏览器,简称IE,目前最高版本是6.0。

  2、网景公司开发的 Netscape Navigator浏览器。

    这两个浏览器开发公司不同,但使用界面大致相同,他们占有了网络浏览器市场的绝大部分份额,还有一些其他公司的浏览器,因为其占有市场份额相对太小,这里不作介绍了。需要提醒大家注意的是,尽管微软和网景浏览器界面大致相同,但是对于浏览使用了特效的同一个网页,显示的效果也可能不同,即便是同一个公司的不同版本的浏览器也有这样的状况。因此我们在网页制作过程中应该考虑到浏览对象的不同而选择不同的制作方式。例如如果我们的主页主要面对的对象是国内用户,而国内用户大多使用Windows自带的浏览器,我们就可以选择目标浏览器是IE,同时要兼顾一下还在使用IE5.0版本的用户;如果我们面对的对象是海外用户,而海外很多人习惯使用网景浏览器,我们就可以选择Netscape的浏览器。

  FTP(文件传输协议): 

    FTP是文件传输协议的英文缩写,是快速、高效、可靠的信息传输方式。这个协议能把文件从一台计算机传输到另外一台计算机中,而不必管这两台计算机位置在何处,也不用管这两台计算机使用什么操作系统和使用何种网络,只要它们都遵循FTP协议,并且能够通过网络互联。

    由于FTP是一个交互式的会话系统,因此两台计算机可以作为一个客户端一个服务器端来看待,它们之间要建立双重连接,一个用于控制,一个用于数据传输。这是制作网页所要使用的重要技术之一。

  URL(统一资源定位器): 

  URL主要用于指明通信协议和地址,以获取网络的各种信息服务。它包括:

  通信协议:http、FTP、Telnrt、Mailto等。
  主机名:指服务器在网络中的IP地址或域名。
  所要访问的文件的路径和文件名:主机名与文件夹(目录)及文件之间用“/”符号分隔。
  我们在上面所说的浏览器的地址栏中输入的就是URL。

  IP地址: 

  IP地址是分配给网络上计算机的一组由32位二进制数值组成编号,来对网络中计算机进行标识,为了方便记忆地址,采用了十进制标记法,每个数值小于等于225,数值中间用“.”隔开,一个IP地址相对一台计算机并且是唯一的,这里提醒大家注意的是所谓的唯一是指在某一时间内唯一,如果我们使用动态IP,那么每一次分配给我们的IP地址是不同的,这就是动态IP,在我们使用网络的这一时段内,这个IP是唯一的指向我们正在使用的计算机的;另一种是静态IP,它是固定讲这个IP地址分配给某计算机使用的。网络中的服务器就是使用的静态IP。

  域名:

NoahWeb™引擎为计算机编程专用语言解析引擎,属于新一代解析型编程语言执行引擎,用于快速开发B/S结构下的应用或网站。同NoahWeb™紧密相关的有NoahWeb Engine、NoahWeb Designer以及其他设计器辅助工具。

NoahWeb™使用有别于传统编程语言的编程结构和语法,语法分逻辑层和表现层两类。使用NoahWeb™对B/S的项目进行开发,逻辑层和表现层已经被NoahWeb™全新的编程结构分离。表现层(前端)使用HTML或是说XML内的注释标签方式描述基本的控制指令,逻辑层使用XML格式NoahWeb™语法进行逻辑开发,从而大大加快了开发速度。

NoahWeb™内包含对各种常见数据库的支持。NoahWeb™使用内部的数据库无差异支持引擎来对数据库进行方便快捷的访问,从而让使用NoahWeb™开发的项目能够轻松的移植到不同数据库运行。

NoahWeb™提供了功能强大的Form表单的管理和设计支持。

NoahWeb™集成了国内各种常见协议的支持。

NoahWeb™对表现层代码、字符资源、数据库查询、页面表单、变量、动作、函数等资源提供统一管理,各种资源具有极高的可重用性。

NoahWeb Designer用来协助开发人员使用NoahWeb™对项目进行快速开发。在NoahWeb Designer中可管理使用NoahWeb™开发的动作(Action)、名称空间(NameSpace)、模组(Moudle)、表单(Form)、字符资源(String)、数据库操作(SQL)等资源。

NoahWeb Designer可根据项目的配置信息管理数据库连接,提供针对已连接数据库表结构的数据库操作的快速生成和编辑,还可进行对字符资源的编写和提供在其他编写工具中编写NoahWeb™的各类编写支持,最后NoahWeb Designer会将所有生成内容使用NoahWeb™语言和语法进行保存以保证NoahWeb Engine的正常解析和执行。




 
EB标准
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:

1.结构标准语言
(1)XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0,参考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。

(2)XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言
CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

3.行为标准
(1)DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范(http://www.w3.org/DOM/),DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262(http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM)。

 

 
  有些站点,访问时会在地址栏地址前显出小图标,添加到收藏夹后也在收藏栏中显示图标,这样很好的与其它站点有了区别。其实要实现这一目的非常简单。

  第一步,准备一个图标制作软件
  首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。

  第二步,确定“收藏夹”图标的规格
  “收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)

  第三步,设计一个属于您自己的图标
  您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:f avicon.ico。

  最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

  如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分加入下面的内容:


传说,天神为了惩罚人类,决定毁灭世间一切。诺亚方舟承载着每种动物中最优秀的一对,去到了安全的地方,繁衍,生息,才有了今天的世界。

NoahWeb™名字就来源于此。

NoahWeb™最初在2000年中开始发展,起初仅是一个建立在以往B/S项目开发中摸索出来的最有效方式的开发规范,解决ASP、JSP、PHP语言开发B/S项目中有关项目设计,进度管理,代码编写,后期维护,应用程序安全、需求变更等方面的问题,此开发规范吸收了常见开发团队项目开发时摸索出来的最有效的各阶段模式,通过此模式建立最有效的设计流程和开发流程,以解决B/S开发中需求分析、原型设计、以及开发阶段美工、程序、项目管理人员之间的项目协作。在2002年时推出NoahWeb 1.0 快速开发引擎,2004年初又推出NoahWeb 1.1快速开发引擎,使其成为了一套成熟的轻量级B/S快速应用解决方案。

NoahWeb™经过多年的实践积累和摸索,遗弃了其他编程语言中不常用的功能和结构,成功地将众多语言中的精髓有效地结合在一起,在提高开发效率的同时大大地缩短了开发时间,也为快速的需求变更响应开启了一扇方便快捷的大门。

如果您还在为项目需求的频繁变更而烦恼,如果您和您的团队还在往前端页面里堆放大量的数据库操作代码;如果您还在为传统的开发模式那冗长的时间头痛;如果您每天还是要加班到很晚;那么,您是时候坐下来放松一下,喝上一杯咖啡,来感受一下NoahWeb™的魅力。因为您用过之后就会发现,原来,一切是如此地简单……




[!--infotagslink--]

相关文章

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面,国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题,要把腾讯视频放到自己的网页有许多的办法,当然一般情况就是直接使用它们的网页代码了,如果你要下载资源再放到...2016-09-20
  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了,那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢?下面我们就一起来看看吧. 单...2016-09-20
  • 解析C#自定义控件的制作与使用实例的详解

    本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍,需要的朋友参考下...2020-06-25
  • ps怎么制作人物影子效果

    ps软件是现在很多人比较喜欢的,通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子,具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
  • 用ps制作二寸证件照

    有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • 教大家制作简单的php日历

    最近的一个项目中,需要将数据用日历方式显示,网上有很多的JS插件,后面为了自己能有更大的控制权,决定自己制作一个日历显示。如下图所示:一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据,年份与月份3、初始...2015-11-24
  • Go语言通过http抓取网页的方法

    这篇文章主要介绍了Go语言通过http抓取网页的方法,实例分析了Go语言通过http操作页面的技巧,需要的朋友可以参考下...2020-05-05
  • C#抓取网页数据 解析标题描述图片等信息 去除HTML标签

    本文主要一步一步介绍利用C#抓取页面数据的过程,抓取HTML,获取标题、描述、图片等信息,并去除HTML,希望对大家有所帮助。...2020-06-25
  • ps怎么制作宣传单

    ps软件使用对很多人来说是非常重要的,很多人还不知道使用ps怎么制作宣传单,下面文章就给大家介绍下ps怎么制作宣传单,喜欢次效果的一起来看看。。 首先,我们新建一个2...2017-07-06
  • 怎样用PS制作GIF雪糕

    本文为大家带来gif雪糕的制作方法,难度不大,可效果很漂亮哦,关注一聚教程网学起来! 步骤: 1、使用AI新建一个1200*800的画布 2、使用矩形工具创建一个宽为250px,高度不...2016-12-21
  • 分析网页的几种加密技术

      现在专业性的网站越来越多,许多网友们都在网上建立起了自己的小家。不过辛辛苦苦制作的网页被人拿去改头换面却是件非常痛心的事,所以大家都想保护自己独创的...2016-09-20
  • 利用ps制作非常精致的蓝色水晶按钮

    关于利用ps制作非常精致的蓝色水晶按钮的教程小编在几年前就介绍过许多的相关教程了,今天我们一起再来看一篇水晶按钮制作效果吧。 最终效果 1、打开Adobe Photos...2016-09-14
  • 网页页面控制注意事项

    1、检查标题。2、检查版权信息,尤其是电话号码。3、图片、文件定位问题。4、产品页面首页指向产品类别问题。5、文章页面首页指向文章类别问题。6、产品图片大小...2016-09-20
  • 如何在网页中制作虚线表格

      在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题。  方法一:作一个1X2的图。   半黑半白,再利用表格作成线。这种方法虽然麻烦...2016-09-20
  • 美图秀秀制作印章的图文教程

    美图秀秀可以像ps一样的来制作达到ps同样效果的照片了,但美图秀秀是要简单了很多了,就拿利用美图秀秀制作印章讲吧,不会ps的朋友只需要几下就好了,压根没需要什么基础了,下...2016-09-14
  • ASP.NET使用HttpWebRequest读取远程网页源代码

    本文分享了一个使用HttpWebRequest读取远程网页的案例,供大家参考学习。...2021-09-22
  • vue如何在用户要关闭当前网页时弹出提示的实现

    这篇文章主要介绍了vue如何在用户要关闭当前网页时弹出提示的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-01