第2章网页基本元素的添加-本章自测

合集下载

网页设计教程01-03网页设计基础-HTML基础-Dreamweaver cs3使用基础础.

2.2.2设置字型
格式：<b>受影响的文字</b> <i>受影响的文字</i> <tt>受影响的文字</tt> …… 说明：各种字型的标记有许多，但是格式都一样。所不同的是标记名和需要受影响的文字而已。
2.2.3特殊替换字符
在HTML文件中，有一些特殊字符是用来代表特定意义的。例如小于（<）和大于（>）符号，是标记指令专用的，但是当要在浏览器上显示出此类符号时，就不能直接在代码中书写它们，而是利用以下的一些特殊符号来替代它们。 &lt：替代小于符号（<）。 &gt：替代大于符号（>）。 &quot：替代双引号（"）。 &nbsp：替代不可分的空格。有时因为版面的关系会将有空格的字符分成两行，此时就可以将两个字符之间的空格定义为&nbsp。
2.1.2 HTML文件的基本结构
1．基本结构 HTML文件是一种纯文本格式的文件，其基本结构为： <html> <head> <title>网页的标题</title> </head> <body> 网页的内容 </body> </html> HTML文件必须以<html>开头，以</html>结尾。 HTML文件包括头部（head）和主体（body）。

2．字符格式标记用来改变HTML文件文字的外观，增加文件的美观程度。主要有：（1）<font>：改变字体设置。（2）<b>……</b>：粗体字。（3）<i>……</i>：斜体字。（4）<tt>……</tt>：标准打印机字体。（5）<u>……</u>：文字带下划线。（6）<strike>……</strike >：文字带删除线。（7）<sub>……</sub >：下标。（8）<sup>……</sup >：上标。（9）<center>……</center>：居中对齐。（10）<blink>……</blink>：文字闪烁。（11）<big>……</big>：加大字型。（12）<small>……</small>：缩小字型。（13）<cite>……</cite>：参照。

网页设计与制作知到章节答案智慧树2023年长江职业学院

网页设计与制作知到章节测试答案智慧树2023年最新长江职业学院第一章测试1.网站是网页的基本构成元素。

（）。

参考答案:错2.在Web标准中，行为标准主要包括xml和xhtml两个部分。

（）。

参考答案:错3.目前最新的HTML版本是（）。

参考答案:HTML54.HBuilder中，新建文件的快捷键是（）。

参考答案:Ctrl+N5.制作网页时一般需要兼容以下哪些浏览器（）。

参考答案:谷歌浏览器;IE浏览器;火狐浏览器第二章测试1.当图像不能显示时，可以用下列哪个属性设置替换文本（）参考答案:alt2.下面的选项中，属于网页上常用图片格式的是（）参考答案:GIF格式;JPG格式;PNG格式3.HTML5中，mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。

（）参考答案:对4.下列选项中，属于段落标签的是( )参考答案:<p>标题文本</p>5.下列标签中，用于设置文本斜体的是（）参考答案:<i></i>和<em></em>第三章测试1.在CSS中，用于设置首行文本缩进的属性是（）参考答案:text-indent2.在下列选项中，background-position属性值书写正确的是（）参考答案:p{ background-position:left top; }3.下列选项中，属于背景属性的是（）参考答案:background-repeat;background;background-image4.在下面的选项中，符合CSS基础选择器的语法格式的是（）。

