教学材料《网络使用》-模块2_第1页
教学材料《网络使用》-模块2_第2页
教学材料《网络使用》-模块2_第3页
教学材料《网络使用》-模块2_第4页
教学材料《网络使用》-模块2_第5页
已阅读5页，还剩65页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

相关知识1.HTML超文本描述语言HTML(HyperTextMarkupLanguage)的中文名称为“超文本标记语言”，是一种专门用来设计网页的计算机标记语言，HTML对网页上的文字、图片等多媒体数据所出现的位置、形式、顺序及关系都使用标记(Tag)语法作定义以及对网页间加注超链接关系。通常，HTML文件以.htm为扩展名，浏览器根据Tag语法对*.htm文件的内容加以处理，按照其指定方式将文字、图片等多媒体数据显示或播放出来。2.HTML文件的结构HTML通过使用标记和元素(不区分大小写)来建立文件，并利用标记来控制文件的结构。一个标准的HTML文件是以<html>标记开始，并以</html>标记结束的，用来告知浏览器这是整个HTML文件的范围。2.1编写HTML代码下一页返回在<html>一</html>之间包含两个主要的部分:一个是HTML文件的头部(Head)，称为“标题设定区”，放置一些有关该文件的识别数据，前后使用<head>一</head>标记框住；另一个是文件的主体(Body)，称为“HTML网页文本区”，是显示在浏览器中的文件内容及其格式，前后使用<hody>～</hody>标记框住。实训步骤1.基本架构(1)用记事本编写以下代码:2.1编写HTML代码上一页下一页返回(2)将其保存为如“E1.HTM”格式的文件；(3)浏览“E1.HTM”格式的文件。2.1编写HTML代码上一页下一页返回2.常用格式化标记的设置步骤一在文本文件编辑器中编写HTML文件(可参考下面的示例编写)。步骤二保存HTML文件。步骤三在浏览器中观察所编辑的HTML文件的显示效果。示例1:标题标记，效果如图2.1-1所示。2.1编写HTML代码上一页下一页返回提示:<hl>～<h6>标记用于设置段落标题的大小级数，其中<hl>是最大的标题，然后逐级变小，最小的是<h6>。此标记后可以加入align属性来控制文字的对齐方式，属性值可以取left(左对齐)、right(右对齐)、center(居中)。例如“<hlalign=˝center˝>欢迎访问网上商店！</hl>”，表示将标记中的文字居中显示。示例2:分段与换行，效果如图2.1-2所示。2.1编写HTML代码上一页下一页返回2.1编写HTML代码上一页下一页返回提示:<p>是段落标记。浏览器每遇到一个<P>标记，就会将标记后的文字从新的一行开始显示，并且每个用<P>标记所形成的段落之间会自动空一行。<p>是成对标记，其中</P>可省略。<br>是换行标记，属于非成对标记。<center>是居中标记，用于将标记范围内的文字或图片居中放置。示例3:标记文字格式(修改示例2中的阴影部分)，效果如图2.1-3所示。2.1编写HTML代码上一页下一页返回2.1编写HTML代码上一页下一页返回提示:使用字体标记<font>可以设置文字的字体、大小和颜色，并且不会像<hl>～<h6>标题标记的那样自动将字体加粗以及在文字上下空一行。<font>是成对标记，有三种属性:face:用来设置文字所使用的字体，如face=＂楷体＂。size:用来设置文字的大小，属性值为1～7，预设为3。也可以使用相对大小设定，如size=＂+1＂表示将字体大小往上升一级。color:属性:用来设置文字的颜色。可使用颜色的英文名称设置，例如black(黑色)、white(白色)、red(红色)、green(绿色)、blue(蓝色)和cvan(青色)。示例4:标记列表(修改示例3中的阴影部分)，效果如图2.1-4所示。2.1编写HTML代码上一页下一页返回2.1编写HTML代码上一页下一页返回提示:<u1>标记称为“项目列表”标记，是成对标记。在<u1>标记之间还可以使用<1i>标记来设定项目内容。<1i>标记中使用type属性，可以显示不同形状的项目符号:不加type属性:项目符号显示为●(默认值)。type=“circle”:项目符号显示为○。type=“square”:项目符号显示为■。3.链接标记的设置步骤一在文本文件编辑器中编写HTML文件(可参考下面的示例编写)。步骤二保存HTML文件。步骤三在浏览器中观察所编辑的HTML文件的显示效果。示例:效果如图2.1-5所示。2.1编写HTML代码上一页下一页返回2.1编写HTML代码上一页下一页返回提示:当要在网页中制作“超级链接”时，必须使用成对标记<a>～</a>来完成链接工作。在<a>标记中，可以使用绝对网址或相对网址表示链接目标:“绝对网址”是直接写出所链接的文件位于那个服务器中的网站内，主要用来链接其他网站的网页，例如“<ahref=＂http；//www.online.sh.cn＂>”(如果不指定文件名，表示链接到该路径下的首页)。“相对网址”指出所链接的文件相对于目前网页所在的位置来表示，通常用来链接当前网站中的其它网页，例如“<ahref=＂htmllx2.htm＂>。2.1编写HTML代码上一页下一页返回相关知识过去，设计制作网页的工作只能由一些专家来完成，因为在制作网页的过程中必须使用HTML语言，许多符号、规定、让不少人望而却步。FrontPage的推出，为初学者提供了制作网页的捷径，它无须使用者懂得HTML语言(当然了解一些更好)，只要会使用Word，就会编写网页，并很快能学会制作出有一定专业水准的网页。Frontpage编辑器是一个双向的工具，既可以按所见即所得的工作方式编辑网页，让Frontpage编辑器自动生成相应的HTML代码；也可以切换到HTML视图方式，直接输入HTML代码，然后切换到Normal视图，观察网页的制作效果。1.图像在网页中插入图像时，用得最多的图像格式是CIF和JPEG，这两种图像格式都是压缩的，能够显著地减少对带宽的占用，因此比较适合于在Internet上传输。2.2实训项目—FrontPage基本操作下一页返回上一页在第一次保存网页时，如果网页中有不是CIF或JPEG格式的图像，Front编辑器则自动转化其格式:如果图像的颜色不超过256色，转换为CIF格式；否则转换为JPEG格式。需要说明的是，网页中的图像并不与网页保存在同一个文件中，每个图像单独保存，这是因为HTML语言可以描述图像的位置、大小等属性，但不能直接描述图像上的像素。2.超链接超级链接表示两个对象之间的一种联系，既可以反映网页内部各个位置之间的联系，也可以反映网页之间的联系，它可以使访问者方便地从一个网页转移到另一个网页，或者从网页的一个位置转移到另一个位置，是有效组织网站中各种对象的纽带。超级链接的外观可以是多种多样的，它的载体可以是文字，也可以是图像。通常文字形式超级链接的外观，其文字自动带有下划线；2.2实训项目—FrontPage基本操作上一页下一页返回对于图像形式的超级链接，它通过将鼠标箭头改为手状态来告诉访问者这是超级链接。实训步骤

