第七章 计算机网络及应用.ppt

第7章 计算机网络及应用主讲教师郭松涛主讲教师郭松涛EmailEmail： 高校计算机基础教育系列课程高校计算机基础教育系列课程高校计算机基础教育系列课程高校计算机基础教育系列课程本章教学计划本章教学计划本章教学计划本章教学计划理论教学（课堂教学）：理论教学（课堂教学）：理论教学（课堂教学）：理论教学（课堂教学）：6 6学时学时学时学时实验教学（上机实习）：实验教学（上机实习）：实验教学（上机实习）：实验教学（上机实习）：4 4学时学时学时学时本章教学重点本章教学重点本章教学重点本章教学重点1.1.网络的组成、拓扑结构及协议体系网络的组成、拓扑结构及协议体系网络的组成、拓扑结构及协议体系网络的组成、拓扑结构及协议体系2.2.以太网的组网及常用网络设备以太网的组网及常用网络设备以太网的组网及常用网络设备以太网的组网及常用网络设备3.3.IPIP地址、域名系统及地址、域名系统及地址、域名系统及地址、域名系统及InternetInternet接入接入接入接入4.4.典型分布式计算技术典型分布式计算技术典型分布式计算技术典型分布式计算技术5.5.网页设计及网站建立网页设计及网站建立网页设计及网站建立网页设计及网站建立6.6.电子商务及电子政务电子商务及电子政务电子商务及电子政务电子商务及电子政务第第7章章 计算机网络及应用计算机网络及应用本章介绍了计算机局域网和互联网应用的基本章介绍了计算机局域网和互联网应用的基本章介绍了计算机局域网和互联网应用的基本章介绍了计算机局域网和互联网应用的基本知识，包括计算机网络的定义、分类、体系结本知识，包括计算机网络的定义、分类、体系结本知识，包括计算机网络的定义、分类、体系结本知识，包括计算机网络的定义、分类、体系结构概述、网络基本组成；局域网的功能、种类、构概述、网络基本组成；局域网的功能、种类、构概述、网络基本组成；局域网的功能、种类、构概述、网络基本组成；局域网的功能、种类、局域网组成、网络设备、网络操作系统、网络模局域网组成、网络设备、网络操作系统、网络模局域网组成、网络设备、网络操作系统、网络模局域网组成、网络设备、网络操作系统、网络模型；型；型；型；InternetInternet的概念、的概念、的概念、的概念、IPIP地址和域名系统、地址和域名系统、地址和域名系统、地址和域名系统、InternetInternet接入方法、信息搜索方法、接入方法、信息搜索方法、接入方法、信息搜索方法、接入方法、信息搜索方法、InternetInternet服务服务服务服务应用；分布式计算技术概述及发展趋势；网页设应用；分布式计算技术概述及发展趋势；网页设应用；分布式计算技术概述及发展趋势；网页设应用；分布式计算技术概述及发展趋势；网页设计与网站建立方法；电子商务和电子政务概念等。计与网站建立方法；电子商务和电子政务概念等。计与网站建立方法；电子商务和电子政务概念等。计与网站建立方法；电子商务和电子政务概念等。第第7章章 计算机网络及应用计算机网络及应用7.1 计算机网络基本知识计算机网络基本知识 7.2 计算机局域网计算机局域网 7.3 InternetInternet及应用及应用 7.4 网络与分布式计算简介网络与分布式计算简介 7.5 网页的设计与网站建立网页的设计与网站建立 7.6 电子商务电子商务 7.7 电子政务电子政务 第第7章章 计算机网络及应用计算机网络及应用7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.1 7.5.1 网页设计的常用工具网页设计的常用工具网页设计的常用工具网页设计的常用工具网页制作的工具有许多，常用的有：网页制作的工具有许多，常用的有：网页制作的工具有许多，常用的有：网页制作的工具有许多，常用的有：1 1 1 1）Microsoft FrontPage 2000Microsoft FrontPage 2000Microsoft FrontPage 2000Microsoft FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000（以后简称以后简称以后简称以后简称FP2000FP2000FP2000FP2000）集成在集成在集成在集成在MS Office MS Office MS Office MS Office 2000200020002000中，只要会使用中，只要会使用中，只要会使用中，只要会使用WordWordWordWord，并掌握网页制作的基本知识，则并掌握网页制作的基本知识，则并掌握网页制作的基本知识，则并掌握网页制作的基本知识，则使用使用使用使用FP2000FP2000FP2000FP2000制作网页就非常顺手。制作网页就非常顺手。制作网页就非常顺手。制作网页就非常顺手。FP2000FP2000FP2000FP2000是是是是“所见即所得所见即所得所见即所得所见即所得”的网页编辑工具，其工作窗口由的网页编辑工具，其工作窗口由的网页编辑工具，其工作窗口由的网页编辑工具，其工作窗口由3 3 3 3个标签页组成，分别可进个标签页组成，分别可进个标签页组成，分别可进个标签页组成，分别可进行网页行网页行网页行网页“所见即所得所见即所得所见即所得所见即所得”编辑、编辑、编辑、编辑、HTMLHTMLHTMLHTML代码编辑和网页效果预览。代码编辑和网页效果预览。代码编辑和网页效果预览。代码编辑和网页效果预览。FP2000FP2000FP2000FP2000带有图形和带有图形和带有图形和带有图形和GIFGIFGIFGIF动画编辑器，支持动画编辑器，支持动画编辑器，支持动画编辑器，支持CGICGICGICGI和和和和CSSCSSCSSCSS。向导和向导和向导和向导和模板都能使初学者在编辑网页时感到更加方便。模板都能使初学者在编辑网页时感到更加方便。模板都能使初学者在编辑网页时感到更加方便。模板都能使初学者在编辑网页时感到更加方便。FP2000FP2000FP2000FP2000最强最强最强最强大之处是其站点管理功能。在更新服务器上的站点时，不需大之处是其站点管理功能。在更新服务器上的站点时，不需大之处是其站点管理功能。在更新服务器上的站点时，不需大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录，会为你跟踪文件并拷贝那些新版本要创建更改文件的目录，会为你跟踪文件并拷贝那些新版本要创建更改文件的目录，会为你跟踪文件并拷贝那些新版本要创建更改文件的目录，会为你跟踪文件并拷贝那些新版本文件，使本地和远程网站内容保持一致。文件，使本地和远程网站内容保持一致。文件，使本地和远程网站内容保持一致。文件，使本地和远程网站内容保持一致。7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.1 7.5.1 网页设计的常用工具网页设计的常用工具网页设计的常用工具网页设计的常用工具2 2 2 2）MacromediaMacromediaMacromediaMacromedia公司的公司的公司的公司的“网页三剑客网页三剑客网页三剑客网页三剑客”DreamweaverDreamweaverDreamweaverDreamweaver、FireworksFireworksFireworksFireworks和和和和FlashFlashFlashFlash是是是是MacromediaMacromediaMacromediaMacromedia公司为网页公司为网页公司为网页公司为网页制作人员研制的专业网页设计软件套件，俗称制作人员研制的专业网页设计软件套件，俗称制作人员研制的专业网页设计软件套件，俗称制作人员研制的专业网页设计软件套件，俗称“网页三剑客网页三剑客网页三剑客网页三剑客”。它们在专业网页制作、网页图形处理、矢量动画以及它们在专业网页制作、网页图形处理、矢量动画以及它们在专业网页制作、网页图形处理、矢量动画以及它们在专业网页制作、网页图形处理、矢量动画以及WebWebWebWeb编程等编程等编程等编程等领域中产生了很大的影响。领域中产生了很大的影响。领域中产生了很大的影响。领域中产生了很大的影响。DreamWeaverDreamWeaverDreamWeaverDreamWeaver包括可视化编辑、包括可视化编辑、包括可视化编辑、包括可视化编辑、HTMLHTMLHTMLHTML代码编辑的软件包，并支持代码编辑的软件包，并支持代码编辑的软件包，并支持代码编辑的软件包，并支持ActiveXActiveXActiveXActiveX、JavaScriptJavaScriptJavaScriptJavaScript、JavaJavaJavaJava、FlashFlashFlashFlash、ShockWaveShockWaveShockWaveShockWave等特性，而且它还能通过拖拽从头到尾制作动态的等特性，而且它还能通过拖拽从头到尾制作动态的等特性，而且它还能通过拖拽从头到尾制作动态的等特性，而且它还能通过拖拽从头到尾制作动态的HTMLHTMLHTMLHTML动画，支持动态动画，支持动态动画，支持动态动画，支持动态HTMLHTMLHTMLHTML的设计。其还采用了的设计。其还采用了的设计。其还采用了的设计。其还采用了Roundtrip HTMLRoundtrip HTMLRoundtrip HTMLRoundtrip HTML技技技技术，使得网页在可视化编辑和术，使得网页在可视化编辑和术，使得网页在可视化编辑和术，使得网页在可视化编辑和HTMLHTMLHTMLHTML代码编辑器之间进行自由转换，代码编辑器之间进行自由转换，代码编辑器之间进行自由转换，代码编辑器之间进行自由转换，HTMLHTMLHTMLHTML句法及结构不变。这样，专业设计者可以在不改变原有编辑句法及结构不变。这样，专业设计者可以在不改变原有编辑句法及结构不变。这样，专业设计者可以在不改变原有编辑句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。习惯的同时，充分享受到可视化编辑带来的益处。习惯的同时，充分享受到可视化编辑带来的益处。习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaverDreamWeaverDreamWeaverDreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都最具挑战性和生命力的是它的开放式设计，这项设计使任何人都最具挑战性和生命力的是它的开放式设计，这项设计使任何人都最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。可以轻易扩展它的功能。可以轻易扩展它的功能。可以轻易扩展它的功能。7.5 7.5 网页的设计与网站建立网页的设计与网站建立2 2 2 2）MacromediaMacromediaMacromediaMacromedia公司的公司的公司的公司的“网页三剑客网页三剑客网页三剑客网页三剑客”FireworksFireworksFireworksFireworks是专为网络图像设计而开发，内建丰富的支持网络出版是专为网络图像设计而开发，内建丰富的支持网络出版是专为网络图像设计而开发，内建丰富的支持网络出版是专为网络图像设计而开发，内建丰富的支持网络出版功能。比如功能。比如功能。比如功能。比如FireworksFireworksFireworksFireworks能够自动切图、生成鼠标动态感应的能够自动切图、生成鼠标动态感应的能够自动切图、生成鼠标动态感应的能够自动切图、生成鼠标动态感应的javascriptjavascriptjavascriptjavascript。而且而且而且而且FireworksFireworksFireworksFireworks具有十分强大的动画功能和一个几乎完美的网络图像生具有十分强大的动画功能和一个几乎完美的网络图像生具有十分强大的动画功能和一个几乎完美的网络图像生具有十分强大的动画功能和一个几乎完美的网络图像生成器成器成器成器(ExportExportExportExport功能功能功能功能)。它增强了与。它增强了与。它增强了与。它增强了与DreamweaverDreamweaverDreamweaverDreamweaver的联系，可以直接生成的联系，可以直接生成的联系，可以直接生成的联系，可以直接生成DreamweaverDreamweaverDreamweaverDreamweaver的的的的LibarayLibarayLibarayLibaray甚至能够导出为配合甚至能够导出为配合甚至能够导出为配合甚至能够导出为配合CSSCSSCSSCSS式样的网页及图片。式样的网页及图片。式样的网页及图片。式样的网页及图片。FlashFlashFlashFlash是用在互联网上动态的、可互动的动画。它的优点是体积小，可是用在互联网上动态的、可互动的动画。它的优点是体积小，可是用在互联网上动态的、可互动的动画。它的优点是体积小，可是用在互联网上动态的、可互动的动画。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待，还可在网页中加入边下载边播放，这样就避免了用户长时间的等待，还可在网页中加入边下载边播放，这样就避免了用户长时间的等待，还可在网页中加入边下载边播放，这样就避免了用户长时间的等待，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FlashFlashFlashFlash虽然不可以像一门语言一样进行编程，但用其内置的语句并结合虽然不可以像一门语言一样进行编程，但用其内置的语句并结合虽然不可以像一门语言一样进行编程，但用其内置的语句并结合虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScriptJavaScriptJavaScriptJavaScript，也可做出互动性很强的主页来。可以说，没有也可做出互动性很强的主页来。可以说，没有也可做出互动性很强的主页来。可以说，没有也可做出互动性很强的主页来。可以说，没有FlashFlashFlashFlash动画，动画，动画，动画，就没有今天互联网上鲜活、生动的信息表现力。就没有今天互联网上鲜活、生动的信息表现力。就没有今天互联网上鲜活、生动的信息表现力。就没有今天互联网上鲜活、生动的信息表现力。最新的最新的最新的最新的“网页三剑客网页三剑客网页三剑客网页三剑客”版本为：版本为：版本为：版本为：DreamweaverDreamweaverDreamweaverDreamweaver MX MX MX MX、Fireworks MXFireworks MXFireworks MXFireworks MX和和和和Flash MXFlash MXFlash MXFlash MX。该套件及相应学习教程可在华军软件园网站下载。该套件及相应学习教程可在华军软件园网站下载。该套件及相应学习教程可在华军软件园网站下载。该套件及相应学习教程可在华军软件园网站下载。（http:/www.http:/www.http:/www.http:/ 7.5 网页的设计与网站建立网页的设计与网站建立7.5.1 7.5.1 网页设计的常用工具网页设计的常用工具网页设计的常用工具网页设计的常用工具3 3 3 3）HotDogHotDogHotDogHotDog Professional Professional Professional Professional HotDogHotDogHotDogHotDog是较早基于代码的网页设计工具，其最具特色的是较早基于代码的网页设计工具，其最具特色的是较早基于代码的网页设计工具，其最具特色的是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作要加入多种复杂是提供了许多向导工具，能帮助设计者制作要加入多种复杂是提供了许多向导工具，能帮助设计者制作要加入多种复杂是提供了许多向导工具，能帮助设计者制作要加入多种复杂技术的网页。技术的网页。技术的网页。技术的网页。HotDogHotDogHotDogHotDog的高级的高级的高级的高级HTMLHTMLHTMLHTML支持插入支持插入支持插入支持插入MarqueeMarqueeMarqueeMarquee，并能在并能在并能在并能在预览模式中以正常速度观看。这点非常难得，因为即使首创预览模式中以正常速度观看。这点非常难得，因为即使首创预览模式中以正常速度观看。这点非常难得，因为即使首创预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的这种标签的这种标签的这种标签的MicrosoftMicrosoftMicrosoftMicrosoft在在在在FrontPage 98FrontPage 98FrontPage 98FrontPage 98中也未提供这样的功中也未提供这样的功中也未提供这样的功中也未提供这样的功能。能。能。能。HotDogHotDogHotDogHotDog对对对对plug-inplug-inplug-inplug-in的支持也远远超过其他产品，它提供的支持也远远超过其他产品，它提供的支持也远远超过其他产品，它提供的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选的对话框允许你以手动方式为不同格式的文件选择不同的选的对话框允许你以手动方式为不同格式的文件选择不同的选的对话框允许你以手动方式为不同格式的文件选择不同的选项。项。项。项。HotDogHotDogHotDogHotDog是个功能强大的软件，对于那些希望在网页中加是个功能强大的软件，对于那些希望在网页中加是个功能强大的软件，对于那些希望在网页中加是个功能强大的软件，对于那些希望在网页中加入入入入CSSCSSCSSCSS、JavaJavaJavaJava、RealVideoRealVideoRealVideoRealVideo等复杂技术的高级设计者，是个很等复杂技术的高级设计者，是个很等复杂技术的高级设计者，是个很等复杂技术的高级设计者，是个很好的选择。好的选择。好的选择。好的选择。下载网址：下载网址：下载网址：下载网址：http:/ 7.5 网页的设计与网站建立网页的设计与网站建立7.5.1 7.5.1 网页设计的常用工具网页设计的常用工具网页设计的常用工具网页设计的常用工具4 4 4 4）东方网页王）东方网页王）东方网页王）东方网页王“东方网页王东方网页王东方网页王东方网页王”是上海交大铭泰公司推出的专门供是上海交大铭泰公司推出的专门供是上海交大铭泰公司推出的专门供是上海交大铭泰公司推出的专门供初级用户用来设计和制作网页的工具软件。其提供的个初级用户用来设计和制作网页的工具软件。其提供的个初级用户用来设计和制作网页的工具软件。其提供的个初级用户用来设计和制作网页的工具软件。其提供的个性化模板可以让您制作出精美、漂亮的主页，且操作方性化模板可以让您制作出精美、漂亮的主页，且操作方性化模板可以让您制作出精美、漂亮的主页，且操作方性化模板可以让您制作出精美、漂亮的主页，且操作方法简单、功能完善，是一款不可多得的网页制作工具，法简单、功能完善，是一款不可多得的网页制作工具，法简单、功能完善，是一款不可多得的网页制作工具，法简单、功能完善，是一款不可多得的网页制作工具，也是国内唯一可以和国外网页制作工具媲美的网页设计也是国内唯一可以和国外网页制作工具媲美的网页设计也是国内唯一可以和国外网页制作工具媲美的网页设计也是国内唯一可以和国外网页制作工具媲美的网页设计软件。软件。软件。软件。“东方网页王东方网页王东方网页王东方网页王”包括了处理网页制作中所需元素包括了处理网页制作中所需元素包括了处理网页制作中所需元素包括了处理网页制作中所需元素的一揽子解决方案，简化了制作网站、设计网页的流程。的一揽子解决方案，简化了制作网站、设计网页的流程。的一揽子解决方案，简化了制作网站、设计网页的流程。的一揽子解决方案，简化了制作网站、设计网页的流程。下载网址：下载网址：下载网址：下载网址：http:/ 7.5 网页的设计与网站建立网页的设计与网站建立7.5.1 7.5.1 网页设计的常用工具网页设计的常用工具网页设计的常用工具网页设计的常用工具5 5 5 5）佳易网页王）佳易网页王）佳易网页王）佳易网页王“佳易网页王佳易网页王佳易网页王佳易网页王”是一个易学易用且功能强大的新型网页制是一个易学易用且功能强大的新型网页制是一个易学易用且功能强大的新型网页制是一个易学易用且功能强大的新型网页制作软件，它不仅具有作软件，它不仅具有作软件，它不仅具有作软件，它不仅具有FrontPageFrontPageFrontPageFrontPage等流行网页制作软件的主要功等流行网页制作软件的主要功等流行网页制作软件的主要功等流行网页制作软件的主要功能，而且更方便易用，功能更强大。它的最大特点是：即使不能，而且更方便易用，功能更强大。它的最大特点是：即使不能，而且更方便易用，功能更强大。它的最大特点是：即使不能，而且更方便易用，功能更强大。它的最大特点是：即使不懂制作网页的专门技术，使用者也可以轻松地制作出专业水平懂制作网页的专门技术，使用者也可以轻松地制作出专业水平懂制作网页的专门技术，使用者也可以轻松地制作出专业水平懂制作网页的专门技术，使用者也可以轻松地制作出专业水平的高质量网站。即使不懂网页编程技术，也可以轻松制作出具的高质量网站。即使不懂网页编程技术，也可以轻松制作出具的高质量网站。即使不懂网页编程技术，也可以轻松制作出具的高质量网站。即使不懂网页编程技术，也可以轻松制作出具有有有有BBSBBSBBSBBS论坛、计数器、动态新闻发布、网站数据库应用等全功论坛、计数器、动态新闻发布、网站数据库应用等全功论坛、计数器、动态新闻发布、网站数据库应用等全功论坛、计数器、动态新闻发布、网站数据库应用等全功能的企业网站。因而可以确实有效地解决当前存在的网站建设能的企业网站。因而可以确实有效地解决当前存在的网站建设能的企业网站。因而可以确实有效地解决当前存在的网站建设能的企业网站。因而可以确实有效地解决当前存在的网站建设难的问题。不仅适用于初学者，也适用于计算机专业人员。还难的问题。不仅适用于初学者，也适用于计算机专业人员。还难的问题。不仅适用于初学者，也适用于计算机专业人员。还难的问题。不仅适用于初学者，也适用于计算机专业人员。还可用于教学课件和远程教学网站的建设。可用于教学课件和远程教学网站的建设。可用于教学课件和远程教学网站的建设。可用于教学课件和远程教学网站的建设。下载网址：下载网址：下载网址：下载网址：http:/www.http:/www.http:/www.http:/ 7.5 网页的设计与网站建立网页的设计与网站建立7.5.2 7.5.2 用用用用FrontPageFrontPage创建网站创建网站创建网站创建网站创建一个网站的流程步骤为：创建一个网站的流程步骤为：创建一个网站的流程步骤为：创建一个网站的流程步骤为：创建站点（可采用向导方式、模板方式等）创建站点（可采用向导方式、模板方式等）创建站点（可采用向导方式、模板方式等）创建站点（可采用向导方式、模板方式等）创建网页创建网页创建网页创建网页 规划网页布局（采用表格、框架方式布局）规划网页布局（采用表格、框架方式布局）规划网页布局（采用表格、框架方式布局）规划网页布局（采用表格、框架方式布局）编排网页编排网页编排网页编排网页内容（文本、图像、视频、超链接）内容（文本、图像、视频、超链接）内容（文本、图像、视频、超链接）内容（文本、图像、视频、超链接）站点的管理与发布站点的管理与发布站点的管理与发布站点的管理与发布（检查、管理、发布等）。（检查、管理、发布等）。（检查、管理、发布等）。（检查、管理、发布等）。启动启动启动启动FP2000FP2000后，执行后，执行后，执行后，执行“文件文件文件文件新建新建新建新建站点站点站点站点”然后根据你的需要选择然后根据你的需要选择然后根据你的需要选择然后根据你的需要选择模板，指定新站点位置，即在本地（自己的电脑）存放网站的根目录。所模板，指定新站点位置，即在本地（自己的电脑）存放网站的根目录。所模板，指定新站点位置，即在本地（自己的电脑）存放网站的根目录。所模板，指定新站点位置，即在本地（自己的电脑）存放网站的根目录。所以首先应该规划、设计网站的目录结构，即存放众多网页、图片等媒体、以首先应该规划、设计网站的目录结构，即存放众多网页、图片等媒体、以首先应该规划、设计网站的目录结构，即存放众多网页、图片等媒体、以首先应该规划、设计网站的目录结构，即存放众多网页、图片等媒体、程序时的目录树。本站网页之间的超链接或网页中链接的本站媒体等文件，程序时的目录树。本站网页之间的超链接或网页中链接的本站媒体等文件，程序时的目录树。本站网页之间的超链接或网页中链接的本站媒体等文件，程序时的目录树。本站网页之间的超链接或网页中链接的本站媒体等文件，最好使用相对链接，建议用最好使用相对链接，建议用最好使用相对链接，建议用最好使用相对链接，建议用 http http 方式来指定路径，否则你用方式来指定路径，否则你用方式来指定路径，否则你用方式来指定路径，否则你用 Frontpage Frontpage 制制制制作的计数器，表单等设置无法在自己的电脑上预览，而一些要服务器端支作的计数器，表单等设置无法在自己的电脑上预览，而一些要服务器端支作的计数器，表单等设置无法在自己的电脑上预览，而一些要服务器端支作的计数器，表单等设置无法在自己的电脑上预览，而一些要服务器端支持的功能（持的功能（持的功能（持的功能（ASPASP网页）也无法正确执行，只能上传到网页）也无法正确执行，只能上传到网页）也无法正确执行，只能上传到网页）也无法正确执行，只能上传到 Web Server Web Server 后才能看后才能看后才能看后才能看到真正的结果。打开已存在的站点和一般到真正的结果。打开已存在的站点和一般到真正的结果。打开已存在的站点和一般到真正的结果。打开已存在的站点和一般 Office Office 软件打开文件的方法差不软件打开文件的方法差不软件打开文件的方法差不软件打开文件的方法差不多，执行多，执行多，执行多，执行“文件文件文件文件打开站点打开站点打开站点打开站点”，然后选择你欲打开的站点即可。，然后选择你欲打开的站点即可。，然后选择你欲打开的站点即可。，然后选择你欲打开的站点即可。7.4 7.4 网络与分布式计算简介网络与分布式计算简介创建网站最好使用创建网站最好使用创建网站最好使用创建网站最好使用FP2000FP2000提供的提供的提供的提供的“向导与模板向导与模板向导与模板向导与模板”能以能以能以能以最快的速度建立一最快的速度建立一最快的速度建立一最快的速度建立一个网站个网站个网站个网站7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.3 7.5.3 FrontPageFrontPage的基本操作的基本操作的基本操作的基本操作网页设计的基本原则：网页设计的基本原则：网页设计的基本原则：网页设计的基本原则：分辨率分辨率分辨率分辨率:800600:800600:800600:800600；每页不能有横向拖动；每页不能有横向拖动；每页不能有横向拖动；每页不能有横向拖动；每页纵向一般不超过页；每页纵向一般不超过页；每页纵向一般不超过页；每页纵向一般不超过页；每页资源大小一般不超过每页资源大小一般不超过每页资源大小一般不超过每页资源大小一般不超过100100100100KBKBKBKB；网站内的网页及资源文件的超链接使用相对链接；网站内的网页及资源文件的超链接使用相对链接；网站内的网页及资源文件的超链接使用相对链接；网站内的网页及资源文件的超链接使用相对链接；页面内文字大小用样式固定；页面内文字大小用样式固定；页面内文字大小用样式固定；页面内文字大小用样式固定；页面内字体使用系统常用字体；页面内字体使用系统常用字体；页面内字体使用系统常用字体；页面内字体使用系统常用字体；页面内图片使用页面内图片使用页面内图片使用页面内图片使用gifgifgifgif或或或或jpgjpgjpgjpg格式；格式；格式；格式；媒体流使用媒体流使用媒体流使用媒体流使用rmrmrmrm或或或或wmvwmvwmvwmv格式；格式；格式；格式；声音文件尽量采用低采样频率处理。声音文件尽量采用低采样频率处理。声音文件尽量采用低采样频率处理。声音文件尽量采用低采样频率处理。7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.3 FrontPage的基本操作的基本操作FP2000FP2000的基本操作有：新建、打开、保存网页；的基本操作有：新建、打开、保存网页；网页中文字编辑；插入表格、插入图片等媒体、插入网页中文字编辑；插入表格、插入图片等媒体、插入组件；网页的超链接等。关键要掌握网页制作的过程：组件；网页的超链接等。关键要掌握网页制作的过程：在空白页中根据页面布局使用表格分割区域；在各表在空白页中根据页面布局使用表格分割区域；在各表格区域中输入文字及插入图片；编辑、调整页面、表格区域中输入文字及插入图片；编辑、调整页面、表格内文字、图片的属性（即大小、颜色、位置，最好格内文字、图片的属性（即大小、颜色、位置，最好使用样式使用样式CSSCSS定义这些属性）；建立超级链接（通过文定义这些属性）；建立超级链接（通过文字、图片等的点击链接到其它网页或媒体）。当然也字、图片等的点击链接到其它网页或媒体）。当然也可以使用网页向导、模板来创建网页。可以使用网页向导、模板来创建网页。7.4 7.4 网络与分布式计算简介网络与分布式计算简介FrontPage FrontPage 20002000的快捷的快捷的快捷的快捷按钮按钮按钮按钮框架网页的框架网页的框架网页的框架网页的创建创建创建创建具体操作具体操作见示范见示范7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.4网页的链接网页的链接一个网站由许许多多的网页组成，它们是由网页一个网站由许许多多的网页组成，它们是由网页之间的超链接联系起来的，之间的超链接联系起来的，InternetInternet就是由千万亿网就是由千万亿网页相互通过超链接构成了今天的页相互通过超链接构成了今天的InternetInternet世界。超链世界。超链接的方式有：接的方式有：文字链接（通过单击文字内容链接到其它网页）文字链接（通过单击文字内容链接到其它网页）图片链接（通过单击图片链接到其它网页）图片链接（通过单击图片链接到其它网页）图片热点链接（通过单击图片的某个区域而链接到图片热点链接（通过单击图片的某个区域而链接到其它网页）其它网页）书签（网页内的链接）书签（网页内的链接）7.4 7.4 网络与分布式计算简介网络与分布式计算简介创建超链接创建超链接创建超链接创建超链接窗口的使用窗口的使用窗口的使用窗口的使用具体操作具体操作见示范见示范7.4 7.4 网络与分布式计算简介网络与分布式计算简介图片热点超图片热点超图片热点超图片热点超链接的设置链接的设置链接的设置链接的设置具体操作具体操作见示范见示范7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.5 网页中媒体制作工具网页中媒体制作工具为了使网页生动、表现力强，在网页中大量使用为了使网页生动、表现力强，在网页中大量使用图形、图像、声音、视频等媒体。在创建网页时，先图形、图像、声音、视频等媒体。在创建网页时，先使用各种工具制作相应的媒体。网页中媒体的制作工使用各种工具制作相应的媒体。网页中媒体的制作工具常用的有：图片制作类工具、动画制作工具、视频具常用的有：图片制作类工具、动画制作工具、视频处理工具、声音处理工具、电子书籍制作工具等。处理工具、声音处理工具、电子书籍制作工具等。7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.5 7.5.5 网页中媒体制作工具网页中媒体制作工具网页中媒体制作工具网页中媒体制作工具1 1 1 1）图片制作类工具）图片制作类工具）图片制作类工具）图片制作类工具(1)(1)(1)(1)AdobeAdobeAdobeAdobe公司的公司的公司的公司的PhotoshopPhotoshopPhotoshopPhotoshop绘制、编辑位图（光栅图）的无所不能的强绘制、编辑位图（光栅图）的无所不能的强绘制、编辑位图（光栅图）的无所不能的强绘制、编辑位图（光栅图）的无所不能的强大工具。特别是加入各种各样的插件和滤镜，可以制作出各种特效的图片。大工具。特别是加入各种各样的插件和滤镜，可以制作出各种特效的图片。大工具。特别是加入各种各样的插件和滤镜，可以制作出各种特效的图片。大工具。特别是加入各种各样的插件和滤镜，可以制作出各种特效的图片。(2)(2)(2)(2)AdobeAdobeAdobeAdobe公司的公司的公司的公司的PaintShopPaintShopPaintShopPaintShop简单易用的位图（光栅图）编辑器。简单易用的位图（光栅图）编辑器。简单易用的位图（光栅图）编辑器。简单易用的位图（光栅图）编辑器。(3)(3)(3)(3)UleadUleadUleadUlead公司的公司的公司的公司的PhotoimpactPhotoimpactPhotoimpactPhotoimpact功能强大、易学易用的位图（光栅图）编功能强大、易学易用的位图（光栅图）编功能强大、易学易用的位图（光栅图）编功能强大、易学易用的位图（光栅图）编辑器。辑器。辑器。辑器。(4)(4)(4)(4)MacroMediaMacroMediaMacroMediaMacroMedia公司的公司的公司的公司的FireworkFireworkFireworkFirework网页整体设计图片编辑创作工具，与网网页整体设计图片编辑创作工具，与网网页整体设计图片编辑创作工具，与网网页整体设计图片编辑创作工具，与网页编辑器页编辑器页编辑器页编辑器DreamweaverDreamweaverDreamweaverDreamweaver配合使用。加上配合使用。加上配合使用。加上配合使用。加上FlashFlashFlashFlash动画创作工具称为动画创作工具称为动画创作工具称为动画创作工具称为“网页三剑网页三剑网页三剑网页三剑客客客客”。(5)(5)(5)(5)CorlDrawCorlDrawCorlDrawCorlDraw公司的公司的公司的公司的CorlDrawCorlDrawCorlDrawCorlDraw矢量图编辑创作工具。矢量图编辑创作工具。矢量图编辑创作工具。矢量图编辑创作工具。(6)(6)(6)(6)MacroMediaMacroMediaMacroMediaMacroMedia公司的公司的公司的公司的FreehandFreehandFreehandFreehand最具威力的平面设计与网页矢量绘图、最具威力的平面设计与网页矢量绘图、最具威力的平面设计与网页矢量绘图、最具威力的平面设计与网页矢量绘图、排版软件。排版软件。排版软件。排版软件。(7)(7)(7)(7)HyperionicsHyperionicsHyperionicsHyperionics公司的公司的公司的公司的HypersnapDXHypersnapDXHypersnapDXHypersnapDX功能强大、使用方便的屏幕抓图软功能强大、使用方便的屏幕抓图软功能强大、使用方便的屏幕抓图软功能强大、使用方便的屏幕抓图软件。件。件。件。7.5 7.5 网页的设计与网站建立网页的设计与网站建立7.5.5 7.5.5 网页中媒体制作工具网页中媒体制作工具网页中媒体制作工具网页中媒体制作工具2 2 2 2）动画制作工具）动画制作工具）动画制作工具）动画制作工具（1 1 1 1）MacroMediaMa