计算物理教研室

第一章计算物理教研室.2.12第1页学习内容介绍本课程教学内容以下

1)教材《网页设计与制作》

2)学习目标

掌握一门语言、学会用一个软件，制作出一个完整网站、并熟悉网站制作、调试、上传公布、维护管理、推广等步骤；

3)学习内容

主要学习HTML语言+学会DW软件使用方法

4)教学与学习方法

主要讲解基础知识，结合课堂训练、课外练习、网络交流、期末考试；

5)需要掌握相关软件：

网页制作软件DW,Frontpage等；图片处理软件acdsee、photoshop、firework、flash、gif、友立动画软件等；

6)学习要求第2页本课程安排情况总共有32课时，2个学分。主要是理论讲授分三阶段进行：

第一阶段主要学习HTML语言+网页特效与技巧；

第二阶段

熟悉Dreamweaver使用；

第三阶段学生自己实战演练。

第3页本课程考试安排一、各阶段成绩百分比：平时成绩：25%期中考评：15%期末考试：60%二、平时考评方式及其分值百分比

作业：满分100总共10次作业，每次4道计算题。缺交一次扣4分，迟交一次扣2分；

考勤：课堂点名共10次，缺席一次扣4分，迟到一次扣2分。

三、期中考试

考评方式：开卷考试；考查内容：设计一个个人网站，满分100

；四、期末考试

书面考评方式：闭卷考试卷面分值：满分100

时间：90分钟

实践考查方式：

期末考试前一周提交一个完整网站(详细要求到时通知)。第4页本章学习目标1、了解Internet产生、发展与现实状况，以及Internet在我国发展情况。2、掌握TCP/IP分层模型、IP协议基本内容。3、掌握IP地址、域名，以及域名体系基本内容。4、掌握网络互联基本概念，以及接入Internet基本方法。5、掌握Intranet基本概念，了解Internet组成及功效。6、了解相关网页一些基本概念7、了解网站基本结构特征和网页布局8、了解网页制作基本工具和开发语言9、了解站点规划基本流程第5页Internet即国际计算机互联网，又叫国际计算机信息资源网。Internet是利用通信设备和线路将全世界上不一样地理位置功效相对独立数以千万计计算机系统互连起来，以功效完善网络软件（网络通信协议、网络操作系统等）实现网络资源共享和信息交换数据通信网。我国曾被译为“国际互联网”、“国际网”等。1997年7月，全国科学技术名词审定委员会推荐使用汉字译名“因特网”。§1.1Internet概述第6页1.1.1Internet起源和发展

Internet是起源于美国国防部高级研究计划局ARPA(AdvancedResearchProjectAgency)于1968年主持研制用于支持军事研究计算机试验网ARPANET。ARPANET建网初衷意在帮助那些为美国军方工作研究人员经过计算机交换信息，它设计与实现是基于这么一个主导思想：网络要能够经得住故障考验而维持正常工作，当网络一部分因受攻击而失去作用时，网络其它部分仍能维持正常通信。1985年美国国家科学基金会NSF（NationalScienceFoundation），为勉励大学与研究机构共享他们非常昂贵四台计算机主机，希望经过计算机网络把各大学与研究机构计算机与这些巨型计算机联接起来，他们利用ARPANET发展出来叫做TCP/IP通迅协议自已出资建立一个名为NSFNET广域网，因为美国国家科学资金勉励和资助，许多大学、政府资助研究机构、甚至私营研究机构纷纷把自已局域网并入NSFNET。80年代中期人们将这些互联在一起网络看作为一个互联网络，并以Internet来称呼它。第7页1.1.2Internet在中国第一阶段：1987—1993年，主要是理论研究及电子邮件服务。第二阶段:1994年至今，建立国内大型计算机网络并实现与Internet全功效连接。1.1.3Internet特点开放性共享性低廉性交互性第8页1.1.4Internet发展趋势应用商业化互联全球化互联宽带化多业务综合平台化、智能化第9页1.2