(1)单击WindowsXP任务栏左端的“开始”→指向“程序”→单击“Mi-crosoftFrontPage”，打开FrontPage2003初始界面，如图2.2-1所示。

(2)界面有四种方式，分别是“设计”、“拆分”、“代码”和“预览”，编辑时使用“设计”。输入“欢迎访问电子商务网站！”；

(3)如果要设置网页背景，可执行如下操作:→单击“格式”菜单下的“背景”，打开“页面属性”对话框的“背景”选项卡；→在“背景”选项卡中可以更改网页背景的颜色，也可以更改文字及超链接的颜色；单击“确定”完成设定。2.2实训项目—FrontPage基本操作上一页下一页返回(4)如果要在适当位置插入图像，可执行的操作如下:→将光标插入点定位到需插入图像的位置；→单击“插入”菜单下的“图像”，打开“选定文件”对话框；→选择图像文件所在的位置及文件名，单击“确定”完成图像的插入。

(5)保存网页。为了便于网页的管理，先在硬盘根目录上建立一个文件夹，例如，在D盘根目录上建立名为XingXing的文件夹，用于保存“星星网”的所有网页；然后执行以下操作:→单击工具栏上的“保存”按钮，在“另存为文件”对话框中选择保存位置，并输入文件名，单击“保存”。→若网页中含有图像，首次保存网页时还将出现“保存嵌入文件”对话框。如果要更改图像的名字，可单击“重命名”按钮，如果要更改图像的保存位置，可单击“更改文件夹”按钮。设定完毕单击“确定”。2.2实训项目—FrontPage基本操作上一页下一页返回(6)在编辑器中预览网页按以下步骤操作，可在编辑器中浏览所编网页的效果。步骤一单击FrontPage编辑器窗口下方的“预览”标签，可预览网页的实际显示效果。步骤二预览完毕，单击“设计”标签，返回编辑视图。

