第一部分基础知识 优秀PPT.ppt
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《第一部分基础知识 优秀PPT.ppt》由会员分享,可在线阅读,更多相关《第一部分基础知识 优秀PPT.ppt(63页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第一部分基础知识第一部分基础知识 现在学习的是第1页,共63页初识网页初识网页n n 网页一般又称为HTML(HyperText Markup Language)文件,英文名称为Web Page,是一种可以在WWW上传输,能被浏览器认识并翻译成页面,进而显示出来的文件。通常看到的网页,大都是以.htm或.html后缀结尾的文件。除此之外,网页文件还有以.cgi、.asp、.php、和.jsp等后缀结尾。n n 根据生成的方式,网页大致可分为静态网页和动态网页两种。现在学习的是第2页,共63页1静态网页静态网页n n静态网页是网站建设初期经常采用的一种形式。网站建静态网页是网站建设初期经常采用的
2、一种形式。网站建设者把内容设计成静态网页,访问者只能被动地浏览网设者把内容设计成静态网页,访问者只能被动地浏览网站建设者提供的网页内容。其特点如下:站建设者提供的网页内容。其特点如下:n n网页内容不会发生变化,除非网页设计者修改了网页内网页内容不会发生变化,除非网页设计者修改了网页内容。容。n n不能实现和浏览网页的用户之间的交互,信息流向是单向的,即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容,静态网页的浏览过程如下图所示。现在学习的是第3页,共63页浏览器浏览器WebWeb服务器服务器HTTPHTTP请求请求HTTPHTTP应答应答图图 1 静态网页浏览静态网页浏览现在
3、学习的是第4页,共63页2动态网页动态网页n n所谓动态网页是指网页文件里包含了程序代码,通过后台数据库与Web服务器进行信息交互,由后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计语言而有所不同,如ASP文件的后缀为.asp,JSP文件的后缀为.jsp。动态网页能够根据不同时间和不同访问者而显示不同内容。如常见的BBS、留言板和聊天室通常用动态网页实现。n n动态网页的制作比较复杂,需要用到ASP、PHP、JSP和ASP.NET等专门的动态网页实现技术。动态网页的浏览过程如下图所示。现在学习的是第5页,共63页浏览器浏览器HTTPHTTP请求请求HTTPHT
4、TP应答应答图图2 动态网页浏览动态网页浏览数据库数据库程序程序WebWeb服务器服务器现在学习的是第6页,共63页 以电影网站的播放页面为例,一个电影网站上千部电影,而且每一部电影的集数不只一集,如果一部电影一个播放页面,制作及维护就会非常麻烦,而且服务器的空间放这些页面也是个问题。因此这类网站均为动态网站形式,当用户选择某个电影或某一集时,相当于提出了请求,动态程序判断用户请求后根据请求内容从数据库中获得所需内容反馈给用户,页面可始终公用一个,哪一天看着页面不合适,修改这么一个就可以了,不用修改每个单独的静态页面。由此可见动态网页占用的服务器空间少,容易更新维护,对管理员来说非常方便。动态
5、网站举例:http:/ 网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。如果网页上只包含有GIF动态图片或Flash动画或JS的动态效果,而不具备与后台数据库交互功能的网页并不是动态网页,还属于静态网页。静态网页是动态网页的基础,学习网页设计的前提是首先掌握静态网页制作,然后再进行动态网页技术的学习。现在学习的是第8页,共63页3.网页的基本构成网页的基本构成n n不同性质的网页,构成的基本元素是不同的。一般地,网页的构成包括网页标题、网页标志、网页Banner、导航
6、栏、主内容区、页脚版权信息等,如下图所示。现在学习的是第9页,共63页网页标题网页标题网页的标志网页的标志网页的网页的BannerBanner网页导航网页导航主内容区主内容区版权信息版权信息现在学习的是第10页,共63页n n网页标题网页标题 网站中的每一个页面都有标题,用来提示该页面的主要内容。标题在浏览器标题栏中,它的作用是引导访问者清楚地知道所要浏览的网站内容,不至于迷失方向。n n网页导航栏网页导航栏 导航栏是网页设计中的重要部分,又是整个网站设计中较独立的部分。一般来说,网站中的导航栏在各个页面中出现的位置比较固定,而且风格较为一致。现在学习的是第11页,共63页 导航栏的位置一般有
7、4种:页面的左侧、右侧、顶部和底部。有时候在同一个页面中运用了多种导航栏,比如在顶部设置了主菜单,而在页面左侧设置了折叠式的折叠菜单,同时又在页面底部设置了多种链接,这样便增强了网站的可访问性。当然并不是导航栏在页面中出现的次数越多越好,而是要合理地运用,使页面总体协调一致。现在学习的是第12页,共63页n n网页的标志网页的标志 网页的标志是一个站点的象征,也是一个站点是否正规的标志之一。一个好的标志可以很好地树立公司的形象。网页标志一般放在网站的左上角。通常有3种尺寸:8831(像素)、12060(像素)和12090(像素)。现在学习的是第13页,共63页n n网页的网页的BannerBa
8、nner Banner是横幅广告,是互联网广告中最基本的广告形式。Banner可以位于网页的顶部、中部或底部的任意一处,一般横向贯穿整个或者大半个页面。常见的尺寸是48060(像素)或23330(像素),Banner可使用静态图像文件也可以使用动画图像,除普通的GIF动画格式外,Flash能赋予Banner更强的表现力和交互内容。现在学习的是第14页,共63页n n主内容区 网页的主内容区是网页的主要内容显示区域。n n页脚版权信息 页脚是防置网站版权信息的地方,可以放置一些联系方式或其他的导航栏目。现在学习的是第15页,共63页认识网站认识网站 n n网站也称为站点,英文名称为Web Sit
9、e,是指具有独立域名、独立存放空间的集合,这些内容可能是网页,也可能是程序或其它文件。通俗地说网站就是在互联网上一块固定的面向全世界发布消息的地方。放置到指定的网站空间中(服务器或虚拟主机),通过域名(也就是网站地址)进行访问。衡量一个网站的性能,通常从网站空间大小、网站连接速度、服务器主机配置、主机性能等几个方面考虑。现在学习的是第16页,共63页网站的分类网站的分类n n网站按内容进行分类可分为门户网站、垂直网站、地方网站;而其中垂直网站又可分为新闻网站、娱乐网站、体育网站、科技网站、游戏网站、生活服务网站和教育职业网站等。网站按服务进行分类,可分为内容提供、搜索引擎、即时通信、电子商务、
10、在线娱乐等。网站按使用群体的不同进行分类。可分为门户网站、导航网站、电子商务网站、企业网站、政府部门网站和个人网站等。现在学习的是第17页,共63页网页制作中的专业术语网页制作中的专业术语 n n网站服务器(网站服务器(WebWeb服务器)服务器):也称为WWW服务器,是专门提供网上信息浏览服务的高性能计算机。上网所浏览的网页必须存放在网站服务器中才能供人们访问浏览。现在学习的是第18页,共63页n nBrowserBrowser(浏览器):(浏览器):浏览器(Browser)就是指在电脑上安装的,用来显示指定文件的程序。常用的浏览器有IE6.0,IE7.0,IE8.0,Firefox,Ope
11、ra等。现在学习的是第19页,共63页n nHTTPHTTPHTTPHTTP协议协议协议协议:HTTPHTTP是是HyperText Transfer ProtocolHyperText Transfer Protocol的缩写,的缩写,也就是超文本传输协议,专门用于从也就是超文本传输协议,专门用于从WWWWWW服务器传输超文服务器传输超文本标记语言(本标记语言(HTML-Hyper Text Markup LanguageHTML-Hyper Text Markup Language)写)写的文件,也就是我们通常说的网页,通过这个协议,我的文件,也就是我们通常说的网页,通过这个协议,我们可以
12、浏览网络上的各种信息,在浏览器上看到丰富多们可以浏览网络上的各种信息,在浏览器上看到丰富多彩的文字与图片。这就是网页地址都是以彩的文字与图片。这就是网页地址都是以“httphttp:/”开头的原因。开头的原因。现在学习的是第20页,共63页n nIPIP地址地址:Internet上有无数台计算机要通过网络相互连通,为了能够准确地访问每台电脑,就必须指定一个唯一的识别标记。主机在Internet上的唯一标志称为IP地址(InternetProtocolAddress)。它是一串4组由圆点分割的数字组成的,其中每一组数字都在0256之间,如:02550255025502550255;如,20220
13、29633就是一个主机服务器的IP地址。现在学习的是第21页,共63页n n域名域名域名域名:IPIP地址是数字化的,比较难记,所以人们提出了一地址是数字化的,比较难记,所以人们提出了一种新方法来代替这种种新方法来代替这种 ,即,即“域名域名”地址。域名由几个英地址。域名由几个英文单词组成,如文单词组成,如具有一定的意义,其中具有一定的意义,其中cncn代表中国,代表中国,comcom代表商业网,代表商业网,sinasina代表新浪,代表新浪,wwwwww代表万代表万维网(维网(World Wide WebWorld Wide Web),整个域名合起来就代表新浪站整个域名合起来就代表新浪站点。
14、点。n n域名地址和域名地址和IPIP地址实际上是一回事,只是形式上不同而已。地址实际上是一回事,只是形式上不同而已。在访问一个站点的时候,可以输入该站点在访问一个站点的时候,可以输入该站点IPIP地址也可以输入地址也可以输入域名地址。这里就存在一个域名地址和对应的域名地址。这里就存在一个域名地址和对应的IPIP地址相互转地址相互转换的问题,这些信息实际上是存放在域名服务器中,当输入换的问题,这些信息实际上是存放在域名服务器中,当输入一个域名地址时,域名服务器就会搜索其对应的一个域名地址时,域名服务器就会搜索其对应的IPIP地址,然地址,然后访问到该地址所表示的站点。后访问到该地址所表示的站点
15、。现在学习的是第22页,共63页n nURL(Uniform Resource Locator-URL(Uniform Resource Locator-统一资源定位器统一资源定位器):是专为标识是专为标识InternetInternet网上资源位置而设的一种编址方式,网上资源位置而设的一种编址方式,我们平时所说的网页地址指的即是我们平时所说的网页地址指的即是URLURL,它一般由三部,它一般由三部分组成(传输协议:分组成(传输协议:/主机主机IPIP地址或域名地址或域名/地址资源所地址资源所在路径和文件名)在路径和文件名),如洪恩在线如洪恩在线-电脑乐园的电脑乐园的URLURL为:为:n n
16、http:/ http:/ 其中其中n nhttp http 超文本传输协议超文本传输协议(Hyper Text Transfer(Hyper Text Transfer Protocol)Protocol)n 是是webweb服务器域名地址服务器域名地址n npc pc 是网页所在路径是网页所在路径n nindex.html index.html 是相应的网页文件。是相应的网页文件。现在学习的是第23页,共63页n nFTP:FTP:文件传输协议,是File Protocol的缩写,用FTP协议登录到FTP服务器。可以显示该服务器上的文件及目录清单,并且能够向FTP服务器上传或下载文件。FT
17、P支持多种文件类型和文件格式的传输,包括ASCII和二进制文件。现在学习的是第24页,共63页常用网页制作软件常用网页制作软件n n网页过程中常用制作软件包括网页编辑软件,图像处理软件、动画处理软件。现在学习的是第28页,共63页n n网页编辑软件网页编辑软件n nMicrosoft FrontPageMicrosoft FrontPage:由微软公司推出:由微软公司推出,目前用到的版本有目前用到的版本有FrontPage 2003FrontPage 2003、FrontPage 2007 FrontPage 2007、FrontPage 2010 FrontPage 2010等。它的等。它的
18、特点是简单易用,容易上手,而且与特点是简单易用,容易上手,而且与IEIE、WordWord等软件结合的很好。等软件结合的很好。缺点是兼容性差,对于复杂的动态网页设计能力有限。缺点是兼容性差,对于复杂的动态网页设计能力有限。n nDreamweaver Dreamweaver:由:由MacromediaMacromedia公司推出,比较经典的版本有公司推出,比较经典的版本有reamWeaver MX 2004reamWeaver MX 2004、reamWeaver 8 reamWeaver 8 等。被等。被AdobeAdobe公司收购后公司收购后推出推出reamWeaver CS3reamWe
19、aver CS3、CS4CS4、CS5CS5三个版本。它的特点是操作方三个版本。它的特点是操作方便,代码简洁,面板设计丰富多样、对动态网页编程与设计给予便,代码简洁,面板设计丰富多样、对动态网页编程与设计给予了很好的支持,以及与了很好的支持,以及与FireworksFireworks,FlashFlash,PhotoshopPhotoshop等软件能紧等软件能紧密的结合。密的结合。n nUltraEdit-32UltraEdit-32:代码编辑工具,主要编辑:代码编辑工具,主要编辑ASPASP等动态网页。等动态网页。现在学习的是第29页,共63页n n图像处理软件图像处理软件 做网页需要有一定
20、的平面设计基础。如果设计者只会写程做网页需要有一定的平面设计基础。如果设计者只会写程序,没有一定的界面设计功底,即便你的程序编写得再好,没序,没有一定的界面设计功底,即便你的程序编写得再好,没有美观的界面为依托,还是没有人愿意来看你的网页,就像一有美观的界面为依托,还是没有人愿意来看你的网页,就像一件衣服一样,衣料再好,样子不好看也不会有人去买。件衣服一样,衣料再好,样子不好看也不会有人去买。在制作网页过程中常用的图像处理软件有:在制作网页过程中常用的图像处理软件有:n nPhotoshopPhotoshop,网页设计者必须精通的一个图形处理工具。,网页设计者必须精通的一个图形处理工具。n n
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第一部分基础知识 优秀PPT 第一 部分 基础知识 优秀 PPT
![提示](https://www.deliwenku.com/images/bang_tan.gif)
限制150内