Internet基本概念与通信协议1.2.1TCP／IP协议TCP/IP协议叫做传输控制/网际协议，它是Internet国际互联网络基础。TCP协议：提供了一个可靠数据交互服务。它把要发送报文（即数据），分成每块不超出64K字节数据段，再将每个数据段作为一个独立数据包传送。在传送中，假如发生丢失、破坏、重复、延迟和乱序等问题，TCP就会重传这些数据包，最终接收端按正确次序将它们重新组装成报文。IP协议：IP协议主要要求了数据包传送格式，除了要传送数据外，还带有源地址和目标地址。目标地址能够帮助数据包寻找抵达目标地路径。因为因特网是一个网际网，数据从源地址到目标地址，途中要经过一系列子网，靠相邻子网一站站地传送下去。IP协议在传送过程中不考虑数据包丢失或犯错，纠错功效由TCP协议来确保。第10页1.2.2TCP／IP层次结构与功效Internet中TCP/IP协议模型，由四个层次组成。应用层传输层网间网层网间网层网络接口层应用层传输层网络接口层物理网络

报文流TCP分组IP数据报第11页1.2.3

IP地址IP地址——它是Internet协议地址简称。如同电话网络上标识一台电话机是其电话号码一样，IP地址是对连接到Internet上计算机进行标识标准方法，分配给一台计算机IP地址在Internet上是独一无二。当前使用IP地址由32位二进制数组成。比如10001100101110100101000010000001，为便于记忆，将32位代码分为4组，每组8位，然后转换为其对应十进制代码，这么一来IP地址就用4组十进制数表示，每组数可取值0～255，各组数之间用一个点号“.”隔开，其表示方法为：nnn.nnn.nnn.nnn。上面数字就对应：。这种地址格式被称为点分十进制地址。第12页1.2.3

IP地址IP地址4组数字包含两个部分，即网络地址与主机地址，前者用来在Internet中标识一个网络，后者则用来标识这个网络中某一台主机。IP地址按第一个字节前几位是0或1组合，将地址标识为A、B、C、D、E五类：A类：最高位为“0”，随即7位为网络地址，主机地址为24位，用于拥有大量主机大型网络。B类：最高两位为“10”，随即14位为网络地址，主机地址位16位，用于中等规模网络。C类：地址前三位为“110”，随即21位为网络地址，主机地址为8位，用于小型规模网络。D类：地址前4位为“1110”，随即28位为多投点地址。多投点与广播不一样之处于于允许每台机器自己选择是否要参加多投点递交。E类；地址前5位为“11110”，保留为未来或一些试验使用。第13页1.2.4域名和域名系统【域名】IP地址能够唯一地确定一台主机，但因为IP地址是数字型标识，这种数字地址显然不够直观，也难以记忆，为此，Internet采取了一个字符型标识，用字符串标识主机地址，这就是域名。

域名结构类似于以下结构：计算机主机名．机构名．网络名．最高层域名【域名系统】能实现域名和IP地址之间双向转换软件称为域名系统（DNS-DomainNameSystem），简称DNS。它是一个管理名字方法。第14页1.2.4域名和域名系统中国互联网络域名及管理1997年,中国互联网信息中心CNNIC(ChinaInternetNetworkInformationCenter)成立,全方面负责我国境内Internet域名注册及IP地址分配等工作,对国内用户接人Internet域名系统实施统一管理。CNNIC将我国二级域名分为两类，即类别域名和行政区域名。其中类别域名有：行政区域名：

ac适合用于科研机构；共34个，适合用于各

com适合用于工.商.金融等企业；省自治区、直辖市

edu适合用于教育机构；和尤其行政区。

gov适合用于政府部门；

net适合用于网络运行与服务中心；

org适合用于各种非营利性组织、机构。第15页1.3

接入Internet用户想要利用Internet资源，必须首先将自己计算机接入Internet。用户经过因特网服务供给商ISP接入因特网，ISP作用一是为用户接入因特网提供服务，二是为用户提供各种类型信息服务，比如电子邮件服务、信息公布代理服务、广告服务等。接入Internet方法有以下许各种，下面我们介绍惯用三种:拨号接入InternetADSL接入Internet经过局域网接入Internet第16页1.4

Internet主要服务1.4.1电子邮件电子邮件（简称E-mail）简单地说就是经过Internet收发信件，是—种用电子伎俩提供信息交换通信方式。—个完整Internet邮件地址由以下两个部分组成，格式以下：

登录名@主机名.域名“@”前面部分通常是用户登录名，即与服务器联机时输入名字；“@”后面部分是区域名，它标识用户所属特定系统（主机），普通为邮件服务器名字。

