《第1章网页基本知识概述》由会员分享，可在线阅读，更多相关《第1章网页基本知识概述（63页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver网页设计,教 师：彭 俊 E-mail: ,网页制作三剑客是Macromedia 公司开发的网页制作工具，由 DREAMWEAVER（网页制作） FLASH（动画制作） FIREWORKS（矢量图形制作和图像处理） 3个软件组成,网页三剑客,Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，是一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。 它是第一套针对专业网页设计师特别发展的视
2、觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver支持动态HTML，并采用了Roundtrip HTML技术， Dreamweaver是一种可以满足多层次需求、功能强大的可视化专业级网页设计及制作工具。,1Dreamweaver,优点：1最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。2网站管理 使用网站地图可以快速制作网站雏形、设计、
3、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 3无可比拟的控制能力 当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweav
4、er设计的网页，可以全方位的呈现在任何平台的热门浏览器上。,缺点： 一、 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来； 二、 页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码 都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既
5、产生干净、准确的HTML代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。在Dreamweaver之前，Frongpage一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。,Fireworks是由Macromedia公司开发的图形处理工具，它的出现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。作为一个图像处理软件，Fireworks能够自由地导入多种格式的图像进行处理。 Fireworks还能够自动切割图像、生成光标动态感应的JavaScript程序等等，而且
6、Fireworks具有强大的动画功能和一个相当完美的网络图像生成器。 众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。,2Fireworks,Flash是美国Macromedia公司所设计的一种二维动画软件。通常包括Macromedia Flash，用于设计和编辑Flash文档，以及Macromedia Flash Playe
7、r，用于播放Flash文档。 Flash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。它主要应用于网页设计和多媒体创作等领域，功能十分强大和独特，已成为交互式矢量动画的标准，在网上非常流行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。,3Flash,Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发。 但没有真正的制作软件做出来是真正的“所见即所得”。Fireworks主要是用于对网页上
8、常用的jpg,gif的制作和处理，但也可用于制作网页。 flash主要用来制作动画，现推出flash平台，可预见有极好的前景 称之为三剑客， 很大一部分是因为这三种软件能相互无缝合作。现在，制作网页，通常有在firework导出切片、图片等，然后在dreamweaver中绘制表格；较为流行的一种是在firework中做好主要页面，然后导出，在dreamweaver中加以修改，添加链接等，便做出一个非常好看的页面。三者结合是当今网站开发的必备工具。如果用别的软件来替代的话：Fireworks-photoshop与CorelDRAW。Frontpage只对初学者有一定的帮助。 在以前adobe公司
9、与macromedia竞争，然而，网页制作当推dreamweaver,而图片处理却是photoshop占优，但在fireworks在做网页有一点优势。在adobe收购了macromedia后，其公司有不少软件停产，而三剑客得以幸存，继续推出新产品。,本章学习目标：,了解Internet基础知识 了解网站开发技术种类 理解Web服务器的作用 了解网页制作基础知识 熟悉网站开发流程,第1章 网页制作和网站开发基础知识,随着Internet应用的迅速发展和普及，它和电子商务已经成为近年来最热门的话题，信息技术正在潜移默化地渗透到人类生活和工作的各各领域。利用Internet开展信息服务、宣传企业形像
10、和产品、进行电子商务活动、网络娱乐、网络教育、地理导游、网上股票交易、网上购物、远程医疗、网上直播体育盛事、电视会议、软件下载、地理定位等应用已经成为现代社会人们生活和工作的重要部分。,问题：谈谈你所知道的电子商务活动？,1.1 Internet基础知识,Internet是一个全球性的计算机互联网络，中文名称为“国际互连网”、“因特网”、“网际网”或“信息高速公路”等，它是将不同地区而且规模大小不一的网络互相连接而成。对于INTERNET中各种各样的信息，所有人都可以通过网络的连接来共享和使用。,Internet能提供的服务包括: WWW服务(也就是网页浏览服务) 电子邮件（E-mail)服务
11、、 网上交际（ICQ、QQ就是最常见的传呼服务） 文件传输（也就是常说的FTP服务） 网络电话 电子商务（如网上购物、网上商品销售、网上拍卖、网上支付等） 网络炒股 网上事务处理 联网游戏（例如玩MUD，或者是联网对战）等等。,1.1.1 网络类型,人类最早接触的“网络”是口头交流系统。思想从一个人传递给另一个人，人们就可以交流信息。早期人们所掌握的另一种网络是电话网。每台电话机都连接到电话线和交换设备网络中，连接家庭和城市的电话线类似于支线公路和高速公路的关系，移动电话则依靠卫星网络。,1、按网络覆盖的地理范围分类： （1）局域网（LAN）：局域网是计算机硬件在比较小的范围内通信线路组成的网
12、络，一般限定在较小的区域内，通常采用有线的方式连接起来。一般限定在较小的区域内，小于10km的范围，通常采用有线的方式连接起来。 （2）城域网（MAN）：城域网规模局限在一座城市的范围内，覆盖的范围从几十公里至数百公里，城域网基本上是局域网的延伸，通常使用与局域网相似的技术，但是在传输介质和布线结构方面牵涉范围比较广。（3）广域网（WAN）：覆盖的地理范围非常广，又称远程网，在采用的技术、应用范围和协议标准方面有所不同。网络跨越国界、洲界，甚至全球范围。 目前局域网和广域网是网络的热点。局域网是组成其他两种类型网络的基础，城域网一般都加入了广域网。广域网的典型代表是internet网。,局域网
13、和广域网,采用局域网，传输速率较高，误码率较低。组网方便，技术简单。,传输距离远，传输速率较低，误码率较高。机制复杂。,局域网 指十几公里的地理范围内将计算机、外设和通信设备互连在一起的网络系统。,广域网 涉及的范围较大，通常可以达到几十公里、几百公里，甚至更远。,1.1.2 Internet历史和发展,随着新闻媒体对【信息高速公路】的宣传和介绍，相信大多数人都会接触过一些有关Internet的报道，对Internet这一外来词不会陌生，但解释清楚它到底是什么，就必须从它的历史和发展说起。 因特网于1969年诞生于美国。最初名为“阿帕网”（ARPAnet）是一个军用研究系统，后来又成为连接大学
14、及高等院校计算机的学术系统，现在则已发展成为一个覆盖五大洲150多个国家的开放型全球计算机网络系统，拥有许多服务商。普通电脑用户只需要一台个人计算机用电话线通过调制解调器和因特网服务商连接，便可进入因特网。,INTERNET产生和发展,1969年ARPANET 70年代早、中期，TCP/IP协议的产生 70年代末到80年代初，网络的“春秋战国”时代 80年代中到90年代初，Internet的基础-NSFNET(NSF:美国国家科学基金会） 90年代，Internet的商业化,1.中国互联网发展过程,第一阶段(19871993年):我国与Internet的联接仅仅是电子函件的转发联接,并只在少数
15、高校和科研机构提供电子函件服务 第二阶段(19941997年):1994年3月,美国正式批准中国进入Internet.中国政府也批准Internet与中国联通. 第三阶段(1998年以后): Internet网络在我国的发展是一个飞速发展的阶段.,计算机网络的发展,50年代 计算机-终端,多机系统,计算机网络的发展,60年代末 计算机-计算机,典型代表ARPA网,70年代中期 局域网,80年代局域网迅速发展,90年代网络互连，Internet崛起,计算机网络的发展,Internet的发展,ARPA网,Internet,60年代末,90年代初,主要协议：TCP/IP,40多万个网络 近2000万
16、台计算机 1亿多个用户,1.3 与网页制作相关的术语,1网站与网页 当我们在浏览器中输入一个已知网址后，即可打开一个页面，让我们了解有关这个网址的一些信息和内容，这个页面就是我们通常所说的网页，而打开网络由网址进入时第一个看到的页面，我们通常把它称为首页（home page）或主页，所有的信息都会清楚地整理在这个页面上，目的就是为了让用户在使用这个网页时能快速链接到需要的资料，它既是一个单独的网页，同一般网页一样可以存放各种信息,又是一个特殊的网页，是整个Web站点的起始点和汇总点，是用户开始浏览站点的“入口处”。由首页所延伸下去的页面，就是一个个网页。 网页又称Web页面，是网络文件的组成部分，是可以被浏览器访问的单个HTML超文本文件,它由文字、表格、图片、声音、视频以及各种功能按钮等组成，这些文字、图片、按钮往往又是指向别的主页的连接点。在Internet网上，这些连接点又叫超级链接。所有由首页链接出去的网页集合起来就是网站。即在设计时，将某个主题明确后，再按所需的单元、内容经过安排，化为各个不同的网页，在同一个结构及诉求下出现的集合体，