参考答案:p{font-size:12px;};* { margin: 0; padding:0; };.green{color:inherit;;#myfont{font-weight:bold;}5.下面的选项中, 行内式CSS样式的基本语法格式正确的是（）参考答案:<标记名 style="属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>6.当<p>标记内嵌套<strong>标记时，就可以使用后代选择器对其中的<strong>标记进行控制，下列写法正确是（）参考答案:p strong{color:inherit;7.页面上的div标签，其HTML代码为<div id="box" class="red">文字</div>，为其设置CSS样式如下：#box{color:blue;}.red{color:red;}那么，文字的颜色将显示为 ( )参考答案:蓝色8.color属性用于定义文本的颜色，以下写法正确的是（）参考答案:;9.在CSS中，使用链入式引入CSS样式表，要通过设置<link />标签的（）属性。

第2章网页设计与制作-HTML语言基础

例2.1 简单的HTML文档 <html> <head> <title>珠海欢迎您！</title> </head> <body> 这里是珠海悠游网，我们带您畅游珠海！ </body> </html>
由“<”和“>”组成的就是标记。在HTML 语言中标记分“单标记”和“双标记”。
2.1 HTML概述
2.2 文本的编辑
2.2.3 标题显示等级
语法格式为：
<hn>…</hn>
n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大。
可以用align属性设置对齐方式，常用的有左对齐，居中，右对齐三种对齐方式。
2.2 文本的编辑
2.2.4 列表
在HTML中，列表常用的有“有序列表”和 “无序列表”。
2.2 文本的编辑
2.2.4 列表
2．无序列表基本语法结构为：
<ul type=“n”>
<li>项目1</li> <li>项目2</li>
……
<li>项目n</li>
</ul>
Type:设置符号形状，有实心圆、小正方形、空心圆三种，具体如下：
n=disk：符号为实心圆。 n=square：符号为正方形。 n=circle：符号为空心圆。
绝对路径：完整的描述文件位置的路径就是绝对路径。对于绝对路径可以不需要知道其他任何信息就可以判断出文件的位置。
相对路径：所谓相对路径,顾名思义就是当前文档与目标的相对位置。例<src = "1.bmp">.

Dreamweaver-CS6网页制作第2章

前进
后退
定义在新建样式表文件
结束
2.2使用CSS规则美化文本
（2）单击“确定”按钮，弹出如下图所示的对话框
，定义样式文件名称为“mycss”保存在站点目录
“D:\mysite”文件夹中。
目录
前进
后退
保存新样式表文件“mycss”
结束
2.2使用CSS规则美化文本
（3）单击“保存”按钮，弹出“CSS规则定义”对话框，保持默认值，单击“确定”按钮。在“属性 ”面板中，定义“title2”样式，大小为“16px”、目录颜色为“#960”、“粗体”，效果如下图所示：
中选择“D:\mysite\images\flying.gif”图像文件，
单击“确认”按钮，图像插入后通过标签编辑器将
“对齐”属性设置为“右”。
调整大小：宽度为215像素，高度为160像素
前进
后退
设置图像大小
结束
2.3添加图像
（4）使用快捷键插入图象：将插入光标移动到“立
志飞翔”部分的第五段文字“但我”前，使用组合目录
对话框中选择“D:\mysite\images\flying.gif”图像
文件，单击“确认”按钮，图像插入后通过标签编
辑器将“对齐”属性设置为“左”。
前进
调整大小：宽度为285像素，高度为213像素
设置图像大小
后退结束
2.3添加图像
（3）使用“插入”菜单插入图象：将插入光标移动
到“立志飞翔”部分的第三段文字“听着”前，选择“插入”栏“常用” 类别中的按钮，在对话框目录
达到如图所示的效果，还要对“自我介绍”的内容
后退
制作列表，要在文档中添加水平线，编辑网页的外

网页设计课后习题答案

思考与练习‎答案第1章1、填空题：（1）文字、图片和超链‎接（2）“设计者”模式和“代码编写者‎”模式（3）“设计”视图、“代码”视图和“拆分”视图。

2、简答题（1）简述Dre‎a mwea‎v er 8的基本菜‎单的组成。

答：●【文件】菜单：包括对文件‎进行操作的‎标准菜单项‎，还包括各种‎其他命令用‎于查看当前‎文档或对当‎前文档执行‎的操作。

例如：【新建】、【打开】、【保存】、【在浏览器中‎预览】和【打印代码】等。

●【编辑】菜单：包括用对文‎本进行操作‎的标准菜单‎项，还包括选择‎和搜索命令‎。

例如：【剪切】、【拷贝】、【粘贴】、【选择父标签‎】和【查找和替换‎】等●【查看】菜单：可以看到文‎档的各种视‎图，并且可以显‎示和隐藏不‎同类型的页‎面元素以及‎不同的 Dream‎w eave‎r工具。

●【插入】菜单：提供插入栏‎的替代项，以便用于将‎对象插入文‎档。

●【修改】菜单：可以更改选‎定页面元素‎或项的属性‎。

使用此菜单‎，可以编辑标‎签属性，更改表格和‎表格元素，并且为库项‎和模板执行‎不同的操作‎。

●【文本】菜单：可以轻松地‎设置文本的‎格式。

●【命令】菜单：提供对各种‎命令的访问‎。

●【站点】菜单：提供一些菜‎单项，这些菜单项‎可用于创建‎、打开和编辑‎站点，以及用于管‎理当前站点‎中的文件。

●【窗口】菜单：提供对 Dream‎w eave‎r中的所有面‎板、检查器和窗‎口的访问。

●【帮助】菜单：提供对Dr‎e amwe‎a ver文‎档的访问，包括使用 Dream‎w eave‎r以及各种语‎言的参考材‎料。

（2）简述插入面‎板所包含的‎选项卡的种‎类。

答：●“常用”选项卡：包含用于创‎建和插入最‎常用对象（如图像、表格）的按钮。

●“布局”选项卡：允许插入布‎局表格和图‎层两种方式‎，并且可以在‎两种视图之‎间进行选择‎。

●“表单”选项卡：允许插入制‎作页面表单‎的各个元素‎。

网页设计与制作知到章节答案智慧树2023年酒泉职业技术学院

网页设计与制作知到章节测试答案智慧树2023年最新酒泉职业技术学院第一章测试1.不同的类别使用不同的后缀，以下属于政府类网站后缀名的是（）。

参考答案:gov2.以下属于静态网页的URL后缀的有（）。

参考答案:xml;htm;html3.以下属于常见的网站结构的有（）参考答案:国字型;标题正文式;拐角式;封面式4.以下哪些是属于常用的网页色彩搭配方法。

（）参考答案:相近色的应用;对比色的应用;色彩表达方式;网页安全色5.网站是多个网页的集合，按网站内容可将网站分为（）和职能网站。

参考答案:个人网站;企业网站;门户网站;专业网站第二章测试1.（）用于给文本、段落和图像等设置属性。

参考答案:属性检查器2.将链接的目标文件载入该链接所在的同一框架或窗口中，链接的target属性应设置成（）参考答案:self3.网页文件的头部(即标签)元素的主要功能包括?（）参考答案:搜索引擎阅读文件头以获取该页面重要信息，便于用户搜索;其他语言的代码，其文档范围声明和子程序都会包含在文件头部分;确定浏览器以什么语言来解释页面4.以下关于网页文件命名的说法错误的是（）参考答案:建议使用长文件名或中文文件名，以便更清晰、易值5.使用DreamweaverCC设计网站的第一步是（）。

参考答案:定义站点6.以下关于查看源代码的说法正确的是（）。

参考答案:可以在DreamweaverCC的“代码”视图中查看网页的源代码7.“页面属性”对话框中的（）用于设置将显示在Web浏览器的标题栏上的页面名称。

参考答案:标题/编码8.下面对于CSS样式描述正确的是（）。

参考答案:通过CSS，可以精确地控制页面中每个元素的字体样式、背景、排列方式、区域尺寸和边框等;能够简化网页代码格式，使得下载显示的速度加快9.单选2.在Dreamweaver中，怎样才能使用样式表：（）参考答案:事先定义10.如果要使一个网站的风格统并便于更新，在使用CSS时最好使用（）样式。

第二章网页设计语言_Html

标题标记用于设置文档中的标题，其中
<H1>...</H1>标记表示字体最大的标题，
<H6>…</H6>标记表示字体最小的标题。
每个标题标记所标记的字句将独占一行且上下留下一空白行。
演示：Sample2_4.htm
水平线的插入 <hr>标志是在Html文档中加入一条水平线。
COLOR属性
设置水平线的颜色，例如<HR color=red>
2.5.1 在网页中插入图像
演示：Sample2_13.htm、Sample2_14.htm
2.5.2
播放多媒体文件
Img标记不仅用于在网页中插入图像，也可以用
于播放多媒体文件（.avi）。若要在网页中播放多媒
体文件，应在IMG标记中设置以下属性： DYNSRC：指定要播放的多媒体文件的URL。 START：指定何时开始播放多媒体文件，其取值可以是fileopen或mouseover。
二、创建无序列表使用UL和LI标记来创建，语法格式如下：
<UL>
<LI>列表项1
…… <LI>列表项n </UL>
UL标记的TYPE属性用于指定列表项前面显示的项目符号，其取值可以是：
disc：使用实心圆作为项目符号（默认值）。
circle：使用空心圆作为项目符号。 square：使用方块作为项目符号。演示：Sample2_10.htm
<P align=“center”> 演示：Sample2_7.htm 、Sample2_8.htm
二、换行标记<BR> 大多数情况下，段落标记<P>是分隔文本的最佳

第2章网页元素的添加1 文本和页面属性课件

2.1.3 技巧提示
1. 水平线颜色的修改可以通过设置HTML代码修改水平线颜色。选中水平条，切换到代码视图，找到反白
显示的代码“<hr>”。将光标移到字母“r”后边按空格键，出现属性提示，鼠标在属性中双击“color”，接着在颜色提示中单击需设定的颜色即可。按F12可在浏览器中观察水平条的颜色改变情况。
（1）HTML属性
•
：选中要设置的段落文本，单击项目列表和编号列表，则可为文本添加项目列
表和编号列表。若要调整列表的外观，可将光标移至列表中的任一位置，单击属性
面板中的选中要设置的段落文本，单击项目列表和编号列表，则可为文本添加项目
列表和编号列表。若要调整列表的外观，可将光标移至列表中的任一位置，单击属
选中第4、5、6段文字，单击项目列表按钮，添加项目列表符号。属性面板如图213所示。将光标移到第3段落开始位置，按住Ctrl+Shift +空格键插入空格，共按4次，使得段落首行缩进2个字。
2.13
第2章网页元素的添加
2.1 文本和页面属性
2.1.1 案例制作：网页“藏獒鉴赏”部分正文
2.14
2.1.1 案例制作：网页“藏獒鉴赏”部分正文
7）单击“字体”右侧的下拉列表，选择“管理字体”选项。在弹出的“管理字体”对话框中切换到“自定义字体堆栈”选项卡，在“可用字体”列表中选择“隶书”，单击按钮将字体 “隶属”添加到左侧的“选择的字体” 列表框中，单击对话框上部的按钮，再在“可用字体”中选择“宋体”，单击按钮添加字体。同样的，单击对话框上部的按钮，再在“可用字体”中选择“楷体”，单击“完成”按钮退出对话框。此时隶书、宋体、楷体被添加到字体列表中了。

国开作业Web开发基础-本章自测32参考（含答案）

题目：内部样式表的优先级总是高于外部样式表。

（）
选项A：对
选项B：错
答案：错
题目：外部样式表是指定义在head元素中的style元素内的一组CSS样式声明。

（）选项A：对
选项B：错
答案：错
题目：凡是定义在元素开始标签之外的样式表，都成为外部样式表。

（）
选项A：对
选项B：错
答案：错
题目：父元素所有样式属性，子元素都会自动继承。

（）
选项A：对
选项B：错
答案：错
题目：默认情况下，ID选择器优先级最高，元素选择器优先级最低。

（）
选项A：对
选项B：错
答案：对
题目：为适应不同大小的显示设备，应尽量选择相对单位设置尺寸，如百分比(%)。

（）选项A：对
选项B：错
答案：对
题目：单位1px的显示大小不会随显示器分辨率改变而改变。

（）
选项A：对
选项B：错
答案：错
题目：margin:auto;可设置元素在水平和垂直两个方向都居中。

（）
选项A：对
选项B：错
答案：错
题目：外边距合并，是指当两个垂直方向外边距相遇时，将合并为一个外边距。

（）
选项A：对
选项B：错
答案：对。

Web习题参考答案

《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题（1）静态网页、动态网页（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言（3）文字、图形图像、动画、视频（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver2、问答题(1)www的特点有哪些？答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。

2）WWW是建立在客户机／服务器模型之上的。

3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。

4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。

5）WWW浏览提供界面友好的信息查询接口。

(2)网页的基本元素有哪些？答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。

它们的特点如下：文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。

图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。

动画：动画是动态的图形，添加动画可以使网页更加生动。

常用的动画格式包括动态GIF图片和Flash动画声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。

网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。

表格：在网页中使用表格可以控制网页中信息的结构布局。

超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。

表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。

其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。

网页设计与开发第2章试卷及答案

《网页设计与开发第2章》试卷一、选择题1．在网页源代码中（)标记必不可少。