(7)创建超链接如果要为网页中的文本创建超级链接，可以选中需要链接的内容，如文字或者图片，然后点击“插入”→“超级链接”，进入超级链接界面，如图2.2-2所示。2.2实训项目—FrontPage基本操作上一页返回下一页相关知识表格在网页制作中使用的频率非常高，可以帮助用户有序、整齐地组织网页上的信息。FrontPage编辑器的表格功能很强，用户既可以直接插入表格，也可以自定义表格，甚至可以把网页上的文本转换为表格，将Word文档中的表格转换为网页上的表格。表格单元中不仅可以输入文字，也可以插入图片。1.表格工具栏表格操作，可借助于表格工具栏。在默认情况下，该工具栏是不显示的。在“视图”菜单下选择“表格工具栏”，可显示如图2.3-1所示的表格工具栏。从左至右各按钮的作用为:自由画表格、擦除边框线、插入行、插入列、删除单元、合并单元格、拆分单元格、上对齐、垂直居中、下对齐、均匀分布各行、均匀分布各列、设置背景颜色。2.3实训项目—FrontPage表格使用下一页返回上一页2.利用表格分栏FrontPage编辑器中没有提供分栏的功能，但是通过表格，很容易达到分栏要求，如图2.3-2所示。提示:在表格属性设置中，将“边框线宽度”设置为0，则浏览时不会显示边框线。实训步骤1.插入表格在网页中插入表格的方法与在Word中插入表格的方法类似。步骤一启动FrontPage编辑器。步骤二插入表格。可采取以下任一方法:(1)单击“表格”菜单下的“插入表格”命令，在出现的对话框中设置表格的行列数、布局及宽度。

