《网页制作工具》PPT课件.ppt
《《网页制作工具》PPT课件.ppt》由会员分享,可在线阅读,更多相关《《网页制作工具》PPT课件.ppt(110页珍藏版)》请在三一办公上搜索。
1、网页制作工具,周 苏 教授QQ:81505050,网页制作工具课程说明,上课时间:第3周开始至第17周,除国庆长假和运动会2周,共13周周课时:2(理论课)+2(实验课)期间,会根据任课老师的活动灵活安排,请谅解期末考试形式待定,网页制作工具教材,教 材网页制作教程夏宏等编著,清华大学出版社,2005参考网站,课程介绍第1章 网络基础第2章 网页制作概述第3章 使用Dreamweaver创建简单网页第4章 Dreamweaver高级应用第5章 使用Fireworks第6章 使用Flash,网页制作工具教学安排,教材各章后面的“进一步阅读”和“习题”请自习课程成绩主要参考设计制作的作品重视平时的
2、课堂和实验表现欣赏学生作品佛教文化,网页制作工具作业与考核,第1章 网络基础,概述网络传输协议网页语言介绍Web服务器的建立,1.1 概述,计算机网络是网页应用的平台和基础,因此,应该了解计算机网络基础知识观察视角不同,计算机网络的定义也有所不同。通常,计算机网络应被定义为:在网络协议控制下,由多台计算机、若干台终端、数据传输设备以及计算机与计算机间、终端与计算机间进行通信的设备所组成的计算机复合系统,计算机网络的发展,计算机网络源于计算机与通信技术的结合,始于20世纪50年代,其发展经历了几个阶段第一阶段:1969年12月,Internet的前身美国国防部互联网(ARPANET)投入运行,标
3、志着计算机网络的开始。其主要特点是:资源共享;分组交换;分散控制;采用专门的通信控制处理机;分层的网络协议。这些特点往往被认为是计算机网络的典型特征,计算机网络的发展,第二阶段:20世纪70年代末到80年代中后期,随着PC机应用的推广,PC联网的需求也随之增大,各种基于PC互联的微机局域网纷纷出台这个时期微机局域网系统的典型结构是在共享介质通信网平台上的共享文件服务器结构,即为所有联网PC设置一台专用的可共享的网络文件服务器。每个PC机用户的主要任务仍在自己的PC机上运行,仅在需要访问共享磁盘文件时才通过网络访问文件服务器,体现了计算机网络中各计算机之间的协同工作,计算机网络的发展,第三阶段:
4、进入20世纪90年代,计算机技术、通信技术以及建立在计算机和网络技术基础上的计算机网络技术得到了迅猛的发展。Internet已经成为人类最重要的、最大的知识宝库。更加快速可靠的互联网2(Internet 2)和下一代互联网分别于1996年和1997年开始研究和发展,网络的分类,计算机网络的分类方法有很多种,如按以下划分网络的分布距离通信介质适用范围传输速率,网络的分类,按网络的分布距离可将网络划分为以下三种:广域网(远程网,WAN),作用范围为几十到几千公里局域网(LAN),作用范围通常为几米到几十公里城域网(MAN),作用范围介于WAN和LAN之间,其运行方式与LAN相似广域网用于长距离通信
5、,城域网用于覆盖范围为中等规模的区域(相当于一座城市),局域网分布距离最短。传输速度规律则相反,距离越长速度越慢,网络的分类,根据通信介质的不同,网络划分为以下两种:有线网:采用同轴电缆、双绞线和光纤等物理介质来传输数据的网络无线网:采用卫星、微波等无线形式来传输数据的网络,网络的分类,按适用范围划分,可将网络划分为以下两种:公用网:又称公众网。对所有人来说,只要符合网络拥有者的要求就能使用这个网,如Internet专用网:为一个或几个部门所拥有,它只为拥有者提供服务,如政府专用网,Internet与Intranet,Internet(因特网)是指将全球范围内的计算机系统联网,它将全球成千上万
6、的计算机网络连接起来而形成的全球性计算机网络系统,使得各网络之间可以交换信息或共享资源。Internet源于ARPANETIntranet是在Internet的技术基础上发展起来的,是Internet在企业内部信息系统的应用和延伸。它是在一个协同作业的组织内部,采用Internet技术实现应用需求的网络应用系统,是使用Web协议构建的企业级信息集成和信息服务的信息设施,Internet的服务类型,Internet提供的服务类型主要有:网络信息浏览(WWW)电子邮件(E-mail)新闻组(News Group)文件传输(FTP)远程登录(Telnet)BBS其他服务,1.2 网络传输协议,ISO
7、/OSI参考模型,在网络中,相互通信的计算机必须高度协调工作,而这种“协调”是相当复杂的。为了降低网络设计的复杂性,早在当初设计ARPANET时就有专家提出了层次模型。分层设计方法可以将庞大而复杂的问题转化为若干较小且易于处理的子问题由于各个公司的网络体系结构各不相同,所以不同公司之间的网络不能互连互通,ISO/OSI参考模型,国际标准化组织(ISO)于1977年设立了专门的机构研究解决上述问题,提出了一个使各种计算机能够互连的标准框架开放式系统互连参考模型(OSI/RM),简称OSIOSI模型是一个开放体系结构,它规定将网络分为7层,并规定了每层的功能OSI参考模型的出现后,网络的发展道路一
8、直走标准化道路,其最大体现就是Internet的飞速发展,ISO/OSI参考模型,ISO提出的OSI参考模型:物理层:完成相邻结点之间原始比特流的传输数据链路层:在不可靠的物理线路上进行数据的可靠传输网络层:完成网络中主机间的报文传输,其关键问题是确定分组从源端到目的端的路由选择传输层:完成网络中不同主机上用户进程之间的数据通信会话层:允许不同机器上的用户之间建立会话关系,允许进行类似传输层的普通数据的传送和增强型服务表示层:关注要传送的信息的表示和信息的内涵应用层:支持运行于不同计算机进程间的通信,而这些进程则是为用户完成不同任务而设计的,不受网络结构限制,ISO/OSI参考模型,OSI模型
9、告诉人们每一层应该完成的功能ISO为各层制定了相应的标准,但这些标准是作为独立的国际标准发布的OSI参考模型在计算机网络的发展过程中起到了非常重要的指导作用。作为一种参考模型和完整体系,它对今后计算机网络技术朝标准化、规范化方向发展具有指导意义,TCP/IP模型,TCP/IP是20世纪70年代中期,美国国防部为其研究性网络ARPANET开发的网络体系结构ARPANET最初通过租用的电话线将几百所大学和研究所连接起来。随着卫星通信技术和无线电技术的发展,这些技术也被应用到ARPANET网络中,而已有的协议不能解决这些通信网络的互联问题,于是就提出了新的网络体系结构,用于不同通信网络无缝连接,称为
10、TCP/IP参考模型,TCP/IP模型,TCP/IP参考模型是4层结构:网络接口层:也称数据链路层,通常包括操作系统中的设备驱动程序和计算机中的网卡,一起处理与电缆(或其他任何传输媒介)的物理接口细节互联网层:也称网络层,其作用是处理分组在网络中的活动,例如分组的选路。在TCP/IP协议族中,网络层协议包括IP协议(网际协议),ICMP协议(互联网控制报文协议),以及IGMP协议(互联组管理协议),TCP/IP模型,传输层:主要为两台主机上的应用程序提供端到端的通信。在TCP/IP协议族中,有两个互不相同的传输协议:TCP(传输控制协议)和UDP(用户数据报协议)。TCP为两台主机提供高可靠性
11、的数据通信,UDP则为应用层提供一种低可靠的简单服务,TCP/IP模型,应用层:包括所有的高层协议。早期的应用层有远程登录协议(telnet)、文件传输协议(FTP)和简单邮件传输协议(SMTP)等协议。最近几年出现了一些新的应用层协议,如用于将网络中的主机的名字地址映射成网络地址的域名服务(DNS),用于传输网络新闻的协议(NNTP)和用于从WWW网上读取页面信息的超文本传输协议(HTTP)等,TCP/IP模型,使用ISO/OSI模型(去掉会话层和表示层)可以很好地讨论计算机网络,但是OSI协议并未流行TCP/IP模型正好相反,其模型本身实际上并不存在,只是对现存协议的一个归纳和总结,但TC
12、P/IP协议却被广泛使用,IP地址和域名,IP地址和域名是Internet使用的网络地址,符合TCP/IP协议规定的地址方案,与日常生活中涉及的通信地址和电话号码相似TCP/IP协议要求每一个主机都有惟一的一个网络地址,简称IP地址在Internet中,域名可以通过域名服务系统(DNS)映射为IP地址,以方便人们记忆,IP地址和域名,IP地址IP地址表示为二进制和十进制格式二进制的IP地址为32位,分为4个8位二进制数。例如:11001010 01100000 00110011 00000010由4组十进制数字表示的IP地址便于用户和网管人员使用和掌握。每8位二进制数用一个十进制数表示,并以小
13、圆点分隔,例如,上例用十进制表示为:,IP地址和域名,最小的IP地址值为0.0.0.0最大的地址值为可以将IP地址分成几类,常用的有:A类地址、B类地址、C类地址、D类地址。每一个IP地址包括两部分:网络地址和主机地址区分各类地址的最简单方法是看它的第一个十进制整数,ABCD保留,0 127128 191192 223224 239240 247,类型,范围,各类IP地址的范围,IP地址和域名,A类地址表示范围为0,0,0,0 126,255,255,255默认网络掩码为255,0,0,0A类地址分配给规模特别大的网络使用第一组数字表示网络本身的地址,后面三组数字作为连接于网络上的主机地址,分
14、配给具有大量主机而局域网络个数较少的大型网络,IP地址和域名,B类地址表示范围为128,0,0,0 191,255,255,255默认网络掩码为255,255,0,0B类地址分配给一般的中型网络第一、第二组数字表示网络地址,后面两组数字代表网络上的主机地址,IP地址和域名,C类地址表示范围为192,0,0,0 223,255,255,255默认网络掩码为255,255,255,0C类地址分配给小型网络,如一般的局域网或校园网等,它连接的主机数量是最少的,把所属的用户分为若干网段进行管理用前三组数字表示网络的地址,最后一组数字作为网络上的主机地址,IP地址和域名,Internet域名系统Inte
15、rnet使用一种标准的命名方式来标识Internet上的每一台主机,这种命名方式称为域名系统(DNS)。域名比数字(IP地址)更容易记忆全球DNS的根服务器位于美国弗吉尼亚州的Internet网络信息中心(InterNIC),由网络解决方案公司(NSI)管理,同时在全球其他各大洲也都有其相应的DNS根服务器,如,亚洲的DNS根服务器在日本,IP地址和域名,DNS服务器的功能是与其他DNS服务器(同级服务器或下一级服务器)进行信息交互。其结果是,全世界有许多共享信息的DNS服务器,这样,它们所在地的用户就可以通过域名找到它们的站点和其他的Internet资源。如果用户所在地的DNS服务器不能解析
16、一个域名到IP地址,DNS服务器就会和另外的DNS服务器联系。假如那个DNS也不能找到域名,它还将继续搜索直到超时,IP地址和域名,在超时的情况下,会返回一个错误,如果客户端允许的话,还会显示一条错误消息。在Web站点不能被发现的情况下,浏览器就会显示一条错误信息不能定位服务器或存在DNS错误,IP地址和域名,其中,WWW是为用户提供服务的主机类型,tsinghua代表清华大学,edu代表教育科研网,cn代表中国在域名地址中,排在最后的域名缺少国名时大多为美国的域,我国的域通常结尾都有cn,IP地址和域名,HTTP协议用于在网络上传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络
17、传输减少当我们想浏览一个网站的时候,只要在浏览器的地址栏里输入网站的URL(统一资源定位符)地址就可以了。浏览器会通过超文本传输协议(HTTP),将Web服务器上站点的网页代码提取出来,并翻译成网页,IP地址和域名,URL的组成,例如:htm含义如下:http:/代表超文本传输协议,通常不用输入www 代表Web服务M 装有网页的服务器的域名,或站点服务器的名称China/为该服务器上的子目录(文件夹)Index.htm 是文件夹中的HTML(超文本标记语言)文件,IP地址和域名,HTTP协议基于请求/响应模式(相当于C/S)一个客户机与服务器建立连接后,发送一个请求给服务器,请求方式的格式为
18、:统一资源标识符(URL)、协议版本号,后边是MIME(多用途的网际邮件扩充协议)信息,包括请求修饰符、客户机信息和可能的内容服务器接到请求后,给予相应的响应信息,其格式为一个状态行,包括信息的协议版本号、一个成功或错误的代码,后边是MIME信息,包括服务器信息、实体信息和可能的内容,1.3 网页语言介绍,HTML语言,如果在浏览器中任意打开一个网页,然后在窗口中空白位置右击,选择“查看源文件”命令(或者选择“查看”菜单中的“源文件”命令),则系统会启动“记事本”,其中包含的文本信息就是网页的本质HTML源代码HTML是表示网页的一种规范(或者标准),它通过标记符定义了网页内容的显示。例如,用
19、 标记符可以在网页上定义一个表格,HTML语言,在HTML文档中,通过使用标记符可以告诉浏览器如何显示网页,即确定内容的显示格式。浏览器按顺序读取HTML文件,然后根据内容周围的HTML标记符解释和显示各种内容HTML中的超文本功能,也就是超链接功能,使网页之间可以链接起来。网页与网页的链接构成了网站,而网站与网站的链接就构成了WWW世界,HTML语言,HTML由国际组织W3C(万维网联盟)制定和维护,HTML 3.2是目前被广泛支持的标准(几乎所有浏览器都支持),HTML 4.0也已逐步普及。最新的标准是HTML 4.01,它对HTML 4.0作了一些小的修正对于基本的标记符,3.2与4.0
20、基本一致如果需要了解HTML的更详细情况,请访问W3C的官方网站:htt:/www.w3c.org,可以从该网站中获得最新的HTML规范,HTML语言,很多网页开发工具,如Dreamweaver、FrontPage等,并不要求开发者具备HTML语言基础,但是如果要对网页进行深层次的开发就离不开HTML语言先来看一段HTML程序,其运行效果如图所示,HTML示例 标记符可以产生多个空行效果 此为最后一段,标题标记符在HTML标记符中,最基本、最常用的标记符是标题标记符 和,用于定义网页的标题。网页标题可被浏览器用作书签和收藏清单。当网页在浏览器中显示时,网页标题将在浏览器窗口的标题栏中显示另一个
21、常用的标记符是META,用于说明与Web页有关的信息。例如说明文件创作工具、文件作者等信息META标记符的常用属性包括:name、http-equiv以及content。其中,name属性给出特性名,而content属性给出特性值,http-equiv属性指定HTTP响应名称,通常用于替换name属性,HTTP服务器使用该属性值为HTTP响应消息头收集信息,例如:,编写客户端程序的语言是JavaScriptMETA标记符的一个常用功能是设置自动转址功能,使浏览器自动从一个地址跳转到另一个地址,正文标记符正文标记符 和 包含Web页的具体内容,包括文字、图形、超链接以及其他各种HTML对象如果没
22、有其他标记符修饰,正文标记符中的文字将以无格式的形式显示(浏览器窗口显示不下则自动换行)在 标记符中使用bgcolor属性可以为网页设置背景颜色。例如,想为网页设置黑色背景,可使用HTML语句:在指定背景颜色时,有16种标准颜色可供选择,网页设计者也可选择特定图案作为页面的背景,这时,可使用BODY标记符的background属性。HTML语句:使用背景图案时,如果图案小于浏览器窗口的大小,则浏览器会自动像铺地板砖一样平铺背景图案,显示特殊字符如果要在网页中显示某些特殊字符,例如:“”等与HTML语法冲突的符号(“”表示为,例如,要在Web页中显示内容“is a popular VCD Pro
23、gram.”,则需使用参考字符“is a popular VCD program.”。不过,如果要显示“”,则一定要使用参考字符,否则会出现显示错误,段落标记符和换行标记符段落标记符 和换行符 标记符 标记符可以区分各段文字 标记符产生断行或产生空行水平线标记符当需要水平线的时候要用水平线标记符 注意与水平线标记符相配合的还有size、width、noshade和color等属性,标题标记符及正文对齐方式以下HTML代码显示了l 5级标题的效果、align属性的使用以及段落的对齐方式的效果,如图所示,标题效果 一级标题(居中对齐)二级标题 本行为默认对齐的段落,相当于align=“left”三
24、级标题 本行为居中对齐的段落 四级标题 本行为右对齐的段落 五级标题 好好学习 天天向上,浏览器在解释标题标记符时,会自动改变文本的大小并将字体设为黑体,同时自动将内容设置为一个段落align属性可应用于多种标记符,如P、BR标记符等若需要将多个段落使用相同的对齐方式,可以不必在每个段落中设置align属性,而是使用DIV标记符将所有段落包含起来,然后在DIV标记符中设置align属性,表格标记表格是HTML的一项非常重要的功能,利用其多种属性能够设计出多样化的表格使用表格可以使页面有很多意想不到的效果,使页面更加整齐美观。表格的设计及表格的属性标记介绍如下:,表格的HTML基本语法如下:定义
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页制作工具 网页 制作 工具 PPT 课件
链接地址:https://www.31ppt.com/p-5569558.html