教学材料计算机 概述-第9章

9.1信息概述9.1.1信息的定义和主要特征1.信息的定义信息是客观事物状态和运动特征的一种普遍形式，是客观存在的一切事物通过物质载体所发出的消息、情报、指令、数据和信号中所包含的一切可传递和交换的内容。2.信息的主要特征信息作为人类社会科学劳动创造出来的知识资源，是人们认识世界、改造世界取之不尽、用之不竭的宝贵资源。它具有区别于其他事物本质属性的特征。1)客观性2)普遍性3)时效性4)依附性5)共享性6)加工传递性7)增值性下一页返回9.1信息概述9.1.2信息素养1.信息素养的定义信息素养(InformationLiteracy)是指一个人在获取信息、处理和发布信息、使用信息方面的知识、能力和品格它是信息时代到来之后对传统“文化素养”的延续和拓展，其本质是全球信息化需要人们具备的一种基本能力，它包括:能够判断什么时候需要信息，并且懂得如何去获取信息，如何去评价和有效利用所需的信息。它包含了技术和人文两个层面的意义:在技术层面上，信息素养反映的是人们利用信息的意识和能力;在人文层面上，信息素养反映了人们利用信息时表现出来的品格和修养。社会信息化是当前社会发展的重要趋势。培养大批具有良好信息素养的人才不但是教育的需要，也是个人发展的需要。上一页下一页返回9.1信息概述在校的大学生想要在当今信息社会中生存和发展，就必须具备良好的信息素养。充分获取、利用信息资源提高个人的综合能力已经成为个人学习和工作必不可少的条件。2.信息素养的特征1)信息素养是一种基本能力2)信息素养是一种综合能力9.1.3信息获取与发布信息社会的一个重要特点就是数字化和网络化。互联网使得信息的获取与发布更方便、高效，已经成为获取信息和发布信息的重要途径。上一页下一页返回9.1信息概述1.信息的获取现代社会是信息化时代，人类获取信息的途径一也比较多。总体说来，获取信息的途径主要有两类:一是自身直接获得，即通过人的眼、耳、鼻、舌、身等感官获得，由于自身存在环境的制约，获取信息的量比较少;二是间接获得，即通过他人、书本、大众传媒等获得，通过媒介获取信息的途径较广，且量多，是当代人们主要获取信息的来源。前者称为直接经验，后者称为间接经验获取的信息由于各方面的原因，如信息环境，用户观察角度、时间等，其客观性是相对的，同时有些信息在存储加工传递过程中，也会出现丢失、歪曲和误传的可能，所以用户要对获取的信息加以鉴别和核实。上一页下一页返回9.1信息概述基于互联网搜索获取信息的主要途径如下。1)使用WWW浏览器2)使用网络搜索引擎3)使用网络信息数据库4)使用虚拟图书馆(VirtualLibrary)2.信息的发布用户将信息发布到Internet上的目的是想让更多的用户了解和使用自己的资源。基于互联网发布信息的主要途径有以下几种。1)使用网页2)BBS3)博客4)电子邮件5)新闻组6)即时通信上一页返回9.2网络信息资源检索9.2.1网络信息资源的特点网络信息资源是一种新型数字化资源，它与传统文献信息资源相比有较大的区别，从信息资源检索的角度来讲，网络信息资源具有以下特点。1.数量巨大、信息源复杂2.信息质量良荞不齐3.类型多、范围广4.动态性高5.分布式、非线性6.共享程度高下一页返回9.2网络信息资源检索9.2.2网络信息资源的获取途径和方式面对浩瀚的网络信息资源，虽然网络信息资源丰富，但我们要检索信息却变得越来越困难。那么如何才能在最短的时间里找到最符合要求的信息呢?以下是我们获取网络信息资源的有效途径。1.中文综合型搜索引擎针对汉语的特点，搜索引擎技术中本身存在着分词和切词的难题，在这里列举比较典型的中文搜索引擎，充分利用各种搜索引擎可提高检索中文信息的效率。(1)百度。(2)搜狐(3)新浪上一页下一页返回9.2网络信息资源检索2.英文综合型搜索引擎比较常用的英文搜索引擎有:(1)美国的Excite，网址为:http;//www.excite.corn,概念检索是Excite的核心检索技术。(2)世界上最大的综合型搜索引擎(}oogle，其主页界面简洁，具有非常强大的信息查询能力，网址为:http;//www.google.corn(3)第一个研究型搜索引擎NorthernLight，在搜索引擎领域获得了许多奖项，网址为:http;//www.northernlight.com(4)目录浏览型搜索引擎的首创者—Yahoo,Yahoo是由华裔明星杨致远创建的，网址为:http;//www.yahoo.com。上一页下一页返回9.2网络信息资源检索9.2.3搜索引擎的分类与工作原理随着互联网日益普及和相关技术的迅猛发展，网络信息资源大量增加，用户要在浩瀚的网络信息资源海洋里寻找自己需要的信息，就像大海捞针般困难重重为满足广大用户的信息检索需求的专业搜索网站—搜索引擎便应运而生了。它是以一定的策略在互联网中搜集信息，对信息进行梳理、提取、组织和处理，并为用户提供检索的一种服务，搜索引擎已成为未知状态下发现有效信息的最有效方式。1.搜索引擎的分类目前，Internet上已有成千上万个能提供检索服务的站点，这些站点的搜索引擎在收录的范围、内容、检索方法上都各有千秋，采用的技术一也各具特色但总的来看。上一页下一页返回9.2网络信息资源检索根据它们所基于的搜索技术原理不同，一般可把它们分成三大类:机器人(Robot)搜索引擎、分类目录式(DirectorySearchEngine)搜索引擎和元搜索引擎(Meta一searchEngine)。2.搜索引擎的工作原理搜索引擎，通常指的是收集了互联网众多相关网页并对网页中的关键词进行索引，建立索引数据库的全文搜索引擎。当用户查找某信息时在网站提供的搜索引擎中输入相关关键词后进行搜索，包含了该关键词的相关网页都将搜索出来。这些结果将按照与搜索关键词的相关度高低等一系列复杂的算法进行排序。搜索引擎的原理，总体可概括为:从互联网上抓取网页一建立索引数据库一在索引数据库中搜索排序，其原理图如图9.2、图9.3所示。上一页下一页返回9.2网络信息资源检索9.2.4关键字全文搜索引擎的使用全文搜索引擎一般都有一种叫“网络机器人”或“网络蜘蛛”的软件，这些软件能遍历WPh空间，扫描一定IP范围内的网站，并沿着网络上的链接从一个网页到另一个网页，从一个网站到另一个网站采集网页资料。为了保持网页资料的最新，它还会回访已抓取的网页对已经抓取到的网页，搜索引擎还会用一定的程序进行分析，根据一定的相关度算法建立网页索引，添加到索引数据库中。全文搜索引擎因为依靠软件进行采集网页，所以数据库的容量非常庞大，但是，它的查询结果往往不够准确。我们平时看到的全文搜索引擎，实际上只是一个搜索引擎的搜索界面。当我们输入关键字进行查询时，搜索引擎便会从庞大的索引数据库中找到包含该关键字的所有相关网页的索引，并按一定的排名规则呈现给我们。上一页下一页返回9.2网络信息资源检索不同的搜索引擎，网页索引数据库一也不同，排名规则一也不尽相同，所以当我们以同一关键字在不同的搜索引擎上进行查询时，搜索的结果和排列顺序通常一也不相同。典型的全文搜索引擎有百度、谷歌等。9.2.5关键字分类目录搜索引擎的使用与全文搜索引擎一样，分类目录搜索引擎的整个工作过程同样也经过收集信息、分析信息和查询信息三部分，只不过分类目录搜索引擎的前两部分，收集信息和分析信息全部由人工来完成。分类目录一般都有专门的编辑人员，负责收集网站的信息。分类目录依靠人工收集和整理网站，能够提供更为准确的查询结果，但收集的内容却非常有限目前如雅虎、新浪等大型网站，均有自己的分类目录搜索引擎。上一页下一页返回9.2网络信息资源检索9.2.6常用搜索引擎的使用各种搜索引擎一般在查询算法上各不相同，但使用时都比较简单，往往只需要输入关键词即可。下面简单介绍常用的搜索引擎，并以百度为例介绍其详细的使用方法。1·百度搜索引擎(www.baidu.com)“众里寻他千百度”，“百度”二字源自辛弃疾的《青玉案》，象征百度对中文信息检索技术执着的追求百度搜索引擎主要由四部分组成:蜘蛛程序、监控程序、索引数据库、检索程序。百度搜索引擎功能完备，搜索精度高，是目前国内技术水平最高的搜索引擎百度搜索引擎的创建者为资深信息检索技术专家、超链接分析专利的唯一持有人—百度总裁李彦宏，及其好友—在硅谷有多年商界成功经验的百度执行副总裁徐勇博士。上一页下一页返回9.2网络信息资源检索百度搜索引擎使用方法非常简单，只要输入关键词，然后单击“百度搜索”按钮，或直接按回车键即可获得相关搜索结果。2.Google搜索引擎(www.google.com)Google搜索引擎是由两位斯坦福大学的博士LarryPage和SergeyBrin在1998年创立的，Google允许以多种语言进行搜索，在操作界面中提供多达30余种语言选择，它是目前世界范围内最受欢迎的基于全文检索的搜索引擎Google一词是由英文单词“googol”变化而来，"googol”这个词是由美国数学家EdwardKasne:的侄子MiltonSirotta创造的，表示1后面带有100个零的数字，Google用这个词作为搜索引擎的名称，代表它想搜索完网上海量信息资料的雄心。上一页下一页返回9.2网络信息资源检索3·新浪搜索引擎(www.sina.com.cn)新浪网搜索引擎是面向全球华人的网上资源查询系统新浪搜索为用户提供最准确、全面、翔实、快捷的优质服务，以网络用户的需求为本，使用户获得最满意的服务是新浪永恒的追求近来，新浪网推出新一代综合搜索引擎，最大限度地满足用户的检索需要，使用户得到最全面的信息，这项服务在国内尚属唯一，这是中国第一家可对多个数据库查询的综合搜索引擎4·搜狐搜索引擎(www.sohu.com)搜狐网搜索引擎是面向全球华人的网上资源查询系统，提供网站、网页、新闻、软件、游戏等查询服务。网站收录资源丰富，分类目录规范细致，遵循中文用户习惯目前搜狐搜索引擎共有16大类目录。上一页下一页返回9.2网络信息资源检索5·网易搜索引擎(www.163.com)网易旗下搜索引擎，主要提供网页、图片、热闻、视频、音乐、博客等传统搜索服务，同时推出海量词典、阅读、购物搜索等创新型产品。6·雅虎搜索引擎(www.yahoo.com)Yahoo是由美国斯坦福大学电机工程系博士生杨致远和大卫·费罗创建。它是全球第一个一也是目前WWW环境下最著名的分类主题索引。Yahoo属于目录索引类搜索引擎，可以通过两种方式在上面查找信息，一是通常的关键词搜索，一是按分类目录逐层查找。以关键词搜索时，网站排列基于分类目录及网站信息与关键字串的相关程度。包含关键词的目录及该目录下的匹配网站排在最前面。以目录检索时，网站则按字母顺序排列。上一页下一页返回9.2网络信息资源检索9.2.7电子文献查询电子文献，又称为电子出版物我国新闻出版署在1996年颁发了《电子出版物管理暂行规定》，在规定中将电子文献定义为:电子出版物系指以数字代码方式将图、文、声、像等信息存储在磁光电介质上，通过计算机或具有类似功能的设备阅读使用，用以表达思想、普及知识和积累文化，并可复制发行的大众传播媒体。电子出版物的主要媒体形态有:软磁盘、只读光盘(CD一ROM)、交互式光盘(CD一I)、照片光盘(PHOT()一CD)、集成电路广(ICCARD)等电子文献由于具有全文数据库的结构和相应的检索软件，通过数据库、索引文件、超文本等技术，使得信息可以按自身逻辑关系组织成相互联系的网状结构。上一页下一页返回9.2网络信息资源检索读者利用某些软件，可以从“篇名”“作者”“机构”和“关键词”等检索字段人手，通过计算机自动检索出所需的内容，大大方便了用户检索，提高了检索效率1.中文数据库文献检索1)CNKI数据库2)万方数据库3)维普数据库4)读秀中文学术数据库2.西文数据库文献检索1)Springer2)EBSCO3.谷歌学术搜索Google学术搜索是一个可以免费搜索学术文章的Google网络应用，可以快速寻找学术资料，如专家评审文献、论文、书籍、预印本、摘要以及技术报告。上一页下一页返回9.2网络信息资源检索2004年11月，Google第一次发布了Google学术搜索的试用版，它过滤掉了普通搜索结果中大量的垃圾信息，排列出文章的不同版本以及被其他文章的引用次数.2006年1月11日，Googl。公司宣布将Google学术搜索(GoogleScholar)扩展至中文学术文献领域，在索引中涵盖了来自多方面的信息，信息来源包括万方数据资源系统、维普资讯、主要大学发表的学术期刊、公开的学术期刊、中国大学的论文以及网上可以搜索到的各类文章。该项索引包括了世界上绝大部分出版的学术期刊。Google学术搜索可帮助您在整个学术领域中确定相关性最强的研究。上一页下一页返回9.2网络信息资源检索Google学术搜索使用方法较为简单，首先进入Google学术搜索的主页(http;//scholar.google.corn.hk)，然后再输入关键词，如“虚拟学习社区”，单击“搜索”按钮，打开如图9.4所示的有关“虚拟学习社区”的学术搜索结果，结果中包括了有关关键词的结果以及搜索所用时间。当然，还可以通过学术高级搜索进一步设置搜索的有关选项，以提高搜索效率.上一页返回9.3网页与网站设计9.3.1网页和网站的概念网页是用HTML语言编写，通过WWW传播，并被Weh浏览器翻译为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件，是网站的基本单位，是WWW的基本文档。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。网站(WebSite)也称为站点，是指在互联网上根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。它是存放于特定计算机上的一系列网页文档的组合。网站中的文档通过超链接关联起来，实现从一个网页跳转到另一个网页。其中，在浏览器中输入一个网站的域名或IP地址后所访问的网页，称为主页(Homepage)。下一页返回9.3网页与网站设计9.3.2网页文件与网页设计语言HTML及网页设计工具HTML(HypertextMarkedLanguage,超文本标记语言)是一种用于制作超文本文档的标记语言。用HTML编写的超文本文档叫HTML文档，它能独立于各种操作系统平台(如UNIX,Windows等)。自1990年以来，HTML就一直被用作WorldWideWeb的信息表示语言，用于描述网页的格式设计以及网页之间的链接信息使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。HTML文档的扩展名通常是“.html”或“.httn"，可用记事本、FrontPage或Dream-Weaver等软件编辑网页，用浏览器进行浏览。上一页下一页返回9.3网页与网站设计随着技术的不断更新进步，在网页设计和网站开发中最常用的软件，主要有网页设计工具AdobeDreamWeaver、平面设计工具AdobePhotoshop、网页图设计和切图软件AdobeFll'eWOTICS及交互式矢量图和Web动画的设计工具AdobeFlash1.网页设计软件AdobeDreamweaverDreamWeaver(梦幻组合之意)最初是美国Macromedia公司开发的专业的网页可视化编辑器由于在2005年Macromedia公司被美国Adobe公司收购，因此，DreamWeave:一也改名为AdobeDreamWeaver该软件是集网页制作和网站管理于一身的所见即所得网页设计软件，是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的网页，它是网站开发者首选软件之一。上一页下一页返回9.3网页与网站设计网站管理是DreamWeave:的另一重要功能。在使用DreamWeave:开发网站的时候，可利用FTP,SFTP,Web-DAV及PADS等协议与Web服务器连接，从而把本地设计好的网页上传到远程服务器上，一也可从远程服务器上下载文件或直接在本机上编辑远程服务器上的文件。2·平面设计软件AdobePhotoshopPhotoshop是世界上久负盛名的图形图像多媒体公司Adobe公司推出的一款图像绘制处理软件。Photoshop以其简单的操作方法和强大的功能，赢得了全世界众多图像制作人员的青睐，并成为图形图像制作和设计领域事实上的标准软件。Photoshop软件中拥有众多的插件(滤镜)和工具，能够很容易地实现各种绚刚多彩的效果，很好地满足网页中各种各样复杂图像的设计要求，因此是网页设计中图像设计的首选软件。上一页下一页返回9.3网页与网站设计3.网页图片设计和切图软件AdobeFireworksFireworks是Adobe公司发布的一款专门进行网络图形设计的图形编辑软件。它大大简化了网络图形设计的工作，使用Fireworks不仅可以轻松地制作出动感十足的(GIF动画，还可以轻松地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks是非常有用的图像处理工具。4.动画设计软件AdobeFlashFlash是一种二维矢量动画软件，用于设计和编辑Flash文档，目前Flash动画是Web动画的标准。由Dreatnweaver,Fireworks,Flash三个软件组成一套强大的网页编辑工具，俗称为网页设计的“三剑客”，都是网页设计者首选的工具。上一页返回9.4用DreamweaverCS5工具制作网页9.4.1DreamweaverCS5的启动和工作界面1.启动DreamweaverCSS安装DreamweaverCSS后，单击桌面左下角的“开始”按钮，选择“所有程序”一"AdobeDreatnweaverCSS"，这时DreamweaverCSS的工作界面就展现在面前了DreamweaverCSS的工作界面主要包括标题栏、菜单栏、插入栏、文档工具栏、文档窗口、状态栏、属性面板、面板组和文件面板，如图9.5所示2.DreamweaverCSS工作界面1)应用程序栏应用程序栏位于工作区顶部，左侧显示菜单栏，右侧包含一个工作区切换器和程序窗口控制按钮。下一页返回9.4用DreamweaverCS5工具制作网页菜单栏几乎集中了DreamweaverCSS的全部操作命令，利用这些命令可以编辑网页、管理站点以及设置操作界面等。单击“工作区切换器”右侧的小三角按钮，可在其下拉菜单中选择不同的工作区模式，其中包括应用程序开发人员、经典、编码器、编码人员、设计器等。2)标题栏左边显示DreamWeave:软件的图标和名称，以及正在编辑的文档的标题和名称，右边为最小化按钮、最大化按钮和关闭按钮。3)菜单栏菜单栏包括了文件、编辑等10个菜单，如图9.6所示这些菜单的选项包含了DreamweaverCSS的大部分操作命令。上一页下一页返回9.4用DreamweaverCS5工具制作网页4)插入工具栏插入工具栏包含用于将各种类型的对象(如图像、表格和层)插入到文档中的按钮。5)文档工具栏文档工具栏位于文档标签下方，如图9.7所示，它包含按钮和弹出式菜单，提供代码视图、拆分视图和设计视图，还有验证标记、文件管理、在浏览器中预览/调试、刷新设计视图、视图选项和可视化助理等按钮，使用它可以切换网页视图、设置网页标题、检查浏览器支持、管理文件等。6)文档标签文档标签位于应用程序栏下方，如图9.8所示。上一页下一页返回9.4用DreamweaverCS5工具制作网页左侧显示当前打开的所有网页文档的名称及其关闭按钮;右侧显示当前文档在本地磁盘中的保存路径以及向下还原按钮;下方显示当前文档中的包含文档以及链接文档。7)状态栏状态栏位于文档窗口底部，如图9.9所示，它提供了与当前文档相关的一些信息，如显示了当前所编辑的文档的当前代码标签、页面大小和下载速度等信息。8)属性面板使用“属性检查器”可以检查和设置当前选定页面元素(如文本和插入对象)的最常用属性。“属性检查器”中的内容会根据选定元素的变化而变化。图9.10所示为选中图像时的属性检查器。上一页下一页返回9.4用DreamweaverCS5工具制作网页9)面板组面板组是分布在某个标题下面的相关面板的集合，如图9.11所示10)文件面板该面板是用来管理设计网站所需要的文件和文件夹，如图9.12所示。9.4.2管理器站点1.创建站点DreamweaverCSS软件可创建和管理站点，使用它不仅可以创建单独的网页文档，一也可以创建完整的WPh站点。对于网页制作者来说，本地站点就是在制作网站过程中存放网页文件、图像和数据的文件夹。建立本地站点的目的是为了在制作网站过程中，统一管理、即时更新站点文件夹中的所有文件内容。上一页下一页返回9.4用DreamweaverCS5工具制作网页本地站点的所有文件都分门别类地保存在各类文件夹中。创建本地站点的步骤如下。1}建立网站文件夹在本地硬盘上建立一个文件夹，用来存放站点的所有文件，本例建立在D;\web20131234文件夹。需要注意的是，最好使用英文作为文件或文件夹的名字，名字中一也可以使用中文，但不能包含空格等非法字符。由于某些服务器的操作系统的文件名是区分大小写的，因此建议在构建站点时，尽量使用小写的英文文件名称。2)命名站点单击菜单栏中的“站点”一“新建站点”命令，打开“未命名站点1的站点定义为”对话框，如图9.13所示。上一页下一页返回9.4用DreamweaverCS5工具制作网页3)设置本地站点信息选择“高级”选项，在“高级”选项广的“分类”列表中选择“本地信息”选项，然后设置本地信息的各项参数，如图9.14所示。4)完成站点的设置设置了站点基本信息后，单击“确定”按钮，即可完成本地站点的创建，然后单击菜单栏的“窗口”一“文件”命令，或按功能键【F8】键即可打开“文件”浮动面板，刚刚建立的站点及其文件夹就显示在本地视图中了，如图9.15所示2.编辑站点打开“站点”一“管理站点”，弹出如图9.16所示的对话框，选择要修改的站点的名称，选择“编辑”的按钮可对相应的站点重新进行编辑修改。上一页下一页返回9.4用DreamweaverCS5工具制作网页3.删除站点打开“站点”一“管理站点”，弹出如图9.16所示的对话框，选择要删除的站点的名称，单击“删除”按钮，出现一个对话框，要求确认删除单击“是”，从列表中删除站点，或单击“否”保留站点名称，最后单击“完成”，关闭“管理站点”对话框。9.4.3网页文档基本操作1.新建文档DreamweaverCSS中的文档一也就是网页，要新建网页文档，可选择“文件”一“新建”菜单，打开如图9.17所示的“新建文档”对话框，或者打开DreamweaverCS5，在出现的界面单击“新建HTML"，也可建立新的网页文档文件，如图9.18所示。上一页下一页返回9.4用DreamweaverCS5工具制作网页2.保存文档要保存网页文档，可选择“文件”一“保存”菜单，或按【Ctrl+【S】组合键，在弹出图9.19所示的“另存为”对话框中选择保存路径，输入网页文件名，新建的网页文档直接关闭或者对修改或编辑过文档进行关闭时，将会弹出如图9.20所示的对话框，要求对新建文档进行保存或对修改过的文档进行保存，此时单击“是”按钮即可保存文档。3.打开文档要打开文档，可选择“文件”一“打开”菜单(或按【Ctrl】+【0】组合键)，在弹出图9.21所示的“打开”对话框中选择要打开的文档，再单击“打开”按钮即可。上一页下一页返回9.4用DreamweaverCS5工具制作网页4.关闭文档关闭文档的操作相当简单，只需单击相应文档右上方的“关闭”按钮即可。如果文档未命名，系统会打开“另存为”对话框，提示用户对文档进行命名并确定是否需要保存5.预览文档如要预览已经建立好的网页文档，可在打开文档后单击“文档”工具栏中的“在浏览器中预览/调试”按钮，在弹出的菜单中选择“预览在IExplore”菜单项(或直接按【F12键)(见图9.22)，在浏览器中打开文档。上一页下一页返回9.4用DreamweaverCS5工具制作网页9.4.4设置网页属性和布局1.网页属性网页属性指网页元素所具备的一些基本性质，如背景图像、文本颜色和文本超链接的样式等。要设置网页的属性，单击菜单“修改”一“页面属性”命令，在“页面属性”对话框中的分类列表中选择不同的选项，可设置不同的网页属性，如图9.23所示。2.网页布局网页布局是指当网站栏目结构确定之后，为了满足栏目设置的要求需要进行的网页模板的规划。网页布局主要包括:网页结构定位方式、网站菜单和导航的设置、网页信息的排放位置等。上一页下一页返回9.4用DreamweaverCS5工具制作网页1)左右对称结构布局左右对称结构是网页布局中最为简单的一种。“左右对称”所指的只是在视觉上的相对对称，而非几何意义上的对称，这种结构将网页分割为左右两部分一般使用这种结构的网站均把导航区设置在左半部，而右半部用作主体内容的区域。左右对称性结构便于浏览者直观地读取主体内容，但是不利于发布大量的信息，所以这种结构对于内容较多的大型网站来说并不合适，如图9.24所示。2)“同”字型结构布局“同”字结构名副其实，采用这种结构的网页，往往将导航区置于页面顶端，一些如广告条、友情链接、搜索引擎、注册按钮、登录面板、栏目条等内容置于页面两侧，中间为主体内容。上一页下一页返回9.4用DreamweaverCS5工具制作网页这种结构比左右对称结构要复杂一点，不但有条理，而且直观，有视觉上的平衡感，但是这种结构一也比较僵化在使用这种结构时，高超的用色技巧会规避“同”字结构的缺陷，如图9.25所示。3)“回”字型结构布局“回”字型结构实际上是对“同”字型结构的一种变形，即在“同”字型结构的下面增加了一个横向通栏，这种变形将“同”字型结构不是很重视的页脚利用起来，这样增大了主体内容，合理地使用了页面有限的面积，但是这样往往使页面充斥着各种内容，拥挤不堪，如图9.26所示。上一页下一页返回9.4用DreamweaverCS5工具制作网页4)“匡”字型结构布局和“回”字型结构一样，“匡”字型结构其实一也是“同”字型结构的一种变形，一也可以认为是将“回”字型结构的右侧栏目条去掉得出的新结构，这种结构是“同”字型结构和“回”字型结构的一种折中，这种结构承载的信息量与“同”字型相同，而且改善了回”字型的封闭型结构，如图9.27所示。5)自由式结构布局以上3种结构是传统意义上的结构布局。自由式结构布局相对而言随意性特别大，颠覆了从前以图文为主的表现形式，将图像、Flash动画或者视频作为主体内容，其他的文字说明及栏目条均被分布到不显眼的位置，起装饰作用，这种结构在时尚类网站中使用得非常多，尤其是在时装、化妆用品的网站中。上一页下一页返回9.4用DreamweaverCS5工具制作网页这种结构富于美感，可以吸引大量的浏览者欣赏，但是因为文字过少，而难以让浏览者长时间驻足，另外起指引作用的导航条不明显，而不便于操作，如图9.28所示。6)其他“另类”结构布局如果说自由式结构是现代主义的结构布局，那么“另类”结构布局就可以被称为后现代的代表了。在“另类”结构布局中，传统意义上的所有网页元素全部被颠覆，被打散后融入一个模拟的场景中。在这个场景中，网页元素化身为某一种实物，采用这种结构布局的网站多用于设计类网站，以显示站长前卫的设计理念，这种结构要求设计者要有非常丰富的想象力和非常强的图像处理技巧，因为这种结构稍有不慎就会因为页面内容太多而拖慢速度，如图9.29所示。上一页下一页返回9.4用DreamweaverCS5工具制作网页9.4.5插入和编辑文本在DreamweaverCSS中，可方便地在网页中输入和编辑文字，还可以对文字进行格式化处理。1.文字输入输入文字较为简单，只要在编辑窗口中将光标定位到要插入文字的位置，直接输入文字或粘贴所需要的文字即可。2.分段与换行在输入文本时按【Shift+【Enter」快捷键，可以进行换行;而按【Enter键可进行分段3.输入连续的空格DreamweaverCSS在默认的情况下只允许输入一个空格。上一页下一页返回9.4用DreamweaverCS5工具制作网页4.文本编辑网页的文本输入后往往还需要进行编辑，如剪切、复制和选择等，当需要修改某一部分文本时,首先要选定文本，然后再完成相应的操作9.4.6插入图片、视频和动画网页中除了文本之外，另一个主要元素就是图像图像不但能美化页面，而且能直观表达网页的主题1.插入图像在网页中插入图像的操作步骤如下:(1)将鼠标指针移到待插入图像的位置上。(2)选择菜单“插入”一“图像”命令，一也可单击常用对象属性面板上的图像按钮上一页下一页返回9.4用DreamweaverCS5工具制作网页(3)在打开的“选择图像源文件”对话框中，选择图像文件的路径和文件名。(4)单击“确定”按钮，即可在网页中插入相应的图像但需要注意的是，由于采用相对路径，所以应事先把所用的图像文件拷贝到站点的相关文件夹中。2.插入视频插入插件对象是在网页中播放视频的解决方案，典型的播放插件有RealPlave:和Quick-Time。3.插入Flash动画Flash动画是网页制作中常用的动画，它体积小，动感强，图像质量好，在网页设计中有举足轻重的地位。上一页下一页返回9.4用DreamweaverCS5工具制作网页9.4.7插入和设置表格表格是网页设计制作时不可缺少的重要元素，它以简洁明了、高效快捷的方式将数据、文本、图像、表单等网页元素有序地显示在页面上，从而设计出版式漂亮的页面1.插入表格在文档窗口上要插入表格，操作步骤如下:(1)将插入点定位到待插入表格的位置上。(2)选择菜单“插入”一“表格”命令，在弹出的“表格”对话框中设置表格的相关参数，如图9.30所示，单击“确定”按钮完成表格的插入。上一页下一页返回9.4用DreamweaverCS5工具制作网页2.编辑表格若插入的表格不能满足网页设计需要时，可以对其进行各种编辑，如设置表格属性、调整表格的大小、拆分和合并单元格等。9.4.8插入和编辑超链接一个完整的网站由首页和若干个独立的子网页所构成，首页和各子页之间由超链接进行联系，所谓的超链接是指从一个链接源点指向目标的链接关系，它为原先准备好的文本、图像、按钮等对象与其他对象建立一种联系，是网站建设中使用较多的一种技术。1.创建页面链接页面链接是网页中最常用的一种超链接，其主要作用是实现网站内部网页之间的跳转，或链接到外部的网站。其创建步骤如下:上一页下一页返回9.4用DreamweaverCS5工具制作网页(1)在设计视图中先选择用于超链接的文本或图像(2)打开属性面板，在“链接”选项的文本框中输入目标端点的URL地址，或单击“链接”右侧的图标，从弹出的对话框中选择要链接的目标网页或外部网站地址，创建页面链接如图9.31所示。(3)在属性面板的“目标”下拉列表中选择打开目标链接的方式2.创建锚记链接网站中经常会有一些文档页面由于文本或图像内容过多，导致页面过长，访问者需要不停地使用浏览器的滚动条进行上下拖动来浏览屏幕之外的网页内容，为了方便用户的浏览需要，通常采用锚记来实现快速的定位，如一小说的网站，通常在顶部设置一个目录，浏览时可单击相应的目录即跳到相应的位置。创建锚记链接时必须先要在链接的目标位置上创建锚记，然后才能创建锚记链接。其操作步骤如下:上一页下一页返回9.4用DreamweaverCS5工具制作网页(1)在文档窗口中，将光标定位到要插入锚记的位置(2)选择菜单“插入”一“命名锚记”命令，在弹出的“命令锚记”对话框中输入锚记名称，建立锚记，如图9.32所示(3)选择要作为超链接的文字(4)在属性面板的“链接”选项中输入锚记的名称，并在名称前加上符号#，如#first,单击“确定”按钮，即可建立锚记链接在浏览带有锚记链接的网页中，当单击链接时，跳转到相应的锚记处显示页面内容。3.创建E-mail链接在网页中创建电子邮件链接,可以极大地提高网页的交互,为访问者发送邮件提供了便利条件.在网页中创建电子邮件链接的操作步骤如下:上一页下一页返回9.4用DreamweaverCS5工具制作网页(1)在文档窗口中，将光标定位在要创建链接的位置(2)选择菜单“插入”一“电子邮件链接”命令，打开“电子邮件链接”对话框，在“文本”框中输入用于创建链接的文本，在“E-mail”框中输入链接的目标电子邮件地址，如图9.33所示。4.创建映射图链接映像图链接是在一幅图像中划分出几个不同的几何图形区域，然后分别为这些区域建立不同的超链接，这种几何图形区域称为热区浏览时，当单击热区时就会完成相应的超链接功能，创建映射图链接的操作步骤如下:(1)在网页文档窗口中插入一幅图像，并选中这幅图像此时在图像属性面板的左下角出现一个“地图”文本框及4个图标按钮，上一页下一页返回9.4用DreamweaverCS5工具制作网页这些图标的功能分别是调整热点区域、创建矩形、圆形和不规则多边形的工具，如图9.34所示。(2)选择创建多边形工具，然后用鼠标依次在选作映射图链接的几何图形外部轮廓线上单击，可定义一个多边形的热区;选