(2)直接单击工具栏上的按钮，然后拖动鼠标指定行数和列数。2.3实训项目—FrontPage表格使用上一页下一页返回步骤三输入表格中的内容，如图2.3-3所示。→在表格中输入内容，除了利用四个光标键移动插入点之外，还可以按Tab键使其移到下一个单元格。如果已经是最后一个单元格，按Tab键将自动添加一行。→如果表格位于网页的最开头，要在表格前插入文本，可在表格的第一个单元格中按回车键，使表格下移一行。2.编辑表格1)复制、移动、删除表格元素步骤一选择操作对象，例如，选择单元格、行、列或整个表格。选择方法与在Word中选择表格对象的方法相同；步骤二执行下列相应的操作(提示:单击按钮，可撤销已执行的操作):→移动:用鼠标将选择的内容拖到新位置；或者先“剪切”所选内容，然后在新位置“粘贴”。2.3实训项目—FrontPage表格使用上一页下一页返回→复制:先按住Ctrl键不放，再用鼠标将选择的内容拖到新位置；或者先“复制”所选内容，然后在新位置“粘贴”。→删除表格元素:单击“表格”菜单下的“删除单元格”，可删除所选择的单元格、行或列。→删除内容:按键盘上的Delete键，可删除所选单元格中的内容。如果选择的是整个表格，按键盘上的Delete键可删除整个表格。2)设置表格标题步骤一单击“表格”菜单下的“插入标题”，表格的上方空出一行，插入点光标出现在居中位置。步骤二输入表格的标题，本例输入“房产信息”。3)添加行、列步骤一选择插入位置:如果要插入行，则选择一行；如果要插入列，则选择一列。2.3实训项目—FrontPage表格使用上一页下一页返回步骤二单击“表格”菜单下的“插入行或列”，打开相应的对话框，如图2.3-4和图2.3-5所示。步骤三按需求进行设置，如首先选择是插入行还是列，接着输入或选择所插入的列数或行数，然后选择插入位置。设定完按“确定”。4)拆分与合并单元格表格往往是不规则的，经常需要按需拆分或合并单元格，如图2.3-6所示。步骤一选择对象:如果是拆分单元格，首先选择该单元格；如果是合并单元格，则选择需要合并的若干单元格。步骤二执行相应的命令:如果是拆分单元格，单击“表格”菜单下的“拆分单元格”，在打开的对话框中选择是拆分为多行还是拆分为多列，然后再选择相应的拆分数；如果是合并单元格，则单击“表格”菜单下的“合并单元格”即可。2.3实训项目—FrontPage表格使用上一页下一页返回5)调整行高、列宽调整列宽的步骤:先把鼠标移到需调整列任一单元格的左边框或右边框，等鼠标指针形状变为双向箭头时，再向左或向右拖动边框。提示:上述方法比较直观，但是表格的总宽度并不变化，也就是说，如果增加了某列的宽度，则其相邻列的宽度将缩小，反之亦然。如果要使相邻列的宽度保持不变而使表格的总宽度发生变化，在拖动之前要先按住Shift键。调整行高的步骤:先把鼠标移到需调整行任一单元格的上边框或下边框，等鼠标指针形状变为双向箭头时，再向上或向下拖动边框。3.设置表格属性表格制作好之后，还可以根据需要调整表格的外观和属性。2.3实训项目—FrontPage表格使用上一页下一页返回1)设置表格属性选中一个一单元格，单击“表格”菜单下的“表格属性”，打开相应的对话框。再按需求进行设置:布局、表格大小、自定义表格背景及边框颜色等。如图2.3-7所示。2)设置单元格属性步骤一选择需设置属性的单元格。例如选择表格的第一行。步骤二单击“表格”菜单下的“单元格属性”，打开“单元格属性”对话框。步骤三按需求进行设置:单元格的布局、单元格最小尺寸、自定义背景及边框颜色等。例如，将所选第一行单元格的布局设置为水平居中对齐，背景色设置为颜色，效果如图2.3-8所示。2.3实训项目—FrontPage表格使用上一页下一页返回4.表格的格式化表格格式化的操作步骤与文本格式化的操作相同。步骤一选定需格式化的内容。步骤二按需进行格式化。2.3实训项目—FrontPage表格使用上一页返回下一页相关知识框架也称为帧(Frame)，通过框架技术能够把Web浏览器的窗口分成几个独立的区域，每个区域即为一个框架。框架是能够独立变化和滚动的小窗口，可以单独显示一个网页。利用这些小窗口，通过合理的组织和编排，可以更好地展示Web网页，使其更加美观。带有框架的网页称为框架网页。在许多方面，框架与表格相似，所不同的是表格对页面区域进行划分，而框架对整个窗口进行划分。与表格相比，框架更有用，每个框架都有自己独立的网页文件，其内容不受另外框架内容的改变而改变。框架的形式有多种，常见的有两个框架、三个框架等。例如两个框架的网页，其中一个框架专门显示网站的栏目，另一个框架显示栏目的内容，这样设计的好处是，不管访问者进入了哪个栏目，也不管访问者深入到栏目的哪个层次，都可以随时进入另一个栏目，而不用逐级返回到主页，因此，框架技术在网页制作中是非常有用的。2.4实训项目—FrontPage使用框架下一页返回上一页实训步骤1.创建框架页步骤一启动FrontPage编辑器。步骤二建立框架:单击“框架”菜单下的“新建框架页面”，在出现的“新建”对话框中选择一种框架模板(本例选择Contents，设定之后按“确定”，即建立如图2.4-1所示的两框架网页。由图可以看出，每个框架内有3个按钮，其作用如下:(1)设置初始页面:单击该按钮，给框架指定一个初始网页。(2)新页面:单击该按钮，给框架新建一个初始网页。(3)帮助:单击该按钮，将获得有关框架制作的帮助信息。步骤三为框架指定初始页，如图2.4-2所示:

2.4实训项目—FrontPage使用框架上一页下一页返回(1)在左框架中新建网页:单击左框架中的“新页面”按钮，系统自动在该框架中创建一个空白的网页；然后在该空白网页中插入一个4行1列、边框为0、宽度为90%页面宽度的表格，并在表格中输入栏目名称。

(2)在右框架中设置初始网页:单击右框架中的“设置初始页面”按钮，出现“创建超级链接”对话框；单击按钮，在出现的对话框中选择前面所建立的“房产信息”网页。步骤四建立超链接。对于两框架网页，左边的框架通常显示栏目，右边的框架显示栏目的内容，即要为左边的栏目创建超链接，并使链接目标在右框架中显示。对图所示的框架页，建立超链接的操作如下:(1)选定“房产信息”文本，单击工具栏上的按钮，在随之出现的“创建超级链接”对话框中单击按钮，选择前面所建立的“房产信息”网页。

(2)同理，“租赁市场”文本链接到前面“思考与练习”所建立的网页。2.4实训项目—FrontPage使用框架上一页下一页返回(3)同理，将“链接星星网”文本链接到前面所建立的“星星网”主页。2.保存框架及框架页步骤一单击工具栏上的按钮，出现“另存为文件”对话框，输入文件名pageleft(保存的是左边的框架)，单击“保存”。步骤二出现的对话框(注意此时的蓝色框位置)，将默认文件名newpage2改为framepage(保存的是整个框架页)，单击“保存”。提示:对于新创建的框架，第一次保存时，系统将提示用户依次保存顶部、左部、右部框架中的网页，最后要求用户保存整个框架文件本身。3.编辑框架框架创建之后，可以根据需要对框架进行一些必要的编辑，如拆分和删除框架等。2.4实训项目—FrontPage使用框架上一页下一页返回对框架进行编辑操作之前，应选择当前活动框架:单击某个框架的任意地方，则该框架就成为当前框架，其表现形式是四周出现蓝色的框线；单击任意两个框架之间的边框，则选择整个框架，其表现形式是整个框架页四周出现蓝色的框线。1)拆分框架步骤一选择需拆分的框架为当前框架。步骤二单击“框架”菜单下的“拆分框架”对话框。步骤三选择拆分方式(拆分为多列/多行)，设定后按“确定”。提示:要拆分框架，最方便的是使用鼠标拖动的方法:把鼠标指针移到框架的边框上，按住Ctrl键，然后拖动框架的边框。2)删除框架步骤一选择需删除的框架为当前框架。步骤二单击“框架”菜单下的“删除框架”。2.4实训项目—FrontPage使用框架上一页下一页返回4.设置框架属性框架创建之后，还可以根据需要设置框架的属性和框架网页的属性。1)设置框架属性步骤一选择需设置属性的框架为当前框架。步骤二单击“框架”菜单下的“框架属性”，出现相应的对话框，如图2.4一3所示。步骤三在框架属性对话框中，可进行以下设置:(1)名称:定义框架的名字。系统为每个框架提供了默认的名字，用户可以重新输入新的名字，但要注意为各框架定义的名字不要重复。

