计算物理教研室市公开课一等奖百校联赛特等奖课件.pptx

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,第一章,计算物理教研室,.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.1,Internet概述,第6页,1.1.1 Internet起源和发展,Internet是起源于美国国防部高级研究计划局ARPA,(Advanced Research ProjectAgency)于1968年主持研制用于支持军事研究计算机试验网ARPANET。ARPANET建网初衷意在帮助那些为美国军方工作研究人员经过计算机交换信息，它设计与实现是基于这么一个主导思想：网络要能够经得住故障考验而维持正常工作，当网络一部分因受攻击而失去作用时，网络其它部分仍能维持正常通信。1985年美国国家科学基金会NSF（National Science Foundation），为勉励大学与研究机构共享他们非常昂贵四台计算机主机，希望经过计算机网络把各大学与研究机构计算机与这些巨型计算机联接起来，他们利用ARPANET发展出来叫做TCP/IP通迅协议自已出资建立一个名为NSFNET广域网，因为美国国家科学资金勉励和资助，许多大学、政府资助研究机构、甚至私营研究机构纷纷把自已局域网并入NSFNET。80年代中期人们将这些互联在一起网络看作为一个互联网络，并以Internet来称呼它。,第7页,1.1.2 Internet在中国,第一阶段：19871993年，主要是理论研究及电子邮件服务。,第二阶段:1994年至今，建立国内大型计算机网络并实现与Internet全功效连接。,1.1.3 Internet特点,开放性,共享性,低廉性,交互性,第8页,1.1.4 Internet发展趋势,应用商业化,互联全球化,互联宽带化,多业务综合平台化、智能化,第9页,1.2Internet基本概念与通信协议,1.2.1 TCPIP协议,TCP/IP协议叫做传输控制/网际协议，它是Internet国际互联网络基础。,TCP协议：提供了一个可靠数据交互服务。它把要发送报文（即数据），分成每块不超出64K字节数据段，再将每个数据段作为一个独立数据包传送。在传送中，假如发生丢失、破坏、重复、延迟和乱序等问题，TCP就会重传这些数据包，最终接收端按正确次序将它们重新组装成报文。,IP协议：IP协议主要要求了数据包传送格式，除了要传送数据外，还带有源地址和目标地址。目标地址能够帮助数据包寻找抵达目标地路径。因为因特网是一个网际网，数据从源地址到目标地址，途中要经过一系列子网，靠相邻子网一站站地传送下去。IP协议在传送过程中不考虑数据包丢失或犯错，纠错功效由TCP协议来确保。,第10页,1.2.2 TCPIP层次结构与功效,Internet中TCP/IP协议模型，由四个层次组成。,应用层,传输层,网间网层,网间网层,网络接口层,应用层,传输层,网络接口层,物理网络,报文流,TCP分组,IP数据报,第11页,1.2.3IP地址,IP地址它是Internet协议地址简称。,如同电话网络上标识一台电话机是其电话号码一样，IP地址是对连接到Internet上计算机进行标识标准方法，分配给一台计算机IP地址在Internet上是独一无二。,当前使用IP地址由32位二进制数组成。,比如10001100101110100101000010000001，为便于记忆，将32位代码分为4组，每组8位，然后转换为其对应十进制代码，这么一来IP地址就用4组十进制数表示，每组数可取值0255，各组数之间用一个点号“.”隔开，其表示方法为：nnn.nnn.nnn.nnn。上面数字就对应：140.186.81.1。这种地址格式被称为点分十进制地址。,第12页,1.2.3IP地址,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-Domain Name System），简称DNS。,它是一个管理名字方法。,第14页,1.2.4域名和域名系统,中国互联网络域名及管理,1997年,中国互联网信息中心 CNNIC(China Internet Network Information Center)成立,全方面负责我国境内Internet域名注册及IP地址分配等工作,对国内用户接人Internet域名系统实施统一管理。CNNIC将我国二级域名分为两类，即类别域名和行政区域名。,其中类别域名有：行政区域名：ac 适合用于科研机构；共34个，适合用于各com 适合用于工.商.金融等企业；省自治区、直辖市edu 适合用于教育机构；和尤其行政区。gov 适合用于政府部门；net 适合用于网络运行与服务中心；org 适合用于各种非营利性组织、机构。,第15页,1.3接入Internet,用户想要利用Internet资源，必须首先将自己计算机接入Internet。用户经过因特网服务供给商ISP接入因特网，ISP作用一是为用户接入因特网提供服务，二是为用户提供各种类型信息服务，比如电子邮件服务、信息公布代理服务、广告服务等。接入Internet方法有以下许各种，下面我们介绍惯用三种:,拨号接入Internet,ADSL接入Internet,经过局域网接入Internet,第16页,1.4Internet主要服务,1.4.1 电子邮件,电子邮件（简称E-mail）简单地说就是经过Internet收发信件，是种用电子伎俩提供信息交换通信方式。,个完整Internet邮件地址由以下两个部分组成，格式以下：,登录名主机名.域名,“”前面部分通常是用户登录名，即与服务器联机时输入名字；“”后面部分是区域名，它标识用户所属特定系统（主机），普通为邮件服务器名字。,比如：webmaster,第17页,1.4.2 远程登录,在Internet中，用户能够经过远程登录使自己成为远程计算机终端，用户在当地计算机上用键盘和显示器与远程计算机进行交互作用，并在它上面运行程序或使用它软件和硬件资源。,Telnet是一个强有力远程登录工具。登录时必须事先成为该远程计算机系统正当用户，拥有响应账号和口令。,第18页,1.4.3 文件传输,FTP（File Transfer Protocol）是文件传输协议英文缩写，是一个与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(World Wide Web)，又被人们称,为3W、万维网等，是Intemet上最受欢迎、最为流行,信息检索工具。,Internet网中客户使用浏览器只要简单地点击鼠,标，即可访问分布在全世界范围内Web服务器上文,本文件，以及与之相配套图像、声音和动画等，进行,信息浏览或信息公布。,第21页,1.5.1 WWW起源和发展,WWW是由欧洲粒子物理试验室(CERN)科研人员,于1989年负责开发。最初动机，就是想让几千名,经常访问 CERN科学家坐在世界上任何地方一,台计算机前都能够用同一个方式共享信息资源，为分,散在世界各地物理学家组成工作组提供信息服务，,使组内组员能够方便地交换信息，或者交换彼此想,法。为了利用Internet实现这个目标，欧洲粒子物理实,验室科研人员提出了超文本数据结构。所谓超文本,（Hypertext）数据结构，是一个用计算机来实现连接,相关文档结构，该连接以高亮单词或图象形式嵌入在,文档文字之中。当被激活时，便马上检索连接文档,并显示出来，在被连接文档中又能够嵌套别连接，,如此多重嵌套，以至无穷。,第22页,1.5.2 WWW工作模式,WWW服务采取了客户服务器工作模式。在该模式中，信息资源以页面（也称网页或Web页）形式存放在Web服务器中；用户查询信息时执行一个客户端应用程序，简称客户程序（Cient）或称为浏览器（Browser）程序，客户端浏览器软件含有Internet地址(Web地址)和文件路径导航能力，它向Web服务器发出请求，Web服务器依据客户端请求内容，将保留在Web服务器中某个页面返回给客户端。浏览器程序接收到页面后对其进行解释，最终将图、文、声并茂画面展现给用户。上述整个过程可分为以下三个步骤：,浏览器向某个Web服务器发出一个需要页面请求，即输入一个Web地址；,Web服务器收到请求后，在文档中寻找特定页面，并将页面传送给浏览器；,浏览器收到并显示页面内容。,第23页,1.5.3 Web浏览器和服务器,浏览网页是互联网上最普及应用，而浏览器则是互联网应用中最惯用工具软件，它性能、功效和安全性将直接影响我们使用互联网体验和感受。Web浏览器是一个程序，它能对HTML文档格式及其所含有漫游指令进行转换。浏览器和服务器经过另一个公开标准，,即HTTP(Hyper Text Transfer Protocol)来实现它们之间通信。利用HTML和HTTP规范，Web联合会已经能够使Internet上任何一个用户都能轻而易举地创建和公布Web文档。,IE 浏览器是Microsoft 企业设计开发一个功效强大、很受欢迎Web 浏览器。在Windows XP 操作系统中内置了IE 浏览器升级版本IE6.0，与以前版本相比，其功效愈加强大，使用愈加方便，用户能够将计算机连接到Internet，从Web 服务器上搜索需要信息、浏览Web 网页、查看源文件、收发电子邮件，上传网页等。,第24页,1.5.3 Web浏览器和服务器,Web服务器(或称HTTP服务器)主要提供HTTP服务。,原来Web服务器只提供“静态”内容，即返回在URL,里指定文件内容，普通具备将URL名映射到文,件名功效，并能实施某种安全策略。现在，可采,用CGI(通用网关接口)技术或Java Servlet技术从一,个运行程序里得出“动态”内容，能够采取应用关,键字来组织脚本文件,而且现在Web服务器通常还,具备连接数据库功效，这些形成了Web应用出,现.通常，一个Web服务器还提供其它服务。代理服,务器能够经过缓存应答(页面)使得响应时间更加快，也能够降低网络流量，对外能隐藏内部网信息。就当前情况来看，功效强大 Web服务器大多数是运行在Windows NT或UNIX平台上。,第25页,1.5.4 统一资源定位器URL,在WWW上浏览或查询信息，必须在浏览器上输入查询目标地址，这就是URL(Uniform Resource Locator：统一资源定位器)，也称Web地址，俗称“网址”。,采取URL能够用一个统一格式来描述WWW中各种信息资源，包含文件、服务器地址和目录等。,URL格式普通由以下三部分组成：,协议+“:/”+主机域名(IP地址)+目录路径,第一部分是:协议（或称为服务方式）；,第二部分是:存有该资源主机IP地址（有时也包含端口号）或域名地址；,第三部分是:主机资源详细地址，如目录和文件名等。,第26页,1.5.5 HTTP协议,HTTP(Hyper Text Transfer Protocol)超文本传输,协议是WWW基本协议，是用于从WWW服务器传,输超文本到当地浏览器传送协议。它不但确保计算,机正确快速地传输超文本文档，还确定传输文档中,哪一部分，以及哪部分内容首先显示(如文本先于图形),等。超文本含有极强交互能力，用户只需点击文本中,字和词组，即可阅读另一文本相关信息，这就是超,链接(Hyperlink)。超链接普通嵌在网页文本或图,像中。,第27页,1.2 网页与网站概念,1网站和网页,2远程站点和当地站点,第28页,1网站和网页,网站（Web Site）顾名思义就是计算机网络上一个站点，代表一个位置，网页（Web Page）就是站点中所包含内容。,简单来说，网站是一系列含有相同或相同属性并经过各种链接相互关联网页组合。,网页能够是站点一部分，也能够独立存在。经过浏览器能够实现网页跳转，从而游览整个网站。,网页是网站信息公布与表现一个主要形式。网页内容与公布信息目标和要求相关，网页表现形式和效果与制作工具和创意水平相关。,网页是用HTML编写、经过WWW网络传输，并被Web浏览器翻译成能够显示出来一个页面文件，它集合了文本、图片、声音和数字电影等信息。网页普通由站标、导航栏、广告栏和信息区等部分组成。,依据页面内容，能够把网页分为首页、主页、专栏网页、内容网页，以及功效网页等类型，在这些网页中最主要是网站主页。,在访问一个网站时首先看到网页称为该网站首页。有网站首页只起欢迎访问者作用，是网站开场页。单击该页面上链接文字或图片，即可进入网站主页，首页也随之关闭。,第29页,1.3网页制作惯用工具介绍,1.3.1 网页布局工具,1Dreamweaver,2Frontpage,1.3.2网页美化工具,1图像处理软件:Photoshop,Fireworks,2动画制作软件:FLASH,Swish、Ulead GIF Animator,Ulead Cool 3D、3D Flash Animator、Xara3D,第30页,1Dreamweaver,由美国Macromedia企业开发Dreamweaver、Flash和Fireworks被称为网页制作三剑客，是制作专业网站必备武器。,Dreamweaver、Flash和Fireworks含有统一界面，方便了用户操作。其中Dreamweaver是一个网站和网页制作专业化可视编辑工具。,利用Dreamweaver能够轻松地制作出含有动态HTML功效网站，并能够制作出跨越平台限制和跨越浏览器限制充满动感网页。,Dreamweaver含有制作效率高、网站管理方便、控制能力强、所见即所得、模板丰富、网页展现力强等特点。,第31页,2Flash,Flash是当前最流行矢量动画制作软件。,与其它动画软件相比，它优点在于：,制作是矢量图像，只有用少许矢量数据就能够描述一个复杂对象，而占有存放空间只是位图几千分之一，非常适合在网络上使用。,同时，矢量图像画面质量不会随浏览器窗口大小改变而改变。,Flash MX影片是一个流式文件。,当浏览者在观看一个大动画时，无须等到影片全部下载到当地后再观看，而是能够随时观看，如支持位图、声音、渐变色和Alpha透明等。,拥有了这些功效，用户完全能够建立一个全部由Flash制作站点。,第32页,3Fireworks,Firework是当前最流行网页图像制作软件之一。只要将Dreamweaver默认图像编辑器设为Fireworks，那么在Fireworks中制作完成网页图像后将其输出就会马上在Dreamweaver中更新。,Fireworks还能够安装使用全部Photoshop滤镜，而且能够直接导入PSD格式图像。它不但结合了Photoshop位图功效以及CorelDRAW矢量图功效，而且提供了大量网页图像模板供用户使用。,比如，网页上流行阴影和立体按钮等效果，能够很简单用它制作完成。它还能够将图像切割、图像映射、悬停按钮及图像翻转等效果直接生成HTML代码，嵌入到现有网页中，或者作为单独网页出现。,第33页,1.4 网页开发语言,1.4.1 HTML语言,1.4.2 VBScript和JavaScript,1.4.3 动态网站开发语言,1ASP,2JSP,3PHP,第34页,1.4.1 HTML语言,HTML英文全称是“Hyper Text Mark up language”，汉字可译为“超文本标识语言”，它由W3C组织商讨制订。用其语法规则建立文档能够运行在不一样操作系统平台上，是当前因特网上用于编写网页主要语言。,HTML并不是一个程序设计语言，而是一个描述文档结构标识语言，不需要翻译而直接由浏览器解释执行。它作用是经过一些标签来告诉浏览器，怎样显示标签中内容。,HTML中标签是不能扩展，HTML文件中包含了要显示数据和显示方法。其扩展名为“htm”或“html”。,第35页,1.4.2 VBScript和JavaScript,VBScript和JavaScript都是一个解释性脚本语言，它们代码能够直接嵌入到HTML命令中。,JavaScript和VBScript最大特点是能够很方便地操纵网页上元素，并经过Web浏览器与访问者交互。同时，JavaScript和VBScript能够捕捉客户操作并作出反应。,1VBScript,2JavaScript,第36页,1VBScript,VBScript脚本语言是ASP默认语言，它是Visual Basic家族最新组员，能够说VBScript是Visual Basic子集，也能够说VBScript是为了符合Internet小而精条件而从VB之中萃取出精华功效程序语言，其语法规则、函数与VB很相同，但功效上有所限制，语法规则也不是很严谨。,第37页,1VBScript,VBScript能够在客户端使用，也能够在服务器端使用，这是程序本身决定。下面我们来看一段HTML中VBScript代码。,VBScript代码示例,VBScript代码示例，弹出式对话框!,MsgBox”VBScript代码示例”,第38页,1VBScript,其中，“”与“”之间就是VBScript脚本代码，,“language”告诉浏览器脚本代码语言类型是VBScript。“MsgBox”是VBScript语言中显示消息框函数，其功效是弹出一个含有按钮对话框，并显示“”中字符串。以下列图所表示。,第39页,1VBScript,第40页,2JavaScript,JavaScript是一个跨平台、基于对象脚本语言，提到JavaScript脚本语言，可能会把它与Java语言混同起来，其实JavaScript与Java是两种完全不一样语言。,即使它们语法元素都和C+十分相同，但彼此间是不一样。,首先JavaScript是Netscape企业产品，而Java是Sun企业产品；,JavaScript是一个解释型语言，而Java是一个编译型语言。,在HTML基础上，使用JavaScript能够开发交互式Web网页。使网页包含更多活跃元素和愈加精彩内容。,第41页,2JavaScript,一样来看一段代码。,JavaScript代码示例,JavaScript代码示例，弹出式对话框!,alert(“JavaScript代码示例!”),第42页,2JavaScript,其中，“”与“”之间就是JavaScript脚本代码，“language”告诉浏览器脚本代码语言类型是JavaScript。“Alert()”是JavaScript语言中显示消息框函数，其功效是弹出一个含有按钮对话框，并显示“()”中字符串，以下列图所表示。,第43页,2JavaScript,第44页,1.2.3 ASP，PHP，JSP,当前，最惯用三种动态网页语言有ASP,JSP,PHP。,ASP（Active Server Pages），是一个Web服务器端开发环境，利用它能够产生和运行动态、交互、高性能Web服务应用程序。,ASP既不是一个语言，也不是一个开发工具，而是一个内含于IIS/PWS之中易学易用、能够集成Script语言（如VBScript或JavaScript）到HTML主页服务器端（ServerSide）脚本语言环境，其主要功效是为生成动态、交互Web服务器应用程序提供一个功效强大方式或技术。,第45页,PHP（原始缩写是“Persona Home Page”,现在官方正式定为“PHP:Hypertext Preprocessor”递归缩写），与ASP一样，PHP也是一个跨平台服务器端嵌入式脚本语言。,它大量地借用C,Java和Perl语言语法,并耦合PHP自己特征,使Web开发者能够快速地写出动态生成页面。与ASP不一样是，PHP跨多个平台（如Unix、Linux、Windows 98、Windows NT、Windows、Windows XP和Macintosh等），支持数种著名通用Web服务器（如IIS、Apache），用户更换平台时无需变换PHP代码。,1.4.3 ASP，PHP，JSP,第46页,JSP (Java Server Pages)是Sun企业推出新一代站点开发语言，能够在Serverlet和JavaBean支持下，完成功效强大站点程序。,在传统HTML网页中加入Java程序片段和JSP标识，就组成了JSP网页。,Web服务器在访问JSP网页时，由JSP引擎解释JSP标识和其中程序片段，生成所请求内容，然后将结果以HTML格式返回到浏览器。,第47页,三者都提供在 HTML 代码中混合某种程序代码、由语言引擎解释执行程序代码功效。,普通 HTML 页面只依赖于 Web 服务器，而 ASP，PHP，JSP 页面需要附加语言引擎分析和执行程序代码。,程序代码执行结果被重新嵌入到 HTML 代码中，然后一起发送给浏览器。在 ASP，PHP，JSP 环境下，HTML 代码主要负责描述信息显示样式，而程序代码则用来描述处理逻辑。,ASP，PHP，JSP三者都是面向 Web 服务器技术，客户端浏览器不需要任何,附加软件支持。,第48页,