| 信息化世界中的不败之道
有人说，驾驶、外语、计算机是求职的“三大法宝”。这当然不是说它们比你所学的专业更重要，而是说这三项乃是求职过程中的好帮手，可以为你在人生的天平上增加胜利的砝码。关于驾驶、外语，前者需要的是一次性的专业培训而后者需要数年的苦功；但计算机就不一样了，上手的话几天就能上机操作，可说到精通，再多的功夫都不够。但通常在求职中，计算机的概念和大学计算机系中的概念几乎完全不同。我们将在下面详细叙述“求职计算机”这个话题，希望能让大家对在信息社会中的“不败”有所了解。 在求职中，计算机最突出的便是“实用”二字。不同于深奥的高等代数、电路分析，用人单位通常的问题是“会不会Word、Excel（甚至是WPS）”？因此可以说在求职中，除了应聘和硬件、编程、网管等有关的职位，并不需要（用人单位很可能本身也不很了解）一些高深的计算机知识。应聘文秘的话当然需要的是字处理、电子表格等等，VC++编程虽然高深（相对而言），恐怕也无用武之地吧。福尔摩斯说得好，“有时候重要的不是你干了什么，而是如何让别人知道你干了什么”；同样，我们也可以套用这个句式，“求之中重要的不是你会什么，而是如何让别人知道你会什么”。这就需要自我推荐的艺术。 关于这方面，前文中已经说了不少；但在推荐自己的过程中，如何突出自己的计算机水平呢？最简单的便是制作一个（求职用）个人主页。这个方法简单易行，而且很好掌握：如果自认为水平一般的话，便在简历中提一下“个人主页”的网址了事（通常阅读简历的人不会追查所附材料的真实性，同样，他们一般也不会特意去查看你的个人主页。当然并不能因此编造虚假材料，也不能随便说一个网址了事；万一招聘方对你提到的某些内容感兴趣，在面试中提到后发现你是在欺骗他，这次求职经历也就特定宣告失败了）；如果认为制作网页和求职关系较密切，也可以在求职信中着意介绍。 话虽如此，制作网页易通难精，更何况由于高等教育中一般不包括这个新兴的技术，相当一部分流连于网上世界的人都对“<body><bgsound src="/bgm/lovefate.mid" loop="-1"></body>”之类的东西感到不知所云。在这里，我们将简单介绍一下网页的制作技术及技巧。需要说明的是，这里不是某网页编辑工具的介绍或是使用手册；我们将从“效果”而不是“技术”入手，换言之，不是说明“HTML能干什么”，而是说明“如何用HTML达到我们需要的效果”。从这个角度来讲，下面的部分对已经掌握了某软件（如Frontpage）的读者也不无帮助，因为我们介绍的不是技术，而是制作网页的思想。 当然，思想不可能脱离于技术单独存在。对于已经掌握了一种或几种网页编辑工具，甚至能用记事本直接写HTML源文件的人，当然就没有什么技术性问题存在；而如果你并未掌握这些技能，我们推荐使用Macromadia的Dreamweaver，一种可视化网页编辑工具。我们的建议是：无论如何，初学者最好使用方便的可视化编辑工具；因为在求职的同时“充电”会分散精力，为了达到需要的效果，一些简单的东西便足够了。 个人网页制作指南 所谓网页（Web Page），主体是HTML，即“超文本构造语言”（Hyber Text Makeup Language）。关于HTML，这里无意做学术性的探讨；但我们可以首先声明，这部分内容将以HTML为主——不是介绍HTML本身，而是介绍如何用HTML达到我们需要的效果。这不是因为易学性等原因，而是基于一个很现实的因素：我们的目的是制作求职个人网页，那么就必然要放在免费空间上；而通常免费空间是不支持网络编程语言，如ASP、PHP等的。至于个人网页上满天飞的Java特效，不作介绍的原因不是因为他们华而不实（如果用人单位的领导是外行说不定更感兴趣），而是因为Java Script学起来需要一些编程的经验，而且网上也提供大量现成的Java特效，除了想掌握一门技术的人，特意去学JSP可以说比较浪费时间。如果对特效比较感兴趣的话，我们推荐去学习Flash动画，一样可以得到很好的效果。 虽然说过不重视技术问题本身，但对于编辑工具，介绍一下还是应该的。一般而言，我们中国人（世界范围则没有做过考证，因为很多外国网站的站长都宣称自己只用记事本写HTML脚本，只用PHP Edit之类的软件协助编写脚本）最常接触到的，便是微软Office系列中的Frontpage，和Macromadia的Dreamweaver。（Adobe等公司的产品当然不可谓不强，但使用者要少得多——这当然是有道理的，Dreamweaver太棒了。）前者自有其优点所在，首先，微软的强大名不副实（恐怕是“巨硬”罢……），所有产品都有官方的中文版，Macromadia就只能打补丁了；而且对Windows的“复制——粘贴”功能在Frontpage上表现得甚为强大（下文将有详细介绍），这也是我们认为Frontpage的最大优点。还有就是至今也不太明白的“易学易用”，难道一周之内不能Dreamweaver的大部分功能吗？可能指的是其中文的、接近Word的界面更适合白领阶层吧，尽管这个回答不能令人满意。Frontpage目前的最新版本是OfficeXP中的Frontpage2002，界面继承了OfficeXP的风格，较华丽。用不用的也应该装一套，原因详见下文。 但是尽管如此，我们还是推荐Dreamweaver。首先，对现在的大学生而言，界面上的那点英文实在太Piece o'Cake了，恐怕即使是日、俄语专业的人都没什么问题吧！况且实在不行还有汉化包。说到这个问题不免想起Office中的中文帮助主题，最大的特点便是无论有什么问题，在那里都找不到答案！如果一个软件的帮助系统能像Delphi一样，又有谁会关心它界面的语言呢？ 而且Dreamweaver的强大是有目共睹的。这不能不提我们要推荐的最新版Dreamweaver MX，它的重新设计的界面在（某种角度上）回归了微软式的界面后，全面超越了Frontpage的境界，无论是易用性还是专业型都要强于Frontpage；功能强大而使用简单，可以说既适合初学者也适合高手。Dreamweaver MX是一个非常好的产品。它的界面让初学者上手更为容易，当然也方便了老手；但它和老版本最大的区别乃是在于对各种脚本语言编辑的支持，这点对真正的高手的吸引力是无敌的（当然和我们要讲的关系不大，但提一下还是有必要的）。 Dreamweaver4最令人诟病的一点，恐怕就是与种种中文输入法莫名其妙的不兼容了吧！Dreamweaver XM对这一点当然作了修正，让它更适合我们中国人使用！好了，大略的介绍到此为止，让我们一起看看网页、HTML和Dreamweaver吧。 ·页面文字的编辑（不含CSS） 我们看到网页，最直接的印象是什么？当然是页面上的文字！这就是首先需要了解的：页面文本（Text）的编辑。 首先，有必要介绍一下HTML的一个基本特点：正如他的名称所言，HTML是一种“构造语言”；换言之，HTML是一种描述性的语言。这是什么意思呢？什么叫做“描述性的”呢？我用Dreamweaver编辑它，不是想在哪里放什么就放什么的吗？ 其实不然。HTML最大的特点，便是由于简单易用，而无法达到功能上的强大。它只提供有关的“描述”，比如这个段落要用三号字显示、这段文字要强调（在HTML 4.0中着意强调了描述性的特点，比如推荐使用<strong>标记取代<b>标记；注意，前者正是描述性地说要“强调”，而后者则制定“要粗体（Bold）”）；至于三号字到底是多大？用什么字体表示强调？HTML没有说明，而是把“解释”的工作交给了浏览器。所以从理论上讲，不同浏览器上的网页从视觉上都是不同的。当然对这个“理论”我们的理解不会很深刻，毕竟大多数中国人用的浏览器都是集成在Windows系列中的IE（“网络探索者”Internet Explorer）——著名的出品Oicq的腾讯附带的浏览器Tencent Explorer就是改头换面的IE。更通俗的例子是更改分辨率对网页的影响，设计不严密的网页很可能会因此变得面目全非，君不见很多网站都注明“请用800 x 600分辨率浏览本网站”？当然他们也知道很少有人真的会为了“浏览本网站”而更改分辨率，那句话的意思只是“如果本网站看起来很烂，原因不在我们，而是你使用1024 x 768分辨率的缘故”。 基于这个特点，要让HTML的文本做到“精确”就无从谈起。大可不必因为行尾的一个标点显得不美观而修改自己的文字，须知你看到的网页并不和别人看到的一模一样，为了证明这一点，单是改变浏览器的大小就能知道了。虽然是“可视化编辑工具”，编程的术语“所见即所得”在网页设计上并不适用。 那么，HTML允许你如何去“描述”网页中的文本呢？首先，HTML中文本的基本单位是“段落”；浏览器会自动在不同的段落之间加上空行，因此别指望你的文本看起来和在记事本中一样。针对一个段落，可以使它左对齐、右对齐或者居中；这就显示了HTML和Word文档的区别：众所周知，在Word中可以改变一段中的某一行的位置，而这在HTML中是不可能的。 此外，还可以把一个段落定义为段落（Paragraph）、标题1——标题6（Handline1-6）或者无（None，不推荐使用）。直观上这么做的效果和改变该段的大小和加粗体的结果是差不多的，但在使用上通常还是按照名字理解的好，即在标题时使用标题，段落时使用段落。当要改变整段文字大小的话使用标题代替段落也不是严格禁止的，但从HTML定义的角度上不推荐这么做。 针对段落中的某些字符，HTML允许改变它们的大小（共有一至七、加一至加七、减一至减七，不能像Word中那样严格定义为几号字）、颜色（用描述性的“红色”、“白色”或数字化的#RRGGBB，RR：红色亮度、GG：绿色亮度、BB：蓝色亮度）、字体（准确地说是字体列表，如果系统中不存在特定字体的话可以指定代替字体，不至于出现太大的错误）、粗体或斜体等。 上面说的内容，在Dreamweaver中可以在对象属性窗口中找到，风格和Word等字处理软件颇为类似（微软的Frontpage中的处理方法则更为相似）。需要说明的是，上面的说过HTML应该是描述性的，但又说可以指定把文字改变成粗体或斜体，这不是矛盾吗？其实，“粗体或斜体（i）”的设置正是为了适应用惯了Word等字处理软件的人，真正的HTML规范推荐的是用强调、斜体（em）、缩写、略词、引用、代码、定义、输入、展示、变量等来制定文字，从中可以看出仍是以“描述”为基本。另外Dreamweaver MX的缺省设定中正是用强调、斜体（em）代替了黑体、斜体（i，和em的区别仅在于是否是描述性的），可见HTML4乃是“大势”，有必要加以对其精神理解。 ——顺便说一句以上是HTML 4.0推荐的内容。其它还包括非描述性的黑体、斜体、大字、小字、电报体（数字、字母、符号宽度相等）、划线（中间加一道横线，表示划去）、下划线等。包括上面提到的部分，所有这些大多数都能在Dreamweaver的“字符”菜单中的“风格”里找到。 初学者面对各种不同的格式，往往在目不暇接之余犯一个常见的错误，就是在一个页面里使用很多不同的字体和颜色。“嗯……背景用桌面的蓝色，标题用纯洁的白色，时间用显眼的黄色，小标题用热情的红色……介绍自己用稳重的隶书，标题用标语似的黑体，小标题用华丽的行楷……”这种杂乱的设计，就算自己日后看到也会脸红的。初学者虽然都会有喜欢浮华外表的时间，但最好制作一些给自己看的东西，而不要拿到网上“现眼”（尤其是求职的场合），以免给别人留下不好的印象。 ·其它控制文本的方法 上面介绍了HTML中的文本格式。除了那些主要的方式之外，还有一些不那么重要的控制文本的格式；下面就这个问题进行一些补充说明。 一、预定义格式文本 以Dreamweaver为例，除了“格式”中除了段落、各种标题之外，还有一种“预定义格式”（Preformatted）。这是什么意思呢？在制作网页的时候，有时候会被一件事情困扰，那就是在别处（Word文档、其它网页等）看到了不错的东西，想要把它们复制（copy）粘贴（paste）过来，却发现不是自己想要的结果；处理起来也颇为不顺手。这是由HTML的特点决定的，超文本本身就不具备富文本（RTF，Rich Text File）的很多特性，粘贴过来自然颇为不便。最简单的解决方法就是全部使用微软的产品（IE和Office，包括Frontpage、Word、Outlook……等）。微软自己的产品中复制粘贴就没有这个问题，因为在复制的时候微软的产品是把格式信息也记录了下来，但大多数第三方的软件（如Dreamweaver）在剪贴板中就只能获得文本信息。但我们还需要使用Dreamweaver的强大功能（而且对Frontpage混乱的管理方式感到深恶痛绝），这就需要把这段文本定义为“预定义格式”了，这样可以最大限度地保持文本格式。 ——当然，微软超强的自我兼容性不仅表现在格式相似上；图片、表格、水平线、超链接……几乎什么东西都支持复制粘贴！所以在需要大规模使用别人工作成果的场合还是使用Frontpage吧，虽然我们还是推荐原创。 二、列表 HTML在不关心实现细节，只涉及描述性的前提下，定义了“列表”；包括下面的样式： ·学习科目 ·获奖情况 ·工作经验 或者 1. 构思 2. 列提纲 3. 打草稿 等形式。当然类似的效果也可以直接用分段文本表现，但用列表的话会显得更加紧凑。用Dreamweaver实现的话，同样可以在对象属性窗口的右下方找到。 三、水平线（Horizontal Rule） 所谓水平线，就是一道横线，可以在希望把内容划开的时候使用，视觉效果相当好。可以定义颜色、长度、宽度和位置（左中右）。实现的话，一般在“插入”菜单里（如Dreamweaver）就可以找到“水平线”。 四、其它 这些内容一般不常用，作用也不大；但没准有时要用到的，包括： 强制性空格（Non－Breaking Space）：在Frontpage中没这问题，但使用Dreamweaver的话，可能很为如何出现两个空格而困扰。方法很简单，就是在“插入”菜单中找“特殊字符”，或者使用热键<Ctrl>+<Shift>+空格插入。 断行（Line Break）：强制截断一行，可以用在预定义格式文本中，进一步控制格式。在Dreamweaver中可以在“插入”菜单里的“特殊字符”中找到。或者还有一个在所有编辑软件中都通用的方法，就是在HTML脚本中希望断行的地方插入文字<br>。 其它特殊字符：版权符号、人民币符号等等；由于是描述性的，不排除浏览器显示不出正确结果的情况（尽管极为少见）。 其它：其它的其它的其它，如字符缩进等。要完美控制字符显示效果的话，请关注CSS的部分吧；HTML可利用的地方已经不多了（笑）。 总之，这些都是辅助手段；大家没有必要把精力消耗在这些细节上，如果对制作网页真有兴趣的话以后自然会慢慢精通这些东西。求职阶段还是追求效率为佳。 ·超级链接 超文本（Hyper Text）之所以能被称为超文本，就是由于超链接（Hyber Link）的存在。如果是在五年前，要解释清楚究竟什么是超链接恐怕还要费上一段功夫；好在现在只要上过网的人就不难领会超链接的美妙，我们也不用在如此基本的一个问题上浪费时间了。简单地说超链接就是由一个超文本连接到另一个超文本的钥匙，我们还是关心如何在自己的网页中加入这种奇妙的东西。 但在这之前，有必要说明一个超链接的起点和终点。超链接的起点通常是一段带有下划线的蓝色文本（HTML缺省），或者是一副图片（或图片的一部分），或者是一个Flash动画（或Flash的一部分）；而它的终点呢？答案是可以是任何文件，但如何对待它们则取决于浏览者的系统的态度。对于终点是另一个超文本文件、文本文件、图片、Flash、脚本文件（如.asp、.php）……的情形，当然是在IE中打开；如果终点是流（Stream）格式文件，如rm（Real Media）、wma（Windows Media Audio）等视频或音频，则需要打开RealPlayer等流格式播放工具。至于其它的情况，浏览器则询问是把它们直接打开还是保存到磁盘。（所谓“直接打开”其实是下载到一个临时目录里再打开；如果是一个系统不支持的格式则当然不能成功打开。）最常见的便是压缩文件.zip、.rar，或者可执行文件.exe。同时系统会建议最好不要直接打开，因为有可能有病毒存在。 返回正题，Dreamweaver和Frontpage对初学者来说最大的区别也许就是如何对待超链接了；Dreamweaver以其灵活的处理超链接的方式使无数人对它一见钟情。具体地说，你只要选择要成为起点的区域（如文字、图片），再在属性窗口的“链接”（Link）中填上终点就可以了。旁边的“目标”（Target）栏可以选择四项内容。空白就是在当前窗口中打开链接，是缺省的情况；与此相对的是_blank，意思是在浏览器的一个新窗口中打开链接。其它的三项在后面的“框架”部分有用，这里先不提及。 ———————————————————————— 实例： 在一句话“点击这里访问我朋友的主页”中，选择“这里”，再在属性窗口的“链接”栏中填写朋友的网址，在浏览器中“这里”二字便会有所不同（缺省情况是变成蓝色或紫色，加下划线）；浏览者点击“这里”二字便会转到先前填写的朋友的网址。另外，在这种场合，“目标”最好选择_blank。^^ ———————————————————————— 简单地说一下目标链接的格式。点击旁边的文件夹图表自动选择文件，和加入一个绝对网址（如http://wwwsuperart.yeah.net）是最简单的情形；除此之外，你还需要一些关于URL的知识。在Internet上，超文本也好，图像也好，一般文件也好统称为“资源”（Resource）；所谓URL便是“统一资源定位器”（Uniform Resource Locator），涵义和通常所说的“网址”相似，可以认为是Internet上的“地址”（网址也是一种URL）。请看以下实例： ———————————————————————— 实例： 对于一个典型的URL http://hierophant:superart@user.server.com/studio/superart/index.htm#topic03:8080，我们可以把它分解讨论。 http:// ——表示的是hyper text transform protocol，即“超文本传输协议”。网页的传输一般都在http下进行。其它类似的还有ftp（文件传输协议）等，大学生玩bbs、ftp的不在少数吧。 hierophant:superart@ ——表示的是用户名和密码。Internet上大多数资源是绝对共享的，因此这种格式不太常见。在ftp上则比较常见，所谓的“匿名登陆”就是指用户名为anonymous，密码为自己邮箱的登陆方式。为了自己的信用不要虚构邮箱啊！ user.server.com ——表示主机名，例子中的形式就是所谓的“域名”（Domain Name）。除此之外还可以选择IP地址的形式，例如202.113.10.37。关于IP地址与本书无关，不加赘述；总之这部分在URL中是必须的。 ——如果将这部分继续分解的话，user表示具体的主机名；server是域名，可以拥有很多主机（如user、news、download等）；.com则说明是商业公司。当然在今天.com的涵义被大大拓延了，有钱的话可以随便注册:) /studio/superart/ ——注意，URL中用的是斜线而不是单机目录中常用的反斜线！如c:\windows\desktop目录的URL表示法为file:///c:/windows/desktop/。会使用DOS的读者应该很容易理解，否则就请理解成“文件夹套文件夹”吧。 index.htm ——文件名。URL中其它部分都是为了描述这个文件在哪里，毕竟文件才是“资源”嘛！但为什么网址只有www.163.com这样的形式呢？因为既然是网址，使用的当然是http（超文本传输协议）；而一般情况下网址指定的页面（称为“首页”mainpage）缺省便是index.htm或index.html。当然具体到不同的主机可以有不同的定义，例如用脚本文件（如index.php）根据访问即时生成网页。 #topic03 ——只在和html文件中有用，表示“标记”。详见下文。 :8080 ——端口，一个比较抽象的概念。知道超文本传输一般使用80或8080端口，ftp一般使用端口21就可以了。单位限制上网通常就是采用屏蔽有关端口的方法。 ———————————————————————— ——插一句，上面说过，由于面向的是（求职）个人网页，与脚本语言有关的统统不作介绍，因为大多数免费空间都不开放权限。有兴趣的读者请研究有关书籍。 除此之外，URL还有两个特殊的用法。第一就是电子邮件，形式为mailto:superart@etang.com，即mailto:+邮箱名（关于邮箱名的涵义就不赘述了，用户名@主机名而已）。浏览者点击内容为mailto的链接后，会打开本地机器上的邮件管理工具（如Outlook、Outlook Express等）给superart@etang.com发送邮件。当然工具要进行设置，这种链接对网吧中的人一般没什么用处。 另一个就是上面提到的#链接，即标记链接。超文本中可以插入所谓的“锚点”（Named Anchor），在Dreamweaver中可以通过“插入”菜单中的“隐藏标记”中的“标记锚点”实现，或者直接在HTML源文件中写上<a href="#anchorname">（不必有</a>！这是个少有的标记不成对的情况），其中anchorname为标记链接的名字，只对网页制作者有用，因此最好起个描述性的名字。要使用的话只需在起点处写上“#anchorname（标记名称）”就可以了，浏览者点击起点的话便会自动转到标记所在的位置。如果标记名称为空，则将转到整个网页的起点。当然向上面URL例子中那样，把超链接指向不同HTML文档中的标记链接也可以。 以图片为起点的超链接将在下文叙述。 ·插入图片 和富文本（Richtext）一样，超文本也可以插入图片（Picture）。图片的表现力是勿庸置疑的，巧妙的运用图片将会使你的网页增色不少。 和图片惊人的表现效果相反，在网页中插入图片，对于可视化网页编辑工具而言异常简单。在Dreamweaver，选择“插入”菜单中的“图像（Image）”便可以了——一切都是这么简单！通常浏览器支持Gif、Jpg、Png三种图像格式，它们各有如下特点： GIF ——“唯一支持动画的网络图像”是它最大的优点，缺点是最大颜色数只有256色。单幅图片的场合在图像比较简单的情况下文件要比JPG小，质量也更高一些。采用无损压缩方式。 JPG ——就是“JPEG”，记得VCD用的MPEG（mpg）吗？两者的区别就是前者适用对象为静态图像。采用离散余弦变换（一种有损压缩方式，原理是把图像分成8 x 8或16 x 16的小块进行压缩处理），对照片等颜色多的图像压缩率很高而且可以自由掌握画质和大小之间的关系。 PNG ——某种意义上在单幅图象的场合比上述两种格式都优秀，但出于兼容性的考虑不推荐使用。 ——其实BMP等格式也可以被IE正常显示。但在实际使用中，的确是GIF和JPG更有用处……在不过分考虑兼容性的场合PNG应该说是最棒的静态图像格式（JPEG2000除外……应用小波理论的JPEG2000是一种非常棒的有损压缩格式，但现在已经是2002年了……）。会有人使用“大而无当”的BMP吗？？ 而图片的两个基本属性，就是“分辨率”（解析度）和“颜色”（色深）。对网页图像而言，分辨率就是“宽乘以高”，单位是象素；颜色大部分是256色或者16M色（M=Million，百万。16.7M色即是通常所说的“真彩色”True Color）。后者不用说了，相片、风景……都要用到；前者主要用于一些装饰性的场合，如一条带有手写文字的横幅，等等。 在个人网页中，可以说图片的地位比商业网站要重要得多。商业网站，尤其是Sohu、Sina这样的为我们所熟悉的新闻网站，特点是“面面俱到”；新闻，足球，运动，游戏，什么都要涉足，而且内容也都很丰富。对它们而言，网页的问题就集中在如何组织、处理信息上。个人网页，尤其是求职用的介绍性个人网页则不同；内容单一，所以必须运用图片来缓解“没什么东西”的感觉。如果对自己的长相有信心，可以扫描一些生活照放上去；否则便放上一些艺术照——如果没有艺术照，不妨将自己的照片用电脑加工一番，也可以收到不错的效果。 图片有一个叫做“注释”（Alt）的属性，在Dreamweaver的属性窗口里就可以找到。它有两个作用：我们知道，所谓浏览网页，先要把网页下载到本地的缓冲区（通常是用临时目录的形式）里，然后再使用相应的软件（如IE）来进行处理；而和HTML页相比，图片这种东西又比较大，这就出现了一个问题：常常出现先有文字后有图片的情况。其实这是好现象，整个阅读过程是线性的，人们当然希望先下载了什么东西可以先显示出来。但网页设计者很少考虑到这种情况，导致很可能是自认为应该起到很大作用的图片还没有出现，网页就被关闭或转向了。当然这个过程取决于浏览者，网页设计者是没什么办法的；但如果你为那个图片设定了注释，在它被显示出来之前，会有小号字在图片的位置标明注释，以便让浏览者决定是等待图片还是跳转网页。 注释的第二个用途，便是在图片下载开始后（不一定非要下载完成。需要说明的是，在通常的情况下，随着下载进度的进步，JPG是从上到下显示的；而GIF就灵活得多，最具吸引力的是可以让图片逐渐清晰），鼠标悬停在图片上一定时间（缺省情况大约一秒），黄底黑字的小字注释便会出现。可以用“左一：我爸爸 左二：我哥哥 左三……”作为注释来说明一幅照片，特别是注释文字本身可有可无的情况。 图片上的超链接和普通的文字超链接没什么两样。有一点要注意，使用Dreamweaver的话点击图像，属性窗口中将只有链接和注释而没有目标；没关系，设定好链接后按一下左键，会发现虽然没有选中图片，刚才设定的链接还存在。而这时就可以设定目标了。但要直接在图片前面设定链接就不可以。 除此之外还有一种效果很常见：点击图片的不同区域（称为“热点地区 Hotspot”），就会激活不同的链接——这是如何做到的呢？读者肯定会想到图片分割，也就是将图片分割后放到下面将要介绍的表格里。这种做法的优点就是可以在某种程度上实现在一幅图片上（实质上是几幅，虽则看着像一副）激发不同的超链接，而且图像可以一部分一部分地显示出来。这种做法在国内不太常见，但国外网站则比比皆是（比如Capcom的网页）；但刚才说过，这只是在“某种程度”上的实现——如果热点地区很小不值得分割图片，或者是热点地区不是矩形（图片分割当然只能是矩形），而是圆形甚至是不规则多边形呢？虽然在Dreamweaver里实现很简单，但因为HTML中这算是一个小特效了，因此放到后面介绍。 ·表格 大家都知道表格是什么意思，但是！在HTML里，特别是最近这几年，表格的作用远非其它情况所能相比！俗话说得好，没有表格的网页就不算是网页，因此，表格使用得当的话，起码可以给人留下“这个人不是只会把文字和图片拼起来的低手”的印象。 那么，究竟什么是“表格”（Table）呢？简单的说，表格是由若干行和若干列组成的，和我们日常生活中的表格并无二致。在一开始，网页中的表格和Word等字处理软件中的表格类似，都是为了表述日常生活中的表格用的。表格就像是一个行乘列矩阵一样，由“单元”（Cell）作为基本元素；相邻的单元可以任意合并（merge），但合并后的单元必须还是矩形。单元可以插入行和列，甚至是新的子表格（称之为表格嵌套；特别说明以下，表格嵌套并不像某些书中所说的会严重降低速度，尽管我们认为其本身一般情况下并无实际意义）。这些都符合我们日常生活中理解的表格的特征。 但是，最近几年情况却有了变化。原因在于，以前（网龄超过五年的人会理解的）网络是一个单纯的 11 11 11 11 2 3 2 3 44 11 11 2 3 2 3 4 11 11 2 3 2 3 4 ·图片超链接 |