中山大学网站开发与网页设计实用教程下半年作业1.docx
《中山大学网站开发与网页设计实用教程下半年作业1.docx》由会员分享,可在线阅读,更多相关《中山大学网站开发与网页设计实用教程下半年作业1.docx(48页珍藏版)》请在冰豆网上搜索。
中山大学网站开发与网页设计实用教程下半年作业1
1、INTERNET连接方式
答:
常见的INTERNET接入方式主要有四种:
拨号接入方式、专线接入方式、无线接入方式和局域网接入方式。
A拨号接入方式:
普通Modem拨号方式ISDN拨号接入方式ADSL虚拟拨号接入方式
B专线接入方式:
CableModem接入方式DDN专线接入方式光纤接入方式
C无线接入方式:
GPRS接入技术蓝牙技术(在手机上的应用比较广泛)
D局域网接入方式:
代理服务器
一般的因特网连接方式有:
调制解调器(模拟线路)拨入、ISDN(综合业务数字网)、线缆调制解调器(CableModem)、ADSL以及DirectPC,ADSLPPPoE,LANtoLAN等方式
2、Internet提供服务
Internet提供了丰富的信息资源和应用服务。
它不仅可以传送文字、声音、图像等信息,而且远在千里之外的人们通过因特网可以进行实现点播、即时对话、在线交谈等。
因特网上的信息包罗万象,上至政治、经济、高科技、军事,下至平民百姓喜闻乐见的消息等,人们可以非常方便地浏览、查询、下载、复制和使用这些信息。
分别有以下6种。
(1)WWW
WWW(WorldWideWeb)的含义是“环球信息网”,俗称“万维网”或3W、Web,这是一个基于超文本(Hypertext)方式的信息查询工具。
它是由位于瑞士日内瓦的欧洲粒子物理实验室CERN(theEuropeanParticalPhysicsLaboratory)最先研制的。
WWW把位于全世界不同地方的Internet网上数据信息有机地组织起来,形成一个巨大的公共信息资源网。
WWW带来的是全世界范围的超文本服务。
通过操纵电脑的鼠标器,人们就可以在Internet上浏览到分布在全世界各地的文本、图像、声音和视频等信息。
另外,WWW也可以提供传统的Internet服务,例如Telnet(远程登录)、FTP(远程传输文件)、Gopher(基于菜单的信息查询工具)和UsenetNews(Internet的电子公告牌服务)。
目前,WWW的使用大大超过了其它的Internet服务,而且每天都有大量新出现的提供WWW商业或非商业服务的站点。
此外,WWW可以开拓市场的商业交流活动,也是传播公共信息的重要手段,WWW已毫无疑问成为信息传播的重要媒介。
据调查显示,近年来访问WWW资源的用户正在呈上升趋势。
通过WWW人们既可以访问和查询自己所关心及希望获得的信息资源,又可以把自己的信息资源放到Internet上,提供给其它用户访问,缩小自己和整个世界的距离,但最受益最大的仍将是那此连入Internet的广大普通用户。
(2)BBS
BBS是BulletinBoardSystem的缩写,也称电子公告板系统。
在计算机网络中,BBS系统是为用户提供一个参与讨论、交流信息、张帖文章、发布消息的网络信息系统。
大型的BBS系统可以形成一个网络体系,用WWW或Tlnet方式访问。
有的BBS只有一个小型的电子邮件系统,它一般是通过Modem和电话线相连接。
BBS系统一般由系统管理员负责管理,用户可以是公众或经过资格认证的注册会员组成。
最初的BBS是以个人微机为基础,通过Modem和电话线路连接,访问人数也受到电话线路的限制,而以Web形式架设的BBS,可以接受访问的人次几乎不受任何限制。
目前,BBS涉及到的题材广泛,是张贴通知、会议消息、招聘求职、专题讨论、困难求助等内容的地方,在这里人人都可以张贴消息,人人都可以很方便地获取自己所需要的消息。
BBS就像是一个虚拟社区,一些志趣相同的人常常聚集在一起讨论和交流。
BBS已经是因特网上最受人们青睐的地方。
(3)网上聊天
网上聊天是目前相当受欢迎的一项网络服务。
人们可以安装聊天工具软件,并通过网络以一定的协议连接到一台或多台专用服务器上进行聊天。
在网上,人们利用网上聊天室发送文字等消息与别人进行实时的“对话”。
目前,网上聊天除了能传送文本消息外,而且还能传送语音、视频等信息,即语音聊天室等。
正是由于聊天室具有相当好的消息实时传送功能,用户甚至可以在几秒钟内就能看到对方发送过来的消息,同时还可以选择许多个性化的图像和语言动作。
另外,在聊天时人人都可以网上匿名的方式进行聊天,谈话的自由度更大。
网上聊天给人们的生活带来许多便利,方便人们之间的交流。
但也带来了许多负面影响,如有些人整天泡在聊天室忘却了学习和休息,还有的人利用聊天行骗犯罪,也有的人在聊天时发布一些不太健康的信息等。
当然,我们应当努力利用聊天技术来改善学习、生活和工作质量,如在课堂上有的老师组织学生在聊天室上针对学习内容进行讨论,或者开展一些专题研讨活动等。
目前较为流行的聊天软件系统有IRC、Web-Irc、ICQ/OICQ等。
(4)文件传送协议FTP
文件传送协议FTP是目前计算机网络中最广泛的应用之一。
FTP是FileTransferProtocol的缩写,也就是文件传送协议。
在因特网中,文件传送服务采用文件传送协议(FTP),用户可以通过FTP与远程主机连接,从远程主机上把共享软件或免费资源拷贝到本地计算机(术语称“客户机”)上,也可以从本地计算机上把文件拷贝到远程主机上。
例如当我们完成自己所设计的网页时,可以通过FTP软件把这些网页文件传输到指定的服务器中去。
在因特网中,并不是所有的FTP服务器都可以随意访问以及获取资源。
FTP主机通过TCP/IP协议以及主机上的操作系统可以对不同的用户给予不同的文件操作权限(如只读、读写、完全)。
有些FTP主机要求用户给出合法的注册帐号和口令,才能访问主机。
而那些提供匿名登录的FTP服务器一般只需用户输入帐号:
anonymous,密码:
用户的电子邮件,就可以访问FTP主机。
常用的FTP软件有LeapFTP7.0、CuteFTP等。
(5)新闻组
新闻组是因特网上的电子新闻传播工具。
在网络上用来存放电子邮件等各种信息(即电子新闻)的一台计算机,称为新闻服务器(NNTPServer)。
而新闻组(Newsgroup)就是存放在服务器这台特殊的计算机上的“文件夹”,在每个新闻组内存放有主题、内容各不相同的邮件。
当然,一个服务器上有许多主题不同的新闻组,每个新闻组都可以有若干个子新闻组。
用户可以通过运行新闻阅读程序来阅读电子新闻,这样新闻组的文章信息就会显示出来,包括文章的作者、主题、第一页以及续信息。
当然用户也可以在新闻组上发送自己的信息。
如果某个新闻组参加讨论的人多,则这个新闻组就会继续创建或存在下去,否则就会被自动删除。
(6)电子邮件
电子邮件(E-mail)是指发送者和指定的接收者利用计算机通信网络发送信息的一种非交互式的通信方式。
这些信息包括文本、数据、声音、图像、语言视频等内容。
由于E-mail采用了先进的网络通信技术,又能传送多种形式的信息,与传统的邮政通信相比,E-mail具有传输速度快、费用低、高效率、全天候全自动服务等优点,同时E-mail的传送不受时间、地点、位置的限制,发送者和接收者可以随时进行信件交换,E-mail得以迅速普及。
近年来,随着电子商务、网上服务(如电子贺卡、网上购物等)的不断发展和成熟,E-mail将越来越成为人们主要的通信方式
3、WWW的基本结构?
答:
WWW的基本结构是以HTTP协议为基础。
4、三层结构Web程序结构示意图
5、答:
三层结构Web程序结构示意图如下图:
5、、HTTP协议的主要特点:
答:
HTTP协议的主要特点可概括如下:
(1)支持客户/服务器模式。
(2)简单快速:
客户向服务器请求服务时,只需传送请求方法和路径。
请求方法常用的有GET、HEAD、POST。
每种方法规定了客户与服务器联系的类型不同。
由于HTTP协议简单,使得HTTP服务器的程序规模小,因而通信速度很快。
(3)灵活:
HTTP允许传输任意类型的数据对象。
正在传输的类型由Content-Type加以标记。
(4)无连接:
无连接的含义是限制每次连接只处理一个请求。
服务器处理完客户的请求,并收到客户的应答后,即断开连接。
采用这种方式可以节省传输时间。
(5)无状态:
HTTP协议是无状态协议。
无状态是指协议对于事务处理没有记忆能力。
缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数据量增大。
另一方面,在服务器不需要先前信息时它的应答就较快。
6、HTTP协议的内部操作过程
答:
HTTP协议的内部操作过程分为以下14种:
答:
它分四个过程,建立连接、发送请求信息、发送响应信息、关闭连接。
7、表格在WEB信息系统中作用
答:
表格在WEB信息系统中作用是利于编辑信息,编辑程序。
8、表单中字段类型
答:
表单中的字段类型有以下四种:
(1)TABLE字段
(2)CAPTION字段
(3)TR字段
(4)TH字段
9、表单的工作过程
答:
表单提交时表单内容会被浏览器封装为HTTP请求报,里面包含了所有表单元素的name属性值和value属性的值,形式为name=value。
1、该HTTP请求报被webserver获取后会被解析并封装成一个Request对象,Request对象里有一个Parameters集合专门用来存放所有的表单元素名值对。
2、每个表单元素名值对被封装成一个Parameter,而Parameter其实就是一个Map,所以你的Servlet里就可以用request.getParameter(name)获取其value了。
10、Html的基本结构?
答:
Html的基本结构分为两大部分:
头(head)和体(body)。
11、CSS能做什么?
css是层叠样式表,主要用来设计网页的样式,美化网页,如设计某一模块的背景啦、颜色啦,字体啦,插入图片啦,插入视频啦,等等
12、CSS基本术语
1、规则
2、继承性
答:
1、CSS的规则主要分为以下几点:
基本语法
规则
(1)选择符
任何HTML元素都可以是一个CSS1的选择符。
选择符仅仅是指向特别样式的元素。
例如,
P{text-indent:
3em}
当中的选择符是P。
(2)类选择符
单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。
例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码:
code.html{color:
#191970}
code.css{color:
#4b0082}
以上的例子建立了两个类,css和html,供HTML的CODE元素使用。
CLASS属性是用于在HTML中以指明元素的类,例如,
每个选择符只允许有一个类。
例如,code.html.proprietary是无效的。
类的声明也可以无须相关的元素:
.note{font-size:
small}
在这个例子,名为note的类可以被用于任何元素。
一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。
上述例子中的note类也可以命名为small,但如果网页制作者决定改变这个类的样式,使得它不再是小字体的话,那么这个名字就变得毫无意义了。
(3)ID选择符
ID选择符个别地定义每个元素的成分。
这种选择符应该尽量少用,因为他具有一定的局限。
一个ID选择符的指定要有指示符"#"在名字前面。
例如,ID选择符可以指定如下:
#svp94O{text-indent:
3em}
这点可以参考HTML中的ID属性:
文本缩进3em
(4)关联选择符
关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。
这些选择符可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择符大。
例如,以下的上下文选择符
PEM{background:
yellow}
是PEM。
这个值表示段落中的强调文本会是黄色背景;而标题的强调文本则不受影响。
声明
属性
一个属性被指定到选择符是为了使用它的样式。
属性的例子包括颜色、边界和字体。
值
声明的值是一个属性接受的指定。
例如,属性颜色能接受值red。
组合
为了减少样式表的重复声明,组合的选择符声明是允许的。
例如,文档中所有的标题可以通过组合给出相同的声明:
H1,H2,H3,H4,H5,H6{
color:
red;
font-family:
sans-serif}
2、继承性是指以下的概念:
实际上,所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值,除非另外更改。
例如,一个BODY定义了的颜色>值也会应用到段落的文本中。
有些情况是内部选择符不继承周围的选择符的值,但理论上这些都是特殊的。
例如,上边界属性是不会继承的;直觉上,一个段落不会有同文档BODY一样的上边界值。
注解
样式表里面的注解使用C语言编程中一样的约定方法去指定。
CSS1注解的例子如以下格式:
/*COMMENTSCANNOTBENESTED*/
伪类和伪元素
伪类和伪元素是特殊的类和元素,能自动地被支持CSS的浏览器所识别。
伪类区别开不同种类的元素(例如,visitedlinks(已访问的连接)和activelinks(可激活连接)描述了两个定位锚(anchors)的类型)。
伪元素指元素的一部分,例如段落的第一个字母。
伪类或伪元素规则的形式如
选择符:
伪类{属性:
值}
或
选择符:
伪元素{属性:
值}
伪类和伪元素不应用HTML的CLASS属性来指定。
一般的类可以与伪类和伪元素一起使用,如下:
选择符.类:
伪类{属性:
值}
或
选择符.类:
伪元素{属性:
值}
定位锚伪类
伪类可以指定A元素以不同的方式显示连接(links)、已访问连接(visitedlinks)和可激活连接(activelinks)。
定位锚元素可给出伪类link、visited或active。
一个已访问连接可以定义为不同颜色的显示,甚至不同字体大小和风格。
一个有趣的效果是使当前(或“可激活”)连接以不同颜色、更大的字体显示。
然后,当网页的已访问连接被重选时,又以不同颜色、更小字体显示。
这个样式表的示例如下:
A:
link{color:
red}
A:
active{color:
blue;font-size:
125%}
A:
visited{color:
green;font-size:
85%}
首行伪元素
通常在报纸上的文章,例如WallStreetJournal中的,文本的首行都会以粗印体而且全部大写地展示。
CSS1包括了这个功能,将其作为一个伪元素。
首行伪元素可以用于任何块级元素(例如P、H1等等)。
以下是一个首行伪元素的例子:
P:
first-line{
font-variant:
small-caps;
font-weight:
bold}
13、如何把CSS加到HTML中
答:
把CSS加到HTML的方法以下几种:
法一:
嵌入一个样式表
一个样式表可以使用STYLE元素在文档中嵌入:
--
BODY{background:
url(foo.gif)red;color:
black}
PEM{background:
yellow;color:
black}
.note{margin-left:
5em;margin-right:
5em}
-->
STYLE元素放在文档的HEAD部分。
必须的TYPE属性用于指定媒体类型,LINK元素也一样。
同样地,TITLE和MEDIA属性也可以用STYLE指定。
旧版本的浏览器,并不能识别STYLE元素,会将其当作BODY的一部分照常展示其内容,从而使这些样式表对用户是可见的。
要防止这样做,STYLE元素的内容要包含一个SGML注解(
--comment-->)在里面,像上述例子那样。
嵌入的样式表可用于当一个文档具有独一无二的样式的时候。
如果多个文档都使用同一样式表,那么外部样式表会更适用。
方法二:
外部样式表
一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:
标记是放置在文档的HEAD部分。
可选的TYPE属性用于指定媒体类型--text/css是一个层叠样式表--允许浏览器忽略它们不支持的样式表类型。
为CSS文件配置服务器而将text/css当作Content-type内容发送出去也是一个好注意。
注意:
外部样式表不能含有任何像
或
注意其它的CSS规则应该仍然包括在STYLE元素中,但所有的@import声明必须放在样式表的开始部分。
任意在样式表中指定了的规则,其自身超越在输入样式表中对立的规则。
例如上例,即使一个输入的样式表包含DT { background:
aqua },定义项(definitionterms)依然会是黄色的背景。
被输入的样式表的顺序对于它们怎样层叠是很重要的。
在上述的例子中,如果style.css输入的样式表指定了STRONG元素会显示为红色而punk.css样式表指定了STRONG元素显示为黄色的话,那么后面的规则会获胜,而STRONG元素会显示为黄色。
输入的样式表对于模块性效果很有用处。
例如,一个网站可以通过使用了的选择符分类样式表。
一个simple.css样式表给出公共的元素像BODY、P、H1和H2。
此外,一个extra.css样式表给出较少共通的元素像CODE、BLOCKQUOTE和DFN。
一个tables.css样式表可以用于定义变革元素的规则。
这三个样式表在需要的时候可以使用@import声明包括在HTML中。
三个样式表也可以通过LINK元素组合。
方法四:
内联样式表
样式可以使用STYLE属性内联。
STYLE属性可以应用于任意BODY元素(包括BODY本身),除了BASEFONT、PARAM和SCRIPT。
这个属性将任何数量的CSS声明当作自己的值,而每个声明用分号隔开。
以下是一个例子:
red;font-family:
'NewCenturySchoolbook',serif"> 这段的样式是红色的NewCenturySchoolbook字,如果字体可用的话。
注意在STYLE中NewCenturySchoolbook包含在单引号中,因为双引号被用作包含样式声明。
内联的样式比其他方法更加灵活。
要使用内联样式,必须使用Content-Style-TypeHTTP页眉扩展对整个文档进行单独的样式表语言声明。
使用内联CSS的网页制作者必须将text/css作为Content-Style-TypeHTTP页眉,或在HEAD部分包括以下标记:
注意:
中文网页的标记为:
因为和需要展示的内容混合在一起,内联样式会失去一些样式表的优点。
同样地,内联样式默认地接受所有媒体,因为没有任何的为内联样式指定明确的媒体的语句。
这种方法应该尽量少用,如当一个样式会应用在所有媒体到一个元素的个别情况。
如果样式会被应用到单一元素的场合,但只能使用确认的媒体的话