(2)选项:设置框架的可选选项。若选中“在浏览器中调整大小”复选框，表示当浏览器打开这个框架网页时，客户可以改变框架的尺寸。2.4实训项目—FrontPage使用框架上一页下一页返回“显示滚动条”下拉列表设置是否让框架显示滚动条，有三种选择:“自动”表示根据需要显示，即当显示的内容显示不下时，就会出现滚动条；“没有”表示不显示滚动条；“总是”表示始终显示滚动条。

(3)框架大小:设置框架的宽度和高度。通常可以像素为单位给出高度/宽度的绝对值，或者以浏览器窗口大小的百分比设置高度/宽度。

(4)页边距:设置框架内的文本距离框架边缘的空白区的大小。

(5)初始页面:设置该框架的初始网页。提示:要改变框架的尺寸，最方便的是使用鼠标拖动的方法，即把鼠标指针移到框架的边框上，等指针形状变成双向箭头时拖动鼠标。2)设置框架页属性步骤一单击“框架”菜单下的“框架页面属性”，出现相应的对话框，如图2.4一5所示。2.4实训项目—FrontPage使用框架上一页下一页返回步骤二在框架页面属性对话框的“框架”选项卡中，可进行以下设置:(1)框架空间:用于设置框架之间的距离。

(2)显示边界:选中此复选框，表示框架之间有边界；取消选中该项，“框架空间”中的数值将自动为0，表示框架之间没有边界。提示:有时，取消框架之间的边框，能够保持网页的完整性，使客户在浏览时感觉不到框架的存在，如图2.4-6所示。