比如：webmaster@163.com

第17页1.4.2远程登录在Internet中，用户能够经过远程登录使自己成为远程计算机终端，用户在当地计算机上用键盘和显示器与远程计算机进行交互作用，并在它上面运行程序或使用它软件和硬件资源。Telnet是一个强有力远程登录工具。登录时必须事先成为该远程计算机系统正当用户，拥有响应账号和口令。第18页1.4.3文件传输FTP（FileTransferProtocol）是文件传输协议英文缩写，是一个与Telnet类似联机服务。允许用户从远程计算机上取得一个文件副本传送到当地计算机上，或将当地计算机上一个文件副本传送到远程计算机上。一样，远程计算机在进行文件传输时要求输入用户账号和口令。但Internet上有许多FTP服务器都提供无偿软件和信息，用户登录时不记名，这种FTP服务称为匿名FTP服务。FTP采取“客户机/服务器”工作方式，客户端要在自己计算机上安排FTP客户程序。使用FTP可传送任何类型文件，如文本文件、二进制文件、声音文件、图像文件和数据压缩文件等。FTP就是完成两台计算机之间文件拷贝。从远程计算机拷贝文件至自己计算机上，称之为“下载（download）”文件。若将文件从自己计算机中拷贝至远程计算机上，则称之为“上载（upload）”文件。第19页1.4.4新闻讨论组新闻组(Usenet)是一个在Internet上提供给网络用户用来彼此交换信息或是讨论某一共同话题系统。在新闻组上交流信息或文章称为网络新闻或网络论坛，能够将任何问题张贴上网，它会伴随网络散播到世界各地。新闻讨论组存在，使Internet应用从简单浏览上升到主动地参加。在Internet上，提供网络新闻服务主机叫做News(新闻)服务器。第20页1.5全球信息网WWW全球信息网即WWW(WorldWideWeb)，又被人们称为3W、万维网等，是Intemet上最受欢迎、最为流行信息检索工具。Internet网中客户使用浏览器只要简单地点击鼠标，即可访问分布在全世界范围内Web服务器上文本文件，以及与之相配套图像、声音和动画等，进行信息浏览或信息公布。第21页1.5.1WWW起源和发展WWW是由欧洲粒子物理试验室(CERN)科研人员于1989年负责开发。最初动机，就是想让几千名经常访问CERN科学家坐在世界上任何地方一台计算机前都能够用同一个方式共享信息资源，为分散在世界各地物理学家组成工作组提供信息服务，使组内组员能够方便地交换信息，或者交换彼此想法。为了利用Internet实现这个目标，欧洲粒子物理实验室科研人员提出了超文本数据结构。所谓超文本（Hypertext）数据结构，是一个用计算机来实现连接相关文档结构，该连接以高亮单词或图象形式嵌入在文档文字之中。当被激活时，便马上检索连接文档并显示出来，在被连接文档中又能够嵌套别连接，如此多重嵌套，以至无穷。第22页1.5.2WWW工作模式WWW服务采取了客户／服务器工作模式。在该模式中，信息资源以页面（也称网页或Web页）形式存放在Web服务器中；用户查询信息时执行一个客户端应用程序，简称客户程序（Cient）或称为浏览器（Browser）程序，客户端浏览器软件含有Internet地址(Web地址)和文件路径导航能力，它向Web服务器发出请求，Web服务器依据客户端请求内容，将保留在Web服务器中某个页面返回给客户端。浏览器程序接收到页面后对其进行解释，最终将图、文、声并茂画面展现给用户。上述整个过程可分为以下三个步骤：浏览器向某个Web服务器发出一个需要页面请求，即输入一个Web地址；Web服务器收到请求后，在文档中寻找特定页面，并将页面传送给浏览器；浏览器收到并显示页面内容。第23页1.5.3Web浏览器和服务器浏览网页是互联网上最普及应用，而浏览器则是互联网应用中最惯用工具软件，它性能、功效和安全性将直接影响我们使用互联网体验和感受。Web浏览器是一个程序，它能对HTML文档格式及其所含有漫游指令进行转换。浏览器和服务器经过另一个公开标准，即HTTP(HyperTextTransferProtocol)来实现它们之间通信。利用HTML和HTTP规范，Web联合会已经能够使Internet上任何一个用户都能轻而易举地创建和公布Web文档。IE浏览器是Microsoft企业设计开发一个功效强大、很受欢迎Web浏览器。在WindowsXP操作系统中内置了IE浏览器升级版本IE6.0，与以前版本相比，其功效愈加强大，使用愈加方便，用户能够将计算机连接到Internet，从Web服务器上搜索需要信息、浏览Web网页、查看源文件、收发电子邮件，上传网页等。第24页1.5.3Web浏览器和服务器Web服务器(或称HTTP服务器)主要提供HTTP服务。原来Web服务器只提供“静态”内容，即返回在URL里指定文件内容，普通具备将URL名映射到文件名功效，并能实施某种安全策略。现在，可采用CGI(通用网关接口)技术或JavaServlet技术从一个运行程序里得出“动态”内容，能够采取应用关键字来组织脚本文件,而且现在Web服务器通常还具备连接数据库功效，这些形成了Web应用出现.通常，一个Web服务器还提供其它服务。代理服务器能够经过缓存应答(页面)使得响应时间更加快，也能够降低网络流量，对外能隐藏内部网信息。就当前情况来看，功效强大Web服务器大多数是运行在WindowsNT或UNIX平台上。第25页1.5.4统一资源定位器URL在WWW上浏览或查询信息，必须在浏览器上输入查询目标地址，这就是URL(UniformResourceLocator：统一资源定位器)，也称Web地址，俗称“网址”。采取URL能够用一个统一格式来描述WWW中各种信息资源，包含文件、服务器地址和目录等。URL格式普通由以下三部分组成：协议+“://”+主机域名(IP地址)+目录路径第一部分是:协议（或称为服务方式）；第二部分是:存有该资源主机IP地址（有时也包含端口号）或域名地址；第三部分是:主机资源详细地址，如目录和文件名等。第26页1.5.5HTTP协议HTTP(HyperTextTransferProtocol)超文本传输协议是WWW基本协议，是用于从WWW服务器传输超文本到当地浏览器传送协议。它不但确保计算机正确快速地传输超文本文档，还确定传输文档中哪一部分，以及哪部分内容首先显示(如文本先于图形)等。超文本含有极强交互能力，用户只需点击文本中字和词组，即可阅读另一文本相关信息，这就是超链接(Hyperlink)。超链接普通嵌在网页文本或图像中。第27页§1.2网页与网站概念1．网站和网页2．远程站点和当地站点第28页1．网站和网页