A．〈html>B．〈p〉C．〈table〉D．<br>答案: A2．关于HTML文件说法错误的是（）。

A．HTML文件是一个包含标签的文本文件B．这些标签告诉浏览器怎样显示这个页面C．HTML文件必须以.htm为扩展名D．HTML文件可以用一个简单的文本编辑器创建答案： C3.关于HTML文件说法正确的是（）A．HTML标签都必须配对使用B．在〈title〉和〈/title〉标签之间的是头信息C．HTML标签是大小写无关的,〈b〉跟〈B>表示的意思是一样的D．在<u〉和〈/u〉标签之间的文本会以加粗字体显示答案: A4.下面针对标记属性声明正确的是（）A．〈hr size=”5px” align=”center"〉B．〈hr size：5px align：center>C．<hr size=”5px”, align="center”〉D．<hr size:”5px” align：”center"〉答案: A5.下面的标记中属于单标记的是（)A．<html〉B．<p>C．<table〉D．<br〉答案: D6.以下标记符中,用于设置页面标题的是（）A ．〈title>B．〈caption〉C．<head>D ．<html〉答案： A7. 用HTML标记语言编写一个简单的网页，网页最基本的结构是（）.A．<html> <head〉…</head〉〈frame〉…〈/frame> </html>B．<html> 〈title〉…</title> <body>…〈/body> 〈/html>C．〈html> <title〉…〈/title> <frame〉…〈/frame> </html〉D ．〈html〉<head〉…〈/head〉〈body〉…〈/body〉〈/html〉答案: D8。

