《中文Dreamweaver MX案例教程 教学课件 ppt 作者 杜金 等 第1章 Dreamweaver MX概述》由会员分享，可在线阅读，更多相关《中文Dreamweaver MX案例教程 教学课件 ppt 作者 杜金 等 第1章 Dreamweaver MX概述（123页珍藏版）》请在金锄头文库上搜索。
1、第1章,Dreamweaver MX概述,第2页,主要内容,Internet和HTML简介 Dreamweaver MX概述 HTML程序实例 用Dreamweaver MX制作,第3页,第1节 Internet和HTML简介,Internet简介 HTML语言简介,第4页,Internet简介,什么是Internet TCP/IP协议 什么是万维网 网页和网站 Internet地址,第5页,什么是Internet,将地理位置不同并具有独立工作能力的多个计算机系统通过通信设备、通信线路及通信技术互连在一起，按照某种协议交换数据，由网络软件实现网络资源共享和互相通信的整个信息系统叫计算机网络。
2、计算机网络按照覆盖的地域大小，可分为局域网（即LAN）、 城域网（MAN）和广域网（即WAN）。Internet一词来源于英文Interconnect networks，即“互联各个网络”，简称“互联网”，我国推荐名称为“因特网”。既然是各个网络互联，则这些网络就应包括局域网和广域网等不同规模和构型的网络。,第6页,接上,20世纪60年代末期，出于冷战的需要，美国军事当局开始研究计算机系统安全性和可靠性。为了保证数据的安全，科学家提出了使用可变线路的建议，万一某一条线路遭到攻击和破坏，信息可沿另一条线路传输，使得整个网络仍然正常工作。 1969年9月2日，美国国防部高级研究所计划局（ARPA）
3、研究并建立了实验性军用计算机网络ARPANET。以后，ARPANET网络的应用由军事领域延伸到教育领域，科学家们开始使用ARPANET网络交换信息，共享研究成果。 1983年，TCP/IP协议（即传输控制协议和网际间协议）的建立，使计算机通信有了统一的标准。这是计算机网络发展史上的一个里程碑，网络从此进入高速发展的时代。,第7页,接上,1986年，在美国国家科学基金会NSF（National Science Foundation）的支持下，开始将美国各地的研究人员、各大学和研究机构的计算中心连接到了分布在不同地区的五个超级计算中心。至此，NSFNET网络越来越多地被高等院校、科研机构、政府部门
4、、商业集团、实验室和个人等所使用，逐渐取代了ARPANET网络。以后，ARPANET网络经过十几年的发展就形成了Internet。 1992年，Internet协会成立，这是一个用户自发形成的组织，以制定Internet相关协议和推广Internet的普及为目标。Internet协会把Internet定义为“松散组织，独立国际合作的互联网络”，“通过自主遵守协议和过程，支持主机对主机的通信”。 1994年5月，中国作为第71个国家级网加入Internet，“中国国家计算机网络设施”（NCFC，国内也称中关村网）与Internet联通。,第8页,TCP/IP协议,TCP协议（Transmissi
5、on Control Protocol，传输控制协议）：TCP协议解决了在分组交换中可能出现的主要问题，提供了一个安全可靠性能高的数据传输方式。TCP使用时钟和确认机制自动检测丢失的数据报并加以恢复，也可以自动检测数据到达的顺序并将它们按发送顺序调整过来。同时TCP能自动检测重复的数据报并只接受最先到达的数据报。在高级的计算机上，内存中随时保留IP的一个拷贝，时刻准备发送或接收分组。 IP协议（Internet Protocol，网际协议）：IP协议非常详细地定义了计算机通信应该遵循的规则。它准确地定义了分组的组成和路由器如何将一个分组传递到目的地。连到Internet上的计算机需要IP软件才
6、能在互联网上通信。IP是最基本的软件，Internet上的所有通信只有使用IP才能进行分组交换。所以，Internet上的每台计算机都要安装一套供所有应用共享的IP软件拷贝。,第9页,什么是万维网,万维网也叫WWW，是World Wide Web（全球信息网）的缩写。它是由遍布在Internet上称为Web服务器的计算机组成的。 WWW制定了一套标准，有容易掌握的超文本HTML语言、统一的资源定位符URL和超文本传输协议（hypertext transport protocol，HTTP）。 WWW是当前Internet网上最受欢迎、最为流行和最新的信息检索服务系统。它提供了非常丰富的信息资源
7、，这些信息资源包括文字、图像、声音、动画和视频等。,第10页,网页和网站,网页是WWW的基本文档，它是用HTML（Hypertext Markup Language，即超文本标识语言）编写的，扩展名为.htm和.html。不同的网页通过超链接联系在一起，构成了WWW的纵横交织结构。WWW是由无数的Web服务器构成的，可以通过浏览器访问这些服务器上的网页。 网页与网页之间的关系并不是完全相同的。主页是网站中的一个特殊网页，它是在WWW上进入网站的第一个网页，其中包含指向其他网页的超链接。通常主页的名称是固定的，例如叫做index.htm或 index.html等。,第11页,Internet地址
8、,IP地址：连接在Internet上的每台计算机都有一个惟一的地址。 A类（A Class）：0.0.0.0到126.255.255.255 适用于大型网络 B类（B Class）：128.0.0.0到191.255.255.255 适用于中型网络 C类（C Class）：192.0.0.0到223.255.255.255 适用于小型网络 D类和E类：保留作特殊用途。 计算机域名：显然，用整数表示的IP地址很难记忆，英文名称或是缩写更利于人们记忆。 域名系统（Domain Name System，DNS）是负责将Internet上每台主机的英文名字转换成IP地址的系统。,第12页,HTML语言
9、简介,什么是HTML语言 输入HTML语言程序 HTML语言中所用标记的含义 浏览网页和修改网页 文件的路径名和URL,第13页,什么是HTML语言,HTML的英文全名为Hypertext makeup language ，直译为超文本标记语言。它不是一种程序语言，而是一种描述文档结构的标记语言，它与操作系统平台的选择无关，只要有浏览器就可以运行HTML文档，显示网页内容。 HTML语言使用了一些约定的标记，对WWW上的各种信息进行标记，浏览器会自动根据这些标记，在屏幕上显示出相应的内容，而标记符号不会在屏幕上显示出来。自从1990年它首次用于网页制作后，几乎所有的网页都是由HTML语言或以其
10、他语言（如JavaScript语言等）镶嵌在HTML语言中编写的。,第14页,输入HTML语言程序,在Windows记事本内就可以编写HTML语言。只是在存盘输入文件名时，一定要输入HTML语言文件的扩展名：.htm或.html。要注意：HTML文档中的各种英文标记要在英文输入方式下输入。,第15页,网页在IE浏览器中的显示效果,第16页,HTML语言中所用标记的含义, ：它是HTML文档中最基本的标记，不可缺少。表示HTML文档的开始，表示HTML文档的结束。 ：它是网页标题标记。可以提高网页文档的可读性，向浏览器提供一个信息。它可以忽略，但一般不予忽略。 ：它是网页名称标记，是标记内不可缺
11、少的标记，也就是说，有标记就一定要有标记。,第17页,接上,：它是网页主题内容标记。其内包含了网页的全部内容，一般不可缺少。 ：使用标记中的BGCOLOR属性，可以设置网页的背景颜色。使用的格式有以下两种： 第一种格式中，RR、GG、BB可以分别取值为00FF的十六进制数。 第二种格式是直接使用颜色的英文名称来设定网页的背景颜色。,第18页,接上,：它是正文的第三级标题标记。此外，还有第一、二、四、五、六级标题标记，分别为、和。级别越高，文字越小。 ：它是图像标记。用来加载GIF图像与动画。在网页中加载GIF动画的方法与加载GIF图像的方法一样。GIF动画文件的扩展名也是.gif，文件格式是G
12、IF89A格式。制作GIF动画的软件有很多。 ：它是换行标记。表示以后的内容移到下一行。它是单向标记，没有。 ：它是段落标记。它的作用是将其内的文字另起一段显示。段与段之间有一个空行。,第19页,浏览网页和修改网页,浏览网页：双击HTML文档图标即可使用IE浏览器浏览制作好的网页。或者使用下面的方法打开HTML文档。 打开浏览器窗口，单击浏览器窗口内的“文件”“打开”菜单命令，调出“打开”对话框。 单击“打开”对话框中的“浏览”按钮，调出“Microsoft Internet Explorer”对话框（即浏览器）。选择HTML文件，单击“打开”按钮，回到“打开”对话框，在其“打开”文本框内已有
13、选中的文件目录与名字，。,第20页,接上,修改网页：单击“Microsoft Internet Explorer”浏览器窗口中的“查看”“源文件”菜单命令，调出Windows记事本，并调出网页的程序。此时可以修改网页程序。 修改完程序之后，单击Windows记事本内的“文件”“保存”菜单命令，即可将修改后的程序保存。然后，单击浏览器工具栏中的“刷新”按钮，即可看到修改后的网页。也可以单击“查看”“刷新”菜单命令，来刷新网页。,第21页,“打开”对话框,第22页,“Microsoft Internet Explorer”对话框,第23页,文件的路径名和URL,文件的路径名和URL 文件的路径名：
14、文件的路径名可分为相对路径名和绝对路径名。 URL：URL（Uniform Resource Locator）即统一的资源定位符，WWW上的地址编码，指出了文件在Internet中的位置。,第24页,相对路径名的写法及其含义,第25页,绝对路径名的写法及其含义,第26页,第2节 Dreamweaver MX概述,Dreamweaver MX简介 Dreamweaver MX工作环境简介,第27页,Dreamweaver MX简介,制作效率高 网站管理方便 控制能力强 所供即所得 较高的兼容性,第28页,制作效率高,Dreamweaver MX可以很方便的将Fireworks、FreeHand或
15、Photoshop等文件移到网页上。使用颜色吸管工具选择屏幕上的颜色可设定最接近的网页安全色。对于菜单、快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver MX能和Playback Flash，Shockwave以及外挂模块等搭配起来，不用关闭Dremweaver MX便可完成调用，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Fireworks或Photoshop来进行编辑与设定图片的最佳化。,第29页,网站管理方便,使用网站地图可以快速制作网站结构，设计、更新和重做网页。改变网页位置或文档的名称，Dreamweaver MX会自动更新所有链接。
16、使用支持文字、HTML代码、HTML属性标签和一般语法的查找及替换功能使复杂的网站更新变得迅速又简单。,第30页,控制能力强,Dreamweaver MX是惟一提供Roundtrip HTML、可视化编辑与源代编辑同步的设计工具。它包括HomeSite和BBEdit等主流文字编辑器。帧（frames）和表格的制作速度非常快。表格编辑功能能够选择单格、行、栏或做不连续的选取。甚至可以排序或格式化表格群组，Dreamweaver支持精确定位，利用可方便转换成表格的图层以拖曳拉置的方式进行版面设置。,第31页,所供即所得,Dreamweaver MX成功整合动态视觉编辑及电子商务功能，为Third-party厂商提供超强的支持能力，包含ASP、Apache、BroadVision、Cold Fusion、iCAT、Tango与自行发展的应用软件。所供即所得的功能，能够不需要通过浏览器就能预览网页、模板和XML。Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的模板，指定可编辑或不