网站（WebSite）顾名思义就是计算机网络上一个站点，代表一个位置，网页（WebPage）就是站点中所包含内容。简单来说，网站是一系列含有相同或相同属性并经过各种链接相互关联网页组合。网页能够是站点一部分，也能够独立存在。经过浏览器能够实现网页跳转，从而游览整个网站。网页是网站信息公布与表现一个主要形式。网页内容与公布信息目标和要求相关，网页表现形式和效果与制作工具和创意水平相关。网页是用HTML编写、经过WWW网络传输，并被Web浏览器翻译成能够显示出来一个页面文件，它集合了文本、图片、声音和数字电影等信息。网页普通由站标、导航栏、广告栏和信息区等部分组成。依据页面内容，能够把网页分为首页、主页、专栏网页、内容网页，以及功效网页等类型，在这些网页中最主要是网站主页。在访问一个网站时首先看到网页称为该网站首页。有网站首页只起欢迎访问者作用，是网站开场页。单击该页面上链接文字或图片，即可进入网站主页，首页也随之关闭。第29页§1.3网页制作惯用工具介绍1.3.1网页布局工具1．Dreamweaver2．Frontpage1.3.2网页美化工具1．图像处理软件:Photoshop,Fireworks2．动画制作软件:FLASH,Swish、UleadGIFAnimator,UleadCool3D、3DFlashAnimator、Xara3D第30页1．Dreamweaver由美国Macromedia企业开发Dreamweaver、Flash和Fireworks被称为网页制作三剑客，是制作专业网站必备武器。Dreamweaver、Flash和Fireworks含有统一界面，方便了用户操作。其中Dreamweaver是一个网站和网页制作专业化可视编辑工具。利用Dreamweaver能够轻松地制作出含有动态HTML功效网站，并能够制作出跨越平台限制和跨越浏览器限制充满动感网页。 Dreamweaver含有制作效率高、网站管理方便、控制能力强、所见即所得、模板丰富、网页展现力强等特点。第31页2．FlashFlash是当前最流行矢量动画制作软件。与其它动画软件相比，它优点在于：制作是矢量图像，只有用少许矢量数据就能够描述一个复杂对象，而占有存放空间只是位图几千分之一，非常适合在网络上使用。同时，矢量图像画面质量不会随浏览器窗口大小改变而改变。FlashMX影片是一个流式文件。当浏览者在观看一个大动画时，无须等到影片全部下载到当地后再观看，而是能够随时观看，如支持位图、声音、渐变色和Alpha透明等。拥有了这些功效，用户完全能够建立一个全部由Flash制作站点。

