网站建设复习资料.docx
- 文档编号:9893207
- 上传时间:2023-02-07
- 格式:DOCX
- 页数:24
- 大小:31.90KB
网站建设复习资料.docx
《网站建设复习资料.docx》由会员分享,可在线阅读,更多相关《网站建设复习资料.docx(24页珍藏版)》请在冰豆网上搜索。
网站建设复习资料
网站建设
网站(Website)是指在因特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。
简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。
搜索引擎:
搜索引擎(searchengine)是指根据一定的策略、运用特定的计算机程序搜集互联网上的信息,在对信息进行组织和处理后,为用户提供检索服务的系统。
URL(UniformResourceLocator)即统一资源定位器,它是一种通用地址格式,是Inetrnet的文件命名系统。
当用户查询信息资源时,只要给出URL地址,服务器便可以根据它找到网络资源的位置,并将其传送给浏览器。
超链接(Hyperlink)是从一个页面跳转到另一个页面的入囗,它可以看做是一种文件的指针,它提供了相关联文件的路径,并且可以跳转执行相应的文件。
动态网页:
是指网页的内容可根据某种条件的改变而自动改变的一类网页,与静态网页相对,网页的URL后缀不是.htm等,而是.asp,.jsp等,并在网址中有标志性符号“?
”。
框架(Frame)网页是—种特殊的HTML网页,它可将浏览器窗口分成不同的区域,称为框架区域。
每个区域都可以显示不同的网页。
使用框架的最常见情况是:
一个框架显示包含导航控件的文档,另一个框架显示含有内容的文档。
框架:
是浏览器窗口中的一个区域,一个框架就像一个网页一样可以显示与浏览器窗口的其他部分无关的HTML文档。
每个框架包括框架高度、框架宽度、滚动条和框架边框,此外还可指定框架的内边距(框架与网页正文之间的距离)。
框架集(Frameset):
是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置,以及在每个框架中初始显示的页面的URL。
但框架集文件本身不包含要在浏览器中显示的HTML内容。
通常将一个站点的框架集文件命名为index.html,以便当访问者未指定文件名时默认显示该名称。
CSS是W3C定义和维护的标准,是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。
图层又称层,是Dreamweaver中最有价值的对象之一,它是由层叠样式表发展过来的,它提供了一种对网页对象进行有效控制的手段,层可以包含文本、图像、表单、插件,甚至层内还可以包含其它层。
表单是用于实现网页浏览者与服务器(或者说网页所有者)之间信息交互的一种页面元素,在WWW上它被广泛用于各种信息的搜集和反馈。
元件是构成Flash动画的一个非常基础的单位。
元件一旦被创建,就会被自动添加到当然影片的库中,并可以被当前影片或其他影片重复调用。
元件主要有图形、按钮和影片剪辑这三种类型
库:
是一种特殊的Dreamweaver文件,其中包含已创建的单独的网页“资源”或资源拷贝的集合。
网页优化:
实际上是对HTML源代码的一种优化,包括了整理HTML文档和优化文档,目的是去除那些无用的垃圾,修复代码错误,提高代码质量。
按照其是否提供网络服务可分为门户网站和非门户网站,门户网站根据所提供的服务又可分为搜索引擎、电子邮件、网络聊天室、新闻组和电子公告牌等。
按照网站所属部门的性质可分为企业网站、政府网站、学校网站或个人网站等。
按照网站的主题可分为综合网站和专业网站等。
国内三大门户网站:
新浪、搜狐和网易
搜索引擎的分类:
全文索引、目录索引、元搜索引擎
所有网站都具有许多的共同特征:
明确的主题、统一的风格、便捷的导航系统、方便的交流方式
一个完整的URL地址由协议名、Web服务器地址、文件在服务器中的路径和文件名四部分组成,每部分用斜杠“/”分隔。
例如http:
//是协议名(HTTP协议),是主机域名,即Web服务器地址,index.html为要访问的文件名。
超链接技术是从一个网页指向另一个地址的链接,如指向另一网页或同一网页上的不同位置。
链接地址通常是另一个网页,也可以是一幅图片、一个邮件地址等。
目前网站基本都采用C/S体系结构和B/S体系结构。
网页构成的基本要素:
文字、表格、图形、链接标志、交互功能
网页上的图形格式一般使用JPEG、GIF和PNG
网页制作工具:
超文本标识语言、Dreamweaver、FrontPage、Photoshop、Fireworks、Flash
主要网页制作语言:
HTML、XML、ASP、ASP.NET、JSP
网页逻辑结构基础:
最基本的有线型结构、层次型结构和网络型结构。
要实现链接到同一个页面不同部分的超链接,需要定义两个标记:
一个为超链接标记,另一个为书签标记。
CSS的定义由三部分构成:
选择符selector、属性property和属性值value。
表单通常由普通页面元素、表单控件两类元素组成。
网页中的文本框有:
单行文本框、口令框、多行文本框。
数据库连接使用数据源名称或者使用连接字符串两种方法连接到数据库。
Dreamweaver的视图有:
代码视图、拆分视图、设计视图。
HTML文档是有元素和内容组成的。
在网站设计中,纯粹的HTML格式的网页通常被称为静态网页。
在网站设计中,BBS论坛通常被设计为动态网页。
通常
。
。
在页面中,文本元素对齐的设置主页使用align属性。
WWW客户机和服务器之间的通信通常分为四个步骤:
1)首先客户机通过浏览器向服务器发送HTTP请求,请求一个特定的网页。
2)HTTP请求通过Internet网络传送到服务器。
3)服务器接受这个请求,找到所请求的网页,然后用HTTP协议再将这个网页通过Internet网络发送给客户机。
4)客户机接收这个网页,并在浏览器中显示。
目录结构的设计一般遵循以下原则:
①根据网站的栏目规划来设计目录结构:
一般一一对应地一个栏目创建一个子目录,子栏目的网页就存在父栏目对应的目录中。
②建立独立的图片子目录:
一般把网页所用的全部图片统一存放在一个目录里,以便于图片的共享。
如果图片很多,这个目录最好也能分门别类的创建子目录。
③目录的层次不要太深。
④尽量不要使用中文目录名:
因为你的站点对Internet所有用户开放,所以你必须考虑到使用非中文操作系统的客户也能正常访问你的站点。
对于目录名,最好使用英文。
⑤数据库文件单独放置:
数据库文件因为安全要求较高,所以最好放置在HTTP所不能访问到的目录底下。
这样可以避免恶意的用户通过HTTP方式取到数据库文件。
色彩的基础知识
网页中的颜色通常采用6位十六进制的数值来表示,每两位代表一种颜色,从左到右依次表示红、绿、蓝色。
颜色值越高表示这种颜色越深。
例如红色的数值为“#FF0000”,白色为“#FFFFFF”,黑色为“#000000”。
按颜色的色调通常将其分为七种颜色:
红、橙、黄、绿、青、蓝、紫。
如果将这七种颜色按顺序渐变为一条色带的话,越靠近红色,给人的感觉越温暖,越靠近蓝色和紫色,给人的感觉越寒冷。
所以红、橙、黄的组合又称为暖色调,青、蓝、紫的组合称为冷色调。
主色调指的是整个网站给人的印象最深的颜色,或者说除白色之外用得最多的颜色。
通常表现在三个位置:
首先是头部,也就是网页最上面的部分,一般包括导航条。
其次是栏目索引条上。
最后是网页上的文字,文字笔画虽细,但大面积的文字也能很好地突出主色调。
一般导航可分为两类:
纵深型和横向型。
所谓纵深型,就是导航能顺着根节点告诉访问者他所在的位置,如网站中的导航栏所示。
所谓横向型,就是把某一节点下同一层的所谓节点并列列出,使访问者可以在同一层方便的跳转,通常是在网页的某一固定位置列出第一层的所有节点目录。
如下图网站中的导航栏。
网站建设与网页制作的基本步骤:
1、网站定位;2、整体规划;3、网页设计与制作4、测试网页
5、网页上传发布;6、网站的宣传与推广;7、网站的反馈与评价;8、网站的更新与维护
合理的结构设计对于网站的规划也是至关重要的。
以下是三种常用的结构类型。
①层状结构层状结构类似于目录系统的树型结构。
②线性结构线性结构类似于数据结构中的线性表,用于组织本身的线性顺序形式存在的信息,可以引导浏览者按部就班地浏览整个网站文件。
③Web结构Web结构类似于Internet的组成结构,各网页之间形成网状连接,允许用户随意浏览。
V7
静态网页的特点:
(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?
”;
(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性较差,在功能上有较大的限制。
动态网页的一般特点简要归纳如下:
(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;
(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
(4)动态网页中的“?
”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?
”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。
测试网页
当网页设计人员制作完所有网站页面之后,需要对所设计的网页进行审查和测试,测试内容包括功能性测试和完整性测试两个方面。
所谓功能性测试就是要保证网页的可用性,达到最初的内容组织设计目标,实现所规定的功能,读者可方便快速地寻找到所需的内容。
完整性测试就是保证页面内容显示正确,链接准确,无差错无遗漏。
网页上传发布
网页设计好,必须把它发布到互连网上,否则网站形象仍然不能展现出去。
发布的服务器可以是远程,也可以是本地,但必须要求服务器支持相应数据库,实现动态页面。
(1)申请域名和主页空间——网站的发布首先要考虑的是以什么样的域名发布,发布在什么地方,即要申请域名和主页空间。
(2)设置浏览器的兼容性——为了避免在不同类型和版本的浏览器中出现某些元素不能正常显示的现象,在站点发布前必须设置浏览器的兼容性。
(3)测试站点——在将站点上传到服务器并宣布已经可供浏览之前,最好先在本地计算机上对其进行一下测试,因为在站点或者网页中可能会存在许多问题。
站点的测试主要包括:
查看超链接、验证超链接、修复超链接、更新超链接及测试网络连接等。
(4)测试网络连接——如果在访问或打开一个服务器上的站点时遇到一些问题,则可以通过测试网络连接来检查主机名称、本地主机、IP地址、TCP/IP协议等设置。
(5)在本地计算机上发布站点——测试完站点后,如果觉得把站点发布到服务器上的时机还不成熟,那么可以先在本地机上发布以测试效果。
(6)在服务器上发布站点——在本地计算机上设置完浏览器的兼容性、测试完站点后,就可以在服务器上正式发布精心制作的站点了。
发布站点的方法有很多种,例如FTP上传或各大站点提供的文件管理器等。
注意:
每个元素都用“<”和“>”括起来,“<”与元素名之间不能有空格或其它字符。
所有的元素都是成对出现的,在元素名前加符号“/”便是其结束标记,表示这种元素内容的结束。
元素名不用区分大小写。
但在编写网页时最好保持元素的大小写一致,这样便于辨认,有利于减少编制网页中的错误。
对同一段要标记的内容,可以用多个元素来共同作用,产生一定的效果。
此时各个元素间的顺序也是任意的。
meta
该标签用于为文档的特殊变量赋值,提供关于文档的信息,比如设置浏览器所使用的语言、创建日期、作者或者版权信息。
这些变量将被加到由Web服务器发送到被浏览器使用的相关的域中。
其用法:
常用的有以下几种:
(1)指定被搜索引擎作为索引的关键词。
用法:
(2)设置文档的语言字符集信息
该标签用于向这个文档提示它所使用的语言。
用法:
(3)自动刷新页面
该标签能够要求浏览器以设置的时间为周期自动更新文档,
用法:
(4)描述页面内容
该标签向浏览器报告页面的相关信息,如作者、版权等。
用法:
强制分段标签在HTML文档中,用
……
来强制换行、分段。…
标签不但能使文字换到下一行,还可以使两段之间多一空行。强制换行标签
放在一行的末尾,可以使后面的文字、图片、表格等元素显示于下一行,而行与行之建不会留下空行,即强制文本换行。
其用法为:
文字
框架网页的优缺点
优点:
(1)只要单击某一个框架区域内的超链接,其指向的网页就会在另一个框架区域中显示,而不必将整个浏览器窗口中的内容更换一遍。
(2)固定网页中的某些内容。
(3)访问者的浏览器不需要为每个页面重新加载与导航相关的图形。
(4)每个框架都可以有自己的滚动条,访问者可以独立滚动这些框架。
缺点:
(1)可能难以实现不同框架中各元素的精确图形对齐
(2)对导航进行测试耗时间
(3)并不是所有的浏览器都能显示框架网页,这也是框架网页的一个局限。
(4)各个带有框架的页面的URL不显示在浏览器中
保存框架网页
每一个框架都包含一个文档,因此一个框架集会包含多个文档。
在保存文档的时候,不能只简单地保存一个文档,要将整个网页文档都保存下来。
保存框架与框架集之后才能在浏览器中浏览用框架布局的网页。
每个框架包含一个网页,一个框架集则包含多个网页,在保存时应保存所有的框架与框架集。
图层与表格的关系
图层和表格都可以用来进行页面定位,但图层是可以随意移动的,应用图层来进行页面设计更快捷、方便、灵活。
但图层只有在较高版本的浏览器中才能够正确显示,如果要使设计的网页在3.0版本的浏览器中也正确显示,则不能使用图层来控制版面。
为了避免显示错误,可以先用图层来快速创建复杂的页面布局,然后再把图层布局转换为表格布局。
需要时,也可以进行图层和表格的相互转换,以调整布局和优化页面设计。
注意:
改变所有层的可见性时,可以将所有层设置为“可见”或“隐藏”,但不能设置为“继承”。
注意:
1.隐藏的图层不能转换为表格。
2.重叠的层不允许转换为表格,因为表格的单元格是不能重叠的。
3.在模板文档或已应用模板的文档中,不能将层转换为表格或将表格转换为层。
即应该在非模板文档中创建布局,然后再将该文档另存为模板之前进行转换。
链入外部样式表和导入外部样式表有何不同
链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用LINK标记符链接到这个样式表文件,这个LINK标记符必须放到页面的HEAD区内。
导入外部样式表是指在内部样式表的STYLE里导入一个外部样式表,导入时用@import。
导入外部样式表输入方式比链入外部样式表更有优势,实质上它相当于存在内部样式表中。
表单的基本工作原理:
1浏览者在表单中填写或选择信息;
2单击“提交”按钮,填写或选择的信息按照指定的方式通过网络传递到服务器端;
3由服务器端的特定程序进行处理。
处理的结果通常是回一个页面(例如通知注册成功的页面),同时在服务器端完成特定功能(例如在数据库中记录下新用户的信息)。
4表单不同于前面介绍的页面元素(如表格、图像等),它不但需要在网页中用HTML进行显示,而且还需要服务器端特定程序的支持。
5除了进行信息搜集和反馈以外,表单的另外一个作用是创建各种动态网页效果。
V7
创建图形化“提交”按钮操作
制作一幅准备创建图形化按钮的图像,保存在文件夹中
在文档中,将插入点放在表单轮廓内
选择“插入”|“表单对象”|“图像域”
在选择图像对话框中选择准备好的图形
在属性检查器中,将“图像域”中的文本更改为“提交”
通过“源文件”更改用作按钮的图像
在“替换”域中,输入要替代图像显示的文本
开发动态网页的五个关键步骤包括:
设计页面、创建动态内容的源、向网页添加动态内容、
增强动态页的功能、测试和调试页
测试网站
网站制作完成后,在没有上传前,还要进行一项比较重要的工作,就是在本地对自己的网站进行测试,以免上传后出现这样或那样的错误,给修改带来不必要的麻烦。
本地测试包括不同分辨率的测试、不同浏览器的测试、不同操作系统的测试和链接测试等。
1不同浏览器的测试
不同浏览器的测试,就是在不同的浏览器和不同的版本下,测试页面的运行和显示情况。
2不同操作系统/分辩率的测试
不同操作系统的测试和不同分辨率的测试基本相同,就是在不同操作系统的计算机中运行自己的网页,查看所出现的问题,并进行解决。
3检查和修复链接
本功能可用来在打开的文件、本地站点的某一站点或整个本地站点中搜索断开的链接和未被引用的链接。
Dreamveaver只验证指向站点内文档的链接,对出现在选定文档中的外部链接形成一个列表,不验证。
从软件的技术层面看,ASP有如下的特点:
无需编译。
易于生成。
独立于浏览器。
面向对象。
与任何ActiveXscripting语言兼容。
源程序码不会外漏。
网站设计好后如何进行发布?
网页设计好,必须把它发布到互连网上,否则网站形象仍然不能展现出去。
发布的服务器可以是远程,也可以是本地,但必须要求服务器支持相应数据库,实现动态页面。
(1)申请域名和主页空间
网站的发布首先要考虑的是以什么样的域名发布,发布在什么地方,即要申请域名和主页空间。
(2)设置浏览器的兼容性
为了避免在不同类型和版本的浏览器中出现某些元素不能正常显示的现象,在站点发布前必须设置浏览器的兼容性。
(3)测试站点在将站点上传到服务器并宣布已经可供浏览之前,最好先在本地计算机上对其进行一下测试,因为在站点或者网页中可能会存在许多问题。
站点的测试主要包括:
查看超链接、验证超链接、修复超链接、更新超链接及测试网络连接等。
(4)测试网络连接如果在访问或打开一个服务器上的站点时遇到一些问题,则可以通过测试网络连接来检查主机名称、本地主机、IP地址、TCP/IP协议等设置。
(5)在本地计算机上发布站点测试完站点后,如果觉得把站点发布到服务器上的时机还不成熟,那么可以先在本地机上发布以测试效果。
(6)在服务器上发布站点
在本地计算机上设置完浏览器的兼容性、测试完站点后,就可以在服务器上正式发布精心制作的站点了。
发布站点的方法有很多种,例如FTP上传或各大站点提供的文件管理器等。
网页测试与网站测试有什么不同?
当网页设计人员制作完所有网站页面之后,需要对所设计的网页进行审查和测试,测试内容包括功能性测试和完整性测试两个方面。
主要是对网页的性能、正确性进行测试。
所谓功能性测试就是要保证网页的可用性,达到最初的内容组织设计目标,实现所规定的功能,读者可方便快速地寻找到所需的内容。
完整性测试就是保证页面内容显示正确,链接准确,无差错无遗漏。
网站测试主要是在本地进行,包括了不同分辨率的测试,不同浏览器的测试,不同操作系统的测试和链接测试等等,其中站点的测试主要包括:
查看超链接、验证超链接、修复超链接、更新超链接及测试网络连接等。
元件和实例的关系
实例又被称为“实例化元件”,是指位于舞台上或嵌套在另一个元件内的元件副本。
库中的元件可以被多次放置在舞台中,因此,也可以说在舞台中创建了多个实例。
舞台中的各个实例都可以被分配不同的行为,并可以通过“属性”面板修改它们的位置、大小、颜色等内容。
编辑元件会相应地在影片中更新它的所有实例,但对元件的实例单独进行修改和编辑只会更新该实例,而对元件或者其他元件的实例没有任何影响。
第三章
第一节HTML语言基础
一、HTML概述
HTML即超级文本标识语言的缩写,自1990年问世后,到目前为止已经到第四版,现在的HTML4.01和初出世的HTML有天壤之别,它已能在Web页面上随心所欲地放置图片和文字,在JavaScript,VBScript的辅助下还具有动态互动能力。
HTML语言作为一种“标志”语言。
它通过夹在两个尖括号之间的标志字符串来控制文本、图像的显示方式及加于其上的动作。
二、HTML的基本结构
1、HTML的元素与标签
HTML文档是由元素和内容组成的。
其中,元素(Element)就是HTML语言中尖括号之间的标记,又叫标签(Tag)。
元素分为两大类:
一类用于确定超文本在浏览器中显示的方式;另一类用于确定超文本在浏览器中显示的内容。
元素在文本中具有如下格式:
<元素名>内容元素名>
注意:
每个元素都用“<”和“>”括起来,“<”与元素名之间不能有空格或其它字符。
所有的元素都是成对出现的,在元素名前加符号“/”便是其结束标记,表示这种元素内容的结束。
元素名不用区分大小写。
但在编写网页时最好保持元素的大小写一致,这样便于辨认,有利于减少编制网页中的错误。
对同一段要标记的内容,可以用多个元素来共同作用,产生一定的效果。
此时各个元素间的顺序也是任意的。
另外还有一种元素,不对文档中的某个部分起作用,只是用来提供给浏览器一种显示方式,
如
就显示一条通栏水平线。
还有一些元素具有参数(Parameter),这些参数一般精确地确定这种元素的显示方式,被称为该元素的属性(Properties)。
元素的属性的取值(Value)一般用双引号括起来,格式:
<元素名属性1=”属性值”属性2=”属性值”…>内容元素名>
例如
2、HTML文档的结构
HTML文档的基本结构为:
网页内容(BODY之间则为主要语法所在,也是网页的主要呈现部分。
)
3、HTML文档的命名
当一个Web浏览器打开一个文件时,首先确定该文件的类型,然后再确定其打开方式。
文件的后缀名就成为文件类型的标志。
HTML文档本身是一种文本文件,它的文件扩展名通常为“.html”和“.htm”标志,所以只要有文字编辑功能的工具都可以用来编辑或处理HTML文件。
4、HTML的注释
Web浏览器对“
--”和“-->”之间的部分不予显示。
一个优秀的
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 建设 复习资料