网页设计(CS5)-第3讲-向网页中添加元素

网页设计·第2讲
3 在网页中添加图片
想一想：相同的图片，不同的图片格式，大小会不会相同？
网页设计·第2讲
3 在网页中添加图片
想一想：相同的图片，不同的图片格式，大小会不会相同？
网页设计·第2讲
3 在网页中添加图片
想一想：相同的图片，不同的图片格式，大小会不会相同？
网页设计·第2讲
3 在网页中添加图片
用途：大量用于网站的图标Logo、广告条Banner及网页背景图像。但由于受到颜色的显示，不适合用于照片级的网页图像。
网页设计·第2讲
3 在网页中添加图片
网页中常用的图片格式
.JPEG格式
特点：可以高效地压缩图片的数据量。使图片文件变小的同时基本不丢失颜色画质。
用途：通常用于显示照片等颜色丰富的精美图像。
添加空格
输入法切换到半角状态，按空格键只能输入一个空格；如果需要输入多个连续的空格可以通过以下几种方法来实现：
（1）菜单“插入”→HTML→特殊字符→不换行空格（2）直接按“Ctrl+Shift+Space”组合键
（3）菜单“编辑”→设置软件首选参数→允许连续空
格
网页设计·第2讲
1（1）菜单“插入”→HTML→特殊字符→不换行空格
要信息的传播，是信息的主要载体。同时为了使页面美观整齐，
还需要对输入的文本进行修饰和排版。 •如果在页面中要输入的文本较少，可直接通过键盘输入文本，若是在其他位置存在的大段文本内容则可以通过复制、粘贴或导入的方式来完成。 •无论是直接输入文本还是从外部导入，都需要先在网页中单击一次鼠标来定位，即指定文本开始的地方，对于表格性的文
网页设计·第2讲
2 编辑文本