2.4实训项目—FrontPage使用框架上一页返回下一页1.概述CSS是GascadingStyleSheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在用户丰富的想象力下千变万化。先来看一下它的源代码:2.5实训项目—FrontPage的CSS操作下一页返回上一页2.5实训项目—FrontPage的CSS操作上一页下一页返回实际上CSS的代码都是由一些最基本的语句构成的。它的基本语句的结构是这样的:选择符{属性:属性值结合上面的代码来讲解，比如上面代码的<head>…</head>中，使用<style>来指定样式。一般说来，<style>下面的CSS语句是以注释语句的形式书写的，也就是上面代码中的<！--···-->符号包含的部分。所以，上面的例子中定义页面样式的语句是:div{width:20；filter:blur(add=true，direction=35，strengh=20)；}在上面的语句中，DIV是选择符，选择符可以是HTML中任何的标识符，比如P、DIV、IMG甚至BODY都可以作为选择符。这里用DIV做选择符，就是说在HTML中，编辑在<DIV>中的页面格式将以上面语句中大括号内定义的格式显示。2.5实训项目—FrontPage的CSS操作上一页下一页返回括号内的WIDTH和FILTER就是属性。WIDTH定义了DIV区域内的页面的宽度，200是属性值。FILTER定义了滤镜属性，BLUR是它的属性值，该属性值产生的是一种模糊效果，其小括号内定义的是BLUR属性值的一些参数。ADD参数有两个值:True和False。分别指定图片是否被设置成模糊效果。Direction参数是用来设置模糊的方向。0度代表垂直向上，然后每45度一个单位，例子中的135代表底部向右135度，每一个度数单位都代表一个模糊方向，如果感兴趣的话，可以参照后面的讲解中详细的参数设定。Strengh代表有多少像素的宽度将受到模糊影响，参数值是用整数来设置的。2.5实训项目—FrontPage的CSS操作上一页下一页返回看到除了在<HEAD>中有CSS的定义，在<BODY>中也有一段CSS定义:<pasty=font-size:48；font-style；bold；color:red；”>SINA</p>这里Style是内嵌到<P>中来定义该段落内的格式的。在<BODY>中的CSS语句与定义在<HEAD>中还有些不同，它是用<STYLE=>直接定义的。这种定义方法非常适用于编写的代码比较多的情况。而上面代码的CSS定义格式则非常适用于代码较少、结构较简单的情况。按照CSS语句的基本格式，可以看出上面定义P段落内的CSS代码中font-size、font-style和color是属性，分别定义<P>中“SINA”字体的大小(size)、样式(style)和颜色(color)；而48、hold、red是属性值。意思是“SINA”将以48pt、粗体、红色的样式显示。由于整个段落是定义在<DIV>中的，所以SINA又将显示出<head>中定义的滤镜属性来。2.5实训项目—FrontPage的CSS操作上一页下一页返回从上面的例子中，可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具(Frontpage、Ultraedit等)，都可以用来编辑CSS文档。那么独立编辑好的CSS文档怎样加入到HTML文档中呢?一种是把CSS文档放到<head>文档中:<styletype=“tyxt/css”>……</style>其中<style>中的“type=‘text/css'”的意思是<style>中的代码是定义样式表单的。另一种方法是把CSS样式表写在HTML的行内，比如下面的代码:<pstyle=“font－size；14pt；color；blue”>蓝色14号文字</p>2.5实训项目—FrontPage的CSS操作上一页下一页返回这是采用<Style=“”>的格式把样式写在html中的任意行内，这样比较方便灵活。还有一种方法是:把编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。定义的格式是这样的:<head><linkrel=stylesheethref=“style.css”>……</head>这里应用了一个<Link>,“rel=stylesheet”指连接的元素是一个样式表(stylesheet)文档。一般这里是不需要改动的。而后面的“href=‘style.css'”指的是需要连接的文件地址。只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。2.在页面中引用CSS的方法有很多将样式规则加入到HTML文件中的方法。最简单的引用方法是使用HTML的STYLE标记。这个标记放置于文件的HEAD部分，包含网页的样式结构。2.5实训项目—FrontPage的CSS操作上一页下一页返回层叠样式表中的层叠的意义在于如果同一个Web文档中可以有多个样式表存在，这些样式表根据所在的位置，拥有不同的优先级，优先级最高的，在显示时就会被最后采用。从样式表插入的形式来看可以分为三种:1)内联式样式表内联式样式表，它利用现有的HTML标记，把特殊的样式加入到那些由标记控制的信息中，例如“<p

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论