《盲人如何制作网页讲座》由会员分享，可在线阅读，更多相关《盲人如何制作网页讲座（28页珍藏版）》请在金锄头文库上搜索。
1、盲人如何制作网页讲座:第一讲 前言及盲人制作网页简介山东烟台盲人 朱清毅一、前言设计制作网页对于健全人而言，那是轻而易举的事情。在网页制作工具中轻点鼠标，很快就可以做出精美的网页。然而对于盲人来说，设计制作网页似乎是无法克服的难题。网页的结构、图片的位置、页面的颜色等元素，无疑成了横在盲人朋友面前不可逾越的鸿沟。于是许多盲人朋友要么在一些提供网站原码的网站下载回来全站原码，稍做简单修改而成；要么就聘请健全人协助制作网页。虽然盲人网站如雨后春笋般纷纷涌现，但是完全由全盲的盲人朋友亲手制作的网页却凤毛麟角。笔者经过一年多的潜心钻研和不断探索，攻克了重重难关，由笔者亲手设计，全国第一个盲人自主制作的
2、网站清毅 -中国盲人信息网，于 2001 年 11 月 27 日和大家见面了。为了让更多盲人朋友能够拥有真正意义上的个人网站，笔者责无旁贷地把多年来制作网页的经验沉淀,总结出来,与同病相怜的朋友们分享。让这希望的种子植根于 盲人月刊这方心灵的沃土,在不久的将来收获无数个盲人朋友亲手设计制作精美而实用的网页。或许还可以为盲人朋友的工作生活另辟蹊径，开拓出一片崭新领域。二、 盲人制作网页简介1、了解网页：什么是网页？您知道为什么网页可以在 Internet 上传播，为什么可以被您的电脑认识吗？盲人又能如何编写结构复杂的网页呢？还是让我们先认识一下网页吧。网页的学名称作HTML 文件，是一种可以在
3、www 网上传输，并被浏览器认识和翻译成页面显示出来的文件。www 是world wide web的缩写；HTML 的意思则是Hypertext Markup Language，中文翻译为超文本标记语言 。超文本就是指页面内可以包含图片、联接、甚至音乐，程序等非文字的元素。网页就是由 HTML 语言编写出来的。一个 HTML 文件中包含了所有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如哪些文字应放置在何处，显示模式是什么样的等。包括图片、动画、声音或任何其它形式的资源，HTML 文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放置在网页的什么位置。HTML 文件通过标志符(
4、tag)来实现这一功能。我们盲人朋友就是学习这些标志符以达到随心所欲地控制网页内各种元素的。明眼人有各种各样的网页制作工具，即使是使用 WPS 或 WORD 的高手对学习制作网页也算会了一半了，只是利用工具把html 代码 自动生成而不用手工输入了。但不管使用什么样的工具，其基本的东西都离不开html语言，也就是说在用鼠标对网页中的图片、文字、颜色等元素做调整的时候，网页中的代码也随之变化，正因如此我们盲人朋友就可以用记事本打开这些代码进行手工修改，并可以随心所遇地调整网页中的图片的位置、网页或文字的颜色等，所以只要盲人朋友熟练掌握 html 语言 ，加之丰富的想象力，一定能做出非常精美的网页
5、。HTML 语言发展很快，已经历经 HTML1.0、HTML2.0、HTML3.0 、html4.0 等多个版本，现在 html5.0 正在测试，同时 DHTML (动态)、VHTML( 虚拟 )、SHTML 等也飞速发展。我们现在一般只要掌握 HTML4.0 就可以了。2、标志符是 HTML 语言的核心标志符是一些字母或单词，并被放在尖括号内（尖括号就是小于号和大于号）。HTML文件可支持很多种标志符，而我们常讲的学习 HTML 语言实际上就是学习这些各种各样的标志符。每种标志符的作用不同，例如，如果有的用于将文字放大，有的用于将文字居中，有的则负责与其它信息进行链接。当你需要对某处进行修改
6、时，就把标志符放置在该处前面，这时浏览器就会知道你希望下面的内容应如何显示了。总之标志符是控制网页各类元素的核心。例如，你想把制作网页 这四个字用粗体显示，从而在网页中突出这四个字，使用粗体标志符。B是英文 bold的首字母，意即 粗体，实际上很多标志符都是使用英文缩写的，这能够方便使用者记住它们。当你使用这个标志符后，就会告诉浏览器说：我希望在此之后的所有内容均以粗体显示。而浏览器自然会按照你的指令将这个标志符后所有的内容均以粗体显示。下面以实例的方式把制作网页四个字在网页中以粗体显示的方法给大家进行讲解：设置您的计算机：若安装完操作系统后没有做任何设置的情况下，计算机中各类文件的扩展名是盲
7、人朋友在制作网页的过程中为了能随意更改文件的扩展名，所以首先把您的计算机调整为显示已知文件类型的扩展名。具体设置方法是：打开控制面板/文件夹选项/ 查看选项卡/高级设置，将隐藏已知文件类型的扩展名前面的对钩去掉，然后点击确定，此后除文件夹和快捷方式以外的各类文件都将有一个扩展名，比如记事本的扩展名是.txt。在讲解前大家请先了解一下注释文本的标志，因为在此后的讲解过程中我们将反复用到，该标志中的文本内容将不在网页中显示，只做为解释某行代码的意义。其基本格式如下:只要把需要隐藏的文字放在 标志符中就可以了，在这一行中的 注释文本内容几个字在网页中是不显示出来的，其功能是为编写者记录一些信息，不过
8、在这里不能记录密码等重要信息，因为虽然在浏览器中不能被浏览者看到，但只要查看原文件的话，其中的内容将一览无余了。下面请看粗体显示网页制作 的实例：网页制作把上面这段代码复制到记事本中并将其扩展名改为.htm 或 .html 后运行，页面中将会以粗体显示 网页制作 四个字。制作网页就这么简单，只要把标志符学好制作网页将得心应手。小结：本讲对网页的概念及盲人为什么能制作网页做了较为详细的说明，并使用了一个非常简单的网页实例使大家对网页中的最基本元素标志符 有了初步的认识，要求大家重点掌握标志符的使用，学习 html 语言其实就是灵活使用标志符的过程。在今后的各讲中我们将由浅入深、循序渐进地详述各类
9、标志符的使用，请大家在学习过程中认真理解和记忆各标志符的属性特点，同时请大家对各标志符的原码及作用做好笔记，以方便在今后制作网页的过程中进行查阅。 作者简介: 朱清毅，男，汉族，1975 年生人，现居地山东烟台，高中二年级时因病至双目失明，1993 年 9 月进入吉林四平盲校学习，1995 年考入长春大学特教学院，2000 年春在烟台开办了推拿诊所，2001 年 11 月创办了清毅盲人网 ，5 年来网站免费为残疾人发布招聘求职征婚等信息达 4 万余条；2002 年参加了烟台大学的电子商务 教学；2003 年考入北京联合大学特教学院成教专科升本科的学习；2005 年 9 月参加了中国盲人协会主办
10、的首届全国盲人计算机高级语言培训班，2005 年底开发的第一个软件 清毅盲人考试系统问世，并在 2005 年 11 月 28 日由中国盲人协会主办的 全国盲人信息无障碍咨询科技研讨会 上参展，该系统在 2006 年 10 月 31 日由中国残联、中国盲人协会主办的全国首届盲人软件网页大赛中获得第二名。盲人如何制作网页讲座：第二讲 如何处理网页中的文字上一讲我们了解了网页制作的最基本的方法和过程，从这一讲起我们将正式开始学习网页制作。在学习之前首先要了解一部分最基本的知识，现介绍如下：一、 基础知识1、 标志符分为单标签和双标签两种单标签：某些标志符称为“单标签 ”，因为它只需单独使用就能完整地
11、表达意思，这类标志符的语法是：最典型的单标签是，该标签表示换行的意思，比如把“ 好好学习，天天向上”这句话用单标签“” 将其分成两行在网页中显示的方法是：“好好学习，天天向上”。双标签：它由“始标签”和“ 尾标签” 两部分构成，必须成对使用，其中始标签告诉 Web 浏览器从此处开始执行该标签所表示的功能，而尾标签告诉 Web 浏览器在这里结束该功能。上一讲我们介绍的粗体显示文字的标签“ ”就是双标签，使用双标签的过程中一定不要忘记使用结束标志符。所有的双标签中的英文字母或单词是一样的，只是尾标签比始标签多了一个“/” 。下面我们看一个基本网页的代码，一方面了解双标签在网页中的应用，另一方面也可
12、了解一个最基本网页中所必需的几个元素，您可以把这段代码复制到记事本中并将其扩展名改为 .htm 或 .html 运行一下看看效果。网页名称 网页内容实例讲解：（1） 上例中使用的全部都是双标签，其中 标签是一个网页的第一个标签，那么在网页的最后使用标签结束。（2） “网页头信息”涉及内容较多，且没有完全固定的内容，而且可以省略，我们将在今后的学习过程中进行介绍。（3） 标签中的“ 网页名称”可以根据要求进行修改，在打开网页的时候读屏软件首先读出该名称。（4） 标签中就是网页的主要内容了，比如上面我们提到的例子“好好学习，天天向上”就一定要放在该标签内。该标签的属性可以对页面的整体效果进行调整，
13、比如页面背景颜色的代码是 “” 、 字体颜色 “ 各属性之间需要有一个空格隔开，没有先后次序，属性也可省略（即取默认值），例如：实例讲解：（1）上例中的 “hr” 表示在网页中画一条横线如果不加任何属性的话写法是 ，那么所有属性将取默认值，在默认情况下是从左至右在页面中画一条横线。（2）“size=3” 属性是线条的粗细，其数值可根据要求做调整，数值越大线条越粗。（3）“align=left”属性是把这条线居左排列，若要使其居中排列其参数是 “center”，居右排列则使用“right”。（4）“width”属性是设置该线条的长度，其参数可以为像素，也可以使用百分数，比如本例中就是使用的 75
14、%。以上介绍的各属性适用于许多标签中，比如图片的位置及大小、字体的大小等，在今后的学习过程中会经常遇到这些属性。3、一般在 HTML 文件里，不管输入多少个空格（按空格键）都将被视为一个空格，任何回车操作（按“Enter” 键）都是无效的。4、空格符号： “ ”， 作用是在网页中输入一个空格，因为我们在制作网页的时候不同于记事本或 word 文档，无论输入多少空格都被系统默认为一个空格，那么如果要在网页中使一段文字前面空出 4 个空格的话只能把“ ”输入 4 次。5、换行标记： “” ，单标记，作用是将文字换行显示，效果就如同按回车键;那么，如果使用就是强制不换行，不管网页有多大，只要用了这个
15、标志符将永不换行。6、段落标记： ，它与 标记的区别在于， 除了换行外，还会用一行空白加以间隔，效果就如同连续按了两个“回车” 键。7、居中显示网页元素，使用 。 8、原始版面标记： ，在 html 文件中所采用的文字版面有原样显示在浏览器中，在这个标记里，回车、空格都是有效的。9、属性的就近原则：当出现两个属性同时控制网页中相同的组件时，组件里哪个越近，就由哪个标记的属性来控制。10、特殊字符的应用：“”（大于号）、“&” （“&”符号）、“ ”(空格) 、“”（问号）。11、上、下标标记的使用： 上标标记； 下标标记。二、 如何处理网页中的文字处理网页中文字的标签是： 其中有设置字体、字体
16、大小、字体颜色等属性。请看下例：我开始制作网页了！实例讲解：（1）上例中是在网页中显示“我可以制作网页了！” 几个汉字，其中 size=5 属性是设置字体为 5 号字，其数值可随意更改，数值越大字体就越大；（2）color=“red” 标签是设置字体的颜色为红色，其颜色包括下列预定义色彩：Black（黑色），Olive （橄榄绿）， Teal(水蓝色)，Red(红色)，Blue(蓝色)，Maroon(栗色)，Navy(海军蓝)，Gray(灰色)，Lime(酸橙色)，Fuchsia(紫红色)，White(白色) ，Green( 绿色)，Purple(紫色)， Silver(银色)，Yellow() 黄色， Aqua(浅绿色)，该值也可以使用 16 进制数码比如白色可表示为 size=“#FFFFFF”、黑色可表示为 size=“#000000