动态网页的基础知识第2章

常见颜色RGB值表2-2 常见颜色值颜色黑色（Black）红色（Red）绿色（Green）蓝色（Blue）白色（White）黄色（Yellow）银色（Silver）浅色（Aqua） RGB 000000 FF0000 008000 0000FF FFFFFF FFFF00 C0C0C0 00FFFF 颜色橄榄色（Olive ）深表色（Teal）灰色（Gray）深蓝色（Navy ）浅绿色（Lime ）紫红色（ Fuchsia）紫色（Purple）茶色（Maroon ） RGB 808000 008080 808080 000080 00FF00 FF00FF 800080 800000
表示转义序列的开始。每个转义字符都 “&”开始，以分号“；”结束。（解决二义性问题）例如：“<”表示“<”符号。“ ”表示空格。
2.1 HTML语言语言
元素名也叫链接签名。需要注意的是：（1）< 和起始链接签之间不能有空格。（2）元素名称不区分大小写。（3）一个元素可以有多个属性，属性及其属性值不区分大小写，且各个属性用空格分开。
<HTML> <HEAD> <TITLE>这是一个测试网页</TITLE> </HEAD> <BODY> <pre>  HTML是一种描述文档结构的标注语言，它使用一些约定的标记对各种信息进行标注。 </pre>  </BODY> </HTML>
<HTML> <HEAD> <TITLE>这是一个测试网页</TITLE> </HEAD> <BODY> <STRONG>HTML</STRONG>是一种 <EM>描述文档结构</EM>的 <U>标注语言</U>， <B>它使用</B>一些 <I>约定的标记</I>对各种信息进行 <S>标注<S>。 </BODY> </HTML>