第32页3．FireworksFirework是当前最流行网页图像制作软件之一。只要将Dreamweaver默认图像编辑器设为Fireworks，那么在Fireworks中制作完成网页图像后将其输出就会马上在Dreamweaver中更新。Fireworks还能够安装使用全部Photoshop滤镜，而且能够直接导入PSD格式图像。它不但结合了Photoshop位图功效以及CorelDRAW矢量图功效，而且提供了大量网页图像模板供用户使用。比如，网页上流行阴影和立体按钮等效果，能够很简单用它制作完成。它还能够将图像切割、图像映射、悬停按钮及图像翻转等效果直接生成HTML代码，嵌入到现有网页中，或者作为单独网页出现。第33页§1.4网页开发语言1.4.1HTML语言1.4.2VBScript和JavaScript1.4.3动态网站开发语言1．ASP2．JSP3．PHP第34页1.4.1HTML语言

HTML英文全称是“HyperTextMarkuplanguage”，汉字可译为“超文本标识语言”，它由W3C组织商讨制订。用其语法规则建立文档能够运行在不一样操作系统平台上，是当前因特网上用于编写网页主要语言。HTML并不是一个程序设计语言，而是一个描述文档结构标识语言，不需要翻译而直接由浏览器解释执行。它作用是经过一些标签来告诉浏览器，怎样显示标签中内容。HTML中标签是不能扩展，HTML文件中包含了要显示数据和显示方法。其扩展名为“htm”或“html”。第35页1.4.2VBScript和JavaScriptVBScript和JavaScript都是一个解释性脚本语言，它们代码能够直接嵌入到HTML命令中。JavaScript和VBScript最大特点是能够很方便地操纵网页上元素，并经过Web浏览器与访问者交互。同时，JavaScript和VBScript能够捕捉客户操作并作出反应。 1．VBScript 2．JavaScript第36页1．VBScriptVBScript脚本语言是ASP默认语言，它是VisualBasic家族最新组员，能够说VBScript是VisualBasic子集，也能够说VBScript是为了符合Internet小而精条件而从VB之中萃取出精华功效程序语言，其语法规则、函数与VB很相同，但功效上有所限制，语法规则也不是很严谨。第37页1．VBScriptVBScript能够在客户端使用，也能够在服务器端使用，这是程序本身决定。下面我们来看一段HTML中VBScript代码。 <html><head><title>VBScript代码示例</title></head><body>VBScript代码示例，弹出式对话框!<scriptlanguage=”VBScript”>MsgBox”VBScript代码示例”</script></body></html>第38页1．VBScript其中，“<scriptlanguage=“VBScript”>”与“</script>”之间就是VBScript脚本代码，“language”告诉浏览器脚本代码语言类型是VBScript。“MsgBox”是VBScript语言中显示消息框函数，其功效是弹出一个含有按钮对话框，并显示“”””中字符串。以下列图所表示。第39页1．VBScript第40页2．JavaScriptJavaScript是一个跨平台、基于对象脚本语言，提到JavaScript脚本语言，可能会把它与Java语言混同起来，其实JavaScript与Java是两种完全不一样语言。即使它们语法元素都和C++十分相同，但彼此间是不一样。首先JavaScript是Netscape企业产品，而Java是Sun企业产品；JavaScript是一个解释型语言，而Java是一个编译型语言。在HTML基础上，使用JavaScript能够开发交互式Web网页。使网页包含更多活跃元素和愈加精彩内容。第41页2．JavaScript一样来看一段代码。<html><head><title>JavaScript代码示例</title></hea