网页设计复习重点.docx
- 文档编号:9197324
- 上传时间:2023-05-17
- 格式:DOCX
- 页数:25
- 大小:204.73KB
网页设计复习重点.docx
《网页设计复习重点.docx》由会员分享,可在线阅读,更多相关《网页设计复习重点.docx(25页珍藏版)》请在冰点文库上搜索。
网页设计复习重点
网页设计复习重点
第1章Web网站架构与HTML基础
●Web的特点和结构
●Web服务器的配置
●创建虚拟目录
●HTML基础
本章介绍WWW的概念、Web服务器配置、创建虚拟目录和浏览器IE6.0配置。
一、WWW的概念
1.什么是WWW?
WWW是WorldWideWeb的缩写,简称为Web(万维网)。
WWW起源于1989年3月,是由欧洲粒子物理实验室CERN(theEuropeanLaboratoryforParticlePhysics)开发的主从结构分布式(“客户机/服务器”模式)超文本系统。
1992年1月,Web的第一个版本在瑞士日内瓦问世。
WWW是一个全球性的信息系统,使计算机能够在Internet上相互传送基于超媒体的数据信息。
WWW也可以用来建立Intranet(企业内部网)的信息系统。
WWW具有三个统一:
1.统一的资源命名方式:
URL(统一资源定位符,即网址)。
2.统一的资源访问方式:
HTTP(超文本传输协议)。
3.统一的信息组织方式:
HTML(超文本标记语言)
统一资源定位符(URL)
用于完整描述Internet上网页和其他资源的地址的一种标识方法。
URL的一般格式为:
Protocol(协议):
//hostname(主机名称)[:
port(计算机端口)]/path(路径)/
[;parameters(参数)][?
query(查询/询问)]#fragment(片段)
例:
:
8080/WebApplication/index.aspx?
name=yac&age=33#resume
超文本传输协议HTTP
超文本传输协议定义了客户机和服务器如何交换信息以及所交换信息的结构。
HTTP协议采用了请求/响应模型,首先,客户端向服务器发送一个请求报文,内容包括请求方法、URL、协议版本、请求头部和请求数据;服务器收到请求后,向客户端发送一个响应报文,内容包括协议版本、状态码、状态码文本解释、响应头部和响应数据。
超文本标记语言HTML
是构成网页文档的主要语言,使用HTML可以实现将存放在不同计算机上的文本或图形方便地联系在一起,形成有机的整体。
基于HTML编写的超文本文档称为网页,它使用各种标签来标识文档的结构以及标记超链接的信息,并通过浏览器显示运行效果。
2.WWW的特点
分布式的信息资源统一的用户界面。
支持各种信息资源和各种媒体的演播。
广泛的用途。
3.WWW的结构
WWW是成千上万个网站连結而成的页面式网络信息系统。
WWW采用“客户机/服务器”结构
网页存放在被称为Web服务器(WebServer)的计算机上,等待用户访问。
4.Web技术经历了3个发展阶段
第一代,提供对静态网页的管理和访问。
第二代,提供对动态网页的访问和显示。
第三代,除动态网页生成和访问之外,还提供基于Web的联机事务处理能力。
静态网页是从放置到服务器以后,直到发送给浏览器不会发生更改的网页,通常用HTML语言编写其代码,保存为.htm文件。
动态网页是在发送到浏览器之前由应用程序服务器修改的网页。
动态网页的源文件可用HTML语言和VBScript或JavaScript等脚本语言编写,保存为.asp文件,也称为Web应用程序。
Web应用程序是用HTML语言和VBScript或JavaScript等脚本语言编写的动态网页源文件,也称为服务器端脚本。
当从服务器请求这样一个页时,Web服务器先将该页传递给应用程序服务器进行处理,然后再将该页发送给浏览器。
一个Web应用程序是作为单一实体管理的、逻辑上连接的网页的集合。
当访问者单击网页上的某个链接或在浏览器的地址栏中输入一个URL时,便生成一个页面请求。
Web服务器接收到该请求后,如果请求的是静态网页,服务器会查找相应页面并将其直接发送到请求浏览器;如果请求的是动态网页,服务器会查找相应页面并将其传递给应用程序服务器,由它执行页面中包含的动态指令,最后得到一个静态网页作为结果返回到Web服务器,Web服务器再将该页面发送到请求浏览器。
Web应用程序中的每一次信息交换都要涉及到客户端和服务器两个层面,因此,Web应用程序开发技术包括客户端技术和服务器技术两大类。
应用程序服务器是一种软件,它帮助Web服务器处理Web应用程序,以便生成动态网页。
ASP(ActiveServerPage动态服务器网页)是Windows系统所包含的应用程序服务器软件。
Web2.0是互连网的一次理念和思想体系的升级换代,由原来的自上而下的由少数资源控制者集中控制主导的互连网体系转变为自下而上的由广大用户集体智慧和力量主导的互连网体系。
Blog(博客)是Web2.0的典型应用。
“云”是一些可以自我维护和管理的虚拟计算资源,通常为一些大型服务器集群,包括计算服务器、存储服务器、宽带资源等。
“云计算”将所有的计算资源集中起来,并由软件实现自动管理。
它旨在通过网络将多个成本相对较低的计算实体整合成一个具有强大的计算能力的完美系统,并通过不断提高“云”的处理能力,进而减少用户终端的处理负担。
“云计算”的三种服务模式:
SaaSPaaSLaaS
二、Web服务器的配置
1.什么是Web服务器?
Web服务器也称为HTTP服务器,它是响应来自浏览器的请求,并且发送出网页的软件。
当访问者在浏览器的地址文本框中输入一个URL,或者单击在浏览器中打开的网页上的某个链接时,便生成一个网页请求。
常见的Web服务器有:
MicrosoftInternetInformationServer(IIS)
MicrosoftPersonalWebServer(PWS)
ApacheHTTPServer
NetscapeEnterpriseServer
SunONEWebServer
2.五种常见的Web应用程序服务器
Dreamweaver可以使用以下五种服务器技术的任何一种设计Web应用程序:
ColdFusion(可用于Windows和Solaris操作系统平台的动态服务器网页技术)
ASP(ActiveServerPage:
动态服务器网页技术)
ASP.NET(.NET平台的动态服务器网页技术)
SP(JavaServerPage:
Java服务器网页技术)
PHP(PersonalHomePage:
个人主页技术)
每种技术都与Dreamweaver中的一种文档类型相对应
ASP、JSP、PHP的比较
选择哪一种Web应用程序技术取决于多个因素,其中包括对各种脚本语言的熟悉程度以及要使用的应用程序服务器。
如果采用ColdFusion MX服务器,则可以选择ColdFusion。
如果采用IIS服务器,则可以选择ASP或ASP.NET。
如果采用PHP服务器,则可以选择PHP;
如果采用JSP服务器,则可以选择JSP。
本课程选择了Windows的ASP动态网页技术。
3.两种Web系统配置方案
一种配置是将IIS或PWS安装在本地Windows计算机硬盘中,另一种是将IIS或PWS安装在远程Windows计算机硬盘中。
4.如何用Windows操作系统建立Web服务器?
可以安装下列系统之一:
1.Windows2000/2003Server和IIS5.0。
2.WindowsXP和IIS5.1。
3.Windows98/2000Professional和PWS。
其中
IIS:
InternetInformationService(Internet信息服务器);
PWS:
PersonalWebService(个人Web服务)
Windows2000/2003Server和IIS5.0安装
在Windows2000Server软件里带有IIS5.0。
插入Windows2000Server光盘,自动启动,按照提示进行安装,同时自动安装IIS5.0。
Windows2003Server不自动安装IIS。
若要安装IIS,可以单击“开始”→“程序”→“管理工具”→“配置服务器”,选择“高级”选项,打开显示可供安装的组件的对话框;也可以在控制面板中使用“添加/删除程序”。
注意,由于ASP处理程序会随着IIS自动安装。
所以,运行ASP的应用程序服务器会随着Web服务器的建立而自动地建立。
如何在WindowsXP中安装IIS
(1)单击“开始”>“控制面板”,双击“添加或删除程序”;
(2)单击“添加/删除Windows组件”;
(3)出现“Windows组件向导”,单击“下一步”;
(4)在“Windows组件”列表中,选中“Internet信息服务(IIS)”;
(5)单击“下一步”,然后根据提示操作。
在安装后,可以启动浏览器,输入地址:
localhost。
若显示其网页,则表示IIS正常安装。
5.服务器上的根文件夹Inetpub\wwwroot\
假定读者在计算机的D:
盘中安装了WindowsXP操作系统。
那末,该系统会自动创建根文件夹D:
\Inetpub\wwwroot\。
默认情况下,Web服务器从D:
\Inetpub\wwwroot文件夹提供网页。
Web服务器将根据来自Web浏览器的HTTP请求,提供此文件夹中的任何页或其子文件夹中的任何页。
在D:
\Inetpub\wwwroot文件夹中可以创建子文件夹,例如“MyPage”用以存放一组网页源文件。
6.如何设置默认网站主目录(根文件夹)
(1)单击“开始”→“控制面板”→“性能和维护”→“管理工具”→“Internet信息服务”;展开“本地计算机”列表,展开“Web站点”文件夹,然后展开“默认Web站点”文件夹,右击“默认网站”;单击“属性”。
(2)输入默认网站IP地址
(若本机作Web服务器,则用127.0.0.1)。
(3)输入默认网站的主目录,以及为该文件夹设置脚本权限。
现在已完成了Web服务器的配置,它将根据浏览器的请求,提供根文件夹中的网页。
假如建立网页文件test.htm,将它存放到本机默认网站的主目录d:
\inetpub\wwwroot下。
那末,其浏览地址为:
127.0.0.1\test.htm。
三、如何创建虚拟目录
1.存放网页源文件的两种做法
将网页文件保存到默认网站的主目录里,如上节所述,默认网站的主目录直接采用Windows系统已经建立的d:
\Inetpub\wwwroot根文件夹。
将网页文件保存到默认网站的主目录之外。
这就需要建立一个虚拟目录,在建立虚拟目录的过程中指定虚拟目录及其实际目录,从而建立虚拟目录和实际目录的联系。
2.什麽是虚拟目录
虚拟目录是实际目录的别名,它代表存放网页的实际目录,以便用在网址中代替实际目录。
虚拟目录的名称可以与实际目录的名称相同,也可以不同。
虚拟目录在磁盘目录中并不存在,实际目录是存放网页内容的目录。
例如,存放网页文件test.htm的实际目录为d:
\x1,若为该目录设置一个别名,即虚拟目录zhang,则虚拟目录Zhang就可以用在网址127.0.0.1\zhang\test.htm中代表存放网页的实际目录d:
\x1。
3.设置默认网站的虚拟目录
单击“开始”→“控制面板”→“性能和维护”→“管理工具”→“Internet信息服务”;展开,右击“默认网站”;单击“新建”>“虚拟目录”。
详细创建过程参见教材图1-7~图1-12
四、网页浏览器IE6.0的配置
浏览器IE6.0的配置可以使用浏览器的“工具”和“Internet选项”菜单命令进行设置,也可以通过修改操作系统的注册表进行设置。
本节介绍如何使用“工具”和“Internet选项”进行下列设置。
1.设置Internet连接
(1)启动InternetExplorer。
(2)单击“工具”→“Internet选项”。
出现Internet选项对话框。
(3)单击“连接”选项卡→单击“建立连接”。
(4)按照屏幕上的提示操作。
2.设置起始页面
(1)单击IE菜单栏中的“工具”>“Internet选项”出现Internet选项对话框。
(2)输入“主页”的“地址”,例如,单击“确定”。
3.设置IE缓存
在“Internet选项”对话框中,单击“设置”,出现“设置”对话框。
可以设置IE缓存“使用的磁盘空间”等。
4.IE安全设置
在“Internet选项”对话框中,单击“安全”,出现“安全设置”对话框。
其中主要包括ActiveX控件和插件、Java权限、JavaApplet和脚本、Cookies、文件下载或用户验证设置,可选择“禁用”或“启用”等。
5.调整自动完成功能的设置
在IE的“工具”菜单上,单击“Internet选项”;单击“内容”标签;在“个人信息”区域,单击“自动完成”;选中要应用“自动完成”功能的选项前面的复选框。
6.清除已访问过的网页
为了加快浏览速度,IE会自动把浏览过的网页保存在系统盘的\TemporaryInternetFiles文件夹内。
当用户不再需要这些网页时,在该文件夹下全选且删除即可。
或者,在“常规”标签下单击“Internet临时文件”项目的“删除文件”按钮,选中“删除所有脱机内容”,单击“确定”按钮即可。
这种方法不太彻底,还会留少许Cookies在文件夹内。
在“常规”标签下,“删除文件”按钮旁边还有一个“删除Cookies”按钮,通过它可以很方便地删除遗留的Cookies。
Cookies(小甜饼)是客户端逐块保存用户信息的小文本文件。
一、HTML的概念
1.什么是HTML?
超文本标记语言(HTML——HyperTextMarkupLanguage)是用于设计网页源文件(网页文档)的语言。
每一个页面的代码保存为一个网页源文件(.htm文件)。
八十年代初,HTML由万维网联盟(W3C:
WorldWideWebConsortium)制订。
HTML包括一些定义页面内容和格式的符号,称为标记。
它能够将文本、图像、声音和动画结合在一个网页文档中。
这些文档可以通过Web浏览器显示,还可以通过超链接以访问其它的信息资源。
后来,进一步推出了XML(扩展标记语言),该语言可以由程序员自己定义标记。
2.什么是标记?
标记是网页文档中的一些有特定意义的符号。
这些符号指明如何显示文档中的内容。
标记总是放在三角括号中,大多数标记都成对出现(有开始标记和结束标记)。
结束标记和开始标记所用的字符相同,只是前面加一个斜杠。
例如:
…
用于标记一个自然段。标记可以具有相应属性即各种参数,如size、color、text、width和noshade等。
例如:
标记通常可以分成两种:
第一种用来指定网页上的元素或元素的样式。
例如,指定一个自然段及其字体和颜色:
自然段内容。
第二种用来指向其它的资源。
例如,指定一个链接地址:
指定一个图片文件:
3.什么是超文本、超媒体和超链接?
超文本是网页上具有链接功能的文字。
超媒体是网页上具有链接功能的多媒体。
超链接是网页上连接其它网页或网页上指定位置的超文本和超媒体。
超链接分为文字和图像(包括动画)两种,网页中的一段文字、一副图像或图像的某一个部分等都可以定义为超链接。
二、如何编写和浏览HTML网页文档
启动IE,然后使用“查看”菜单中的“源文件”菜单项,进入记事本,就可以输入网页源文件了。
在输入完之后,另存为.htm文件。
或者直接进入记事本,输入网页源文件。
在输入完之后,另存为.htm文件(选择保存类型为“所有文件”)。
在浏览器中输入该文件名,就能浏览HTML源文件的网页效果。
三、HTML的常用标记
1.HTML文档的结构标记
用来指明一个HTML文档的基本结构。
(1)文件标记:
…
整个HTML文档内容均在…标记之中。
(2)头部标记:
…整个HTML文档分头部和主体部分。
头部使用
…标记标识,凡是在此标记之内的内容,例如标题等,均属于头部信息。头部信息不显示在Web页中。
(3)头部标题标记:
在此标记之间的内容将作为标题显示在浏览器的标题栏。
注意:
(4)主体标记:
…主体是Web页的主要部分,用
…标记定义的信息将显示在Web页中。2.格式标记
(1)
…
(段落标记)…
标记用来创建一个段落,在此标记之间的文本将按照段落的格式显示。(2)
(换行标记)
是一个很简单的标记,它没有结束标记,用来创建一个换行。
(3)
…(两边缩进标记)
在
…标记之间的文本将按照两边缩进的方式显示。
(4)
①
②
用来创建列表中的上层项目;③
用来创建列表中最下层项目;和都必须放在(5)
①
②
③
标记只能在若
放在(6)
(分段标记)①
标记对用来排版大块HTML段落,也用于格式化表,此标记的用法与标记非常相似,同样有align对齐方式属性。②align属性,它用来说明对齐方式,语法是:
③align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。
例如:
3.文本标记
(1)
(预处理标记)表示
标记之间的文本原有格式如word格式仍有效。(2)
……(六级标题标记)是最大的标题,则是最小的标题。如果要在HTML文档中输出标题,那麽可以使用六对标题标记的任何一对。
(3)(字体标记)
①之间的文本以黑体字的形式输出;
②之间的文本以斜体字的形式输出;
③之间的文本以下加一划线的形式输出。
(4)(强调加重标记)
①用来输出需要强调的文本(通常是斜体加黑体);
②则用来输出加重文本(通常也是斜体加黑体)。
(5)(字体的大小颜色标记)
①可以指定输出文本的字体大小、颜色,它主要两个属性size和color。
②size属性用来指定字体的大小,可以取值:
-1、1和+1;
③color属性用来指定文本的颜色,颜色的取值是十六进制RGB颜色码或HTML语言给定的颜色名称。
例如,"#ff0000",引号内的rrggbb是用六位十六进制数字表示的RGB(即红、绿、蓝三色的组合)颜色,#ff0000对应的是红色。
④Html语言所给定的颜色名称有:
Black、White、Green、Maroon(栗色)、Olive(橄榄色)、Navy(藏青色)、Purple、Gray、Yellow、Lime(柠檬色)、Agua、Fuchsia(紫红色)、Silver(银色)、Red、Blue和Teal(水鸭色)。
4.链接标记
(1)
①在标记对之间可指定作为超链接的文本或图像,使用
(href——缩写:
httpreference含义为http引用。
)
②href的值也可以是mailto:
形式,即发送E-Mail形式。
语法为
EMAIL">这就创建了一个自动发送电子邮件的链接,mailto: 后边紧跟想要自动发送的电子邮件的地址(即E-Mail地址)。 ③ 如果不使用target属性,当浏览者点击了链接之后将在原来的浏览器窗口中显示HTML文档,若target的值等于“_blank”,点击链接后将会打开一个新的浏览器窗口显示HTML文档。 (2) ①标签标记 name属性不可缺少。 ② 例如,在页顶创建一个标签 ③要找到标签所在地,就必须使用 例如: 5.图像标记和多媒体标记 (1)图像标记: (2)例如,网页文档与图形文件logo.gif在同一个目录下,则可以将代码写成 假如图形文件放在网页文档所在目录的一个子目录(images)下,则代码应为: 此外,标记还有alt(文字代替)、align(对齐)、border(边框)、width(宽度)和height(高度)属性
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 复习 重点
![提示](https://static.bingdoc.com/images/bang_tan.gif)