第2章网页元素的添加4 翻转图和Flash对象课件

2.8
第2章网页元素的添加
2.4 翻转图
2.4.4 实战演练：网站“闪闪作坊”页眉局部
4）光标移到第1行左侧单元格中，插入图像为image/fm01.gif。光标移到第2行中间单元格中，单击菜单命令“插入”→“图像”→“鼠标经过图像”插入翻转图像，在对话框中设原始图像为image/fm02.gif，鼠标经过图像为image/fm02x.gif。光标移到第2行右侧单元格中，插入图像为image/fm03.gif。
2.23
第2章网页元素的添加
2.5 Flash对象
2.5.4 实战演练：网页“蝴蝶谷”页眉部分
7）将光标移到第1行单元格中。单击菜单命令“插入”→“媒体”→“Flash SWF （F）”，打开“选择文件”对话框，找到image/mu.swf，单击“确定”按钮，于是在单元格中插入Flash的SWF文件。选中SWF文件，在属性面板中单击Wmode的下拉列表选择“透明”，按F12预览Flash背景是否透明。
5）将光标向左移动、移到字符“<td”的后面，按空格键会出现属性下拉列表，鼠标双击背景图像属性“background”。接着系统会出现如图2-86所示的代码，并出现文件浏览按钮，单击该浏览按钮，指定背景图像为image/tou.jpg。此时代码如图2-87所示。
2.21
第2章网页元素的添加
2.13
第2章网页元素的添加
2.5 Flash对象
2.5.2 新知解析
1. 插入Flash的SWF动画 SWF动画文件插入后，选中SWF文件，可通过SWF属性面板进行相关设置。可设置
SWF动画的大小、对齐方式、与周围网页元素的边距、背景色等，可通过单击“播放”按钮进行测试，也可通过wmode或“参数”设置SWF动画背景透明，详细设置方法请参照 “技巧提示”部分。当需要对SWF进行重新编辑时，可以单击“编辑”按钮启动Flash软件对源文件进行编辑。

第2章网页元素的添加实战Dreamweaver8网页制作教程电子教案

2.24
第2章
网页元素的添加
2.3 超链接的设置方法
2. 页面超链接状态的设定单击菜单“修改”→“页面属性”或单击文本属性面板中的“页面属性”按钮，打
开页面属性对话框，在分类下单击“链接”选项，其中“链接颜色”即为正常显示的
超链接文字颜色，“变换图像链接”为鼠标移到超链接文字上时文字显示颜色，“活动链接”为鼠标移到链接文字上按下鼠标并未松开时文字显示颜色。“已访问链接” 为已访问过的超链接文字的显示颜色。还可以设置所有超链接文字是否带有下划线。
2.16
第2章
网页元素的添加
2.3 超链接的设置方法
2.3.1案例制作：网站“诗词大观”首页
通过本案例的操作，你将学会：如何
插入文本、图像和设置它们的属性、如何插入表格并借助表格进行文本和图像的定位、如何建立锚记链接、电子邮件链接、绝对超链接、空连接。
2.17
第2章
网页元素的添加
2.3 超链接的设置方法象，然后可以通过以下3种方法创建超链接。
在属性面板的“链接”文本框中输入目标对象的URL或路径。拖动“链接”文本框后面的“指向文件”图标到“文件”面板中的目标对象上（默认使用相对路径）。单击“链接”文本框后面的“浏览文件”按钮，在打开的“选择文件” 对话框中选择链接对象，然后单击“确定”按钮。
2.3.2 新知解析
1. 超链接的表现形式
（1）网页之间的超连接
（2）网页内的超链接（3）E-mail链接（4）空链接和脚本链接（5）图像热点链接
2.18
第2章
网页元素的添加
2.3 超链接的设置方法
（1）网页之间的超连接要在网页中创建超链接，首先选中要创建链接的对象（文本、图像或其他页面对

实验二网页的基本元素

实验二网页的基本元素（一）实验目的1、掌握文本段落格式标记，包括注释标记，分段标记，换行/不换行标记，标题标记，分节标记，水平线标记，文本居中标记等；2、掌握文字显示效果标记，包括字体标记，字符样式标记以及转义字符等；3、掌握列表格式标记，包括无序列表标记，有序列表标记等；4、掌握超链接的使用，包括锚点标记、页面跳转链接、书签超链接、下载文件链接以及电子邮件链接等；5、掌握图片标记，包括插入图片标记，图片超链接标记网页背景标记；6、掌握音频和视频标记，包括链接音频或视频文件、设置网页背景音乐标记，内嵌音频或视频播放插件等；7、掌握动态元素标记。

实验环境WindowsXP操作系统，内部组成局域网，外连Internet互联网。

实验重点及难点熟练掌握各种常用标记并利用其来实现网页的排版。

实验内容1、通过记事本编辑网页sy2-1.htm，实现如下页面：2、通过记事本编辑网页sy2-2.htm，实现如下页面：●标题文字大小用<h1></h1>标记；●作者信息文字大小为4，字体为幼圆，颜色为红色；●古诗文字大小为4，字体为隶书，颜色为蓝色；●在作者信息后加一条水平线，居中，水平线宽度为浏览器的50%，水平线的粗细为20个像素，颜色为棕色；4、通过记事本对网页sy2-3.htm按要求进行编辑并另存为sy2-4.htm，效果如图所示。

●插入背景图片背景.jpg●在古诗左下方插入作者的照片司空曙.jpg●为网页添加背景音乐江村即事.mp3●给标题设置超链接，链接到网页江村即事_百度百科.htm；●给图片设置超链接，链接到网页司空曙_百度百科.htm。

第2章网页元素_214008599(1)

图标名称编辑功能描述启动外部编辑器（在首选参数中指定的图像编辑器），打开选定的图像开始编辑在【图像预览】对话框中，对不同格式的图像进行不同程度的优化可让修剪图像的大小，从所选图像中删除不需要的区域对已调整大小的图像进行重新取样，提高图片在新的大小和形状下的品质
优化
裁剪
重新取样
亮度和对比修改图像中像素的亮度或对比度度锐化调整图像的清晰度
11
2.3 插入Flash多媒体
通常情况下，网页中的多数多媒体文件是由Flash制作完成，并且将其文件插入到文档的合适位置。目前，Flash在网页中应用较为广泛，并且可以替代多个网页的其他元素，如导航条、按钮、Banner和影视等等。
7
2.2.1 网页图像概述
网页图像的不同格式，其影响页面浏览的速度也不相同，所以掌握图像格式方面的知识是必不可少的。虽然存在着很多种图形文件格式，但是在Web中，通常使用的只有 GIF、JPEG、PNG三种文件格式。
8
2.2.2 插入图像
网页中最常见的图像是直接插入式图像，该图像插入网页以后，在正常情况下不可以在相同的位置输入文本，或者再次插入图像。除此之外，还可以作为其他内容进行插入操作。
Dreamweaver 允许用户直接在页面中输入文本，也可以将其它文档中的文本复制并粘贴页面中。除此之外，还可以从其它文档类型导入文本。
执行输入文本
复制文件
4
2.1.2 设置文本格式
使用Dreamweaver可以方便的设置文本的各种样式，例如字体、颜色、大小等。通常网页文本的颜色应与网页的主色调相适应。
第2章网页元素
一般网页直观的看，由文字、图片、动画和音视频等组成。而这些组成网页的内容，称为网页元素。因此，网页元素在网页中，均占有比较重要的地位。在一个网页中，并不是需要包含所有的网页元素，而根据该页面实际的需求应用网页元素。例如，对于文学网页来说，主要包含文本、图像即可；而对影视网站，则除包含一些图像、文本外，还需要含纳大量的音视频等元素。

第2章 网页基本元素的添加-本章自测

网页设计教程01-03网页设计基础-HTML基础-Dreamweaver cs3使用基础础.

网页设计与制作知到章节答案智慧树2023年长江职业学院

第2章 网页设计与制作-HTML语言基础

Dreamweaver-CS6网页制作第2章

网页设计课后习题答案

网页设计与制作知到章节答案智慧树2023年酒泉职业技术学院

第二章 网页设计语言_Html

第2章 网页元素的添加1 文本和页面属性 课件