3 网页中文本的处理、图片处理、超链接

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

改正文字符和超链接的颜色,以便与背景相适应。
设置正文和超链接颜色时,可以使用 BODY标记符 的text、link、vlink和alink属性。其中,text属性用 于设置正文的颜色; link属性用于设置未被访问的 超链接的颜色;vlink用于设置已被访问过的超链接
的颜色;alink用于设置活动超链接(即当前选定的
2.插入特殊的字符
有时为了内容的需要,要在网页中插入一些键盘
上没有的特殊字符,在Dreamweaver 中,这些特殊字
符不仅可以通过“插入”——“HTML”菜单下的“特殊 字符”命令来插入,还可以通过插入“字符”面板来 直接插入。
3.输入空格
Dreamweaver 中,在文本开始处按空格键是不 会输入空格的,在文字之间按空格键可以输入半个空 格。如果要在网页中输入空格,可以采用如下三种方 法: (1)按住“Ctrl+Shift”键,按一次空格键,键入 半个空格。 ( 2 )将输入法由半角状态切换到在全角状态,按 一次空格键,键入一个空格。 (3)将编辑窗口切换到代码视图,在要输入空格 的地方输入代码 ,产生半个空格。
注释的作用
适当地在程序中加入注释可以增强程序的 可读性,以方便维护人员的维护。即便是对于 程序编写人员本人,注释对调试程序和编写程 序亦可起到很好的帮助作用。程序员在程序中 书写注释是一种良好的习惯,在平时学习和实 践时要注意培养这种良好的素养。
1、表示版本、日期 2、描述编程思路 3、对变量、函数、标签加以说明
5.插入水平线
在页面中插入水平线的方法如下:
首先确定插入水平线的位置,然后单击插入面板
上“常用”选项卡中的按钮 ,或选ቤተ መጻሕፍቲ ባይዱ“插
入”|“水平线”菜单命令,则可在页面中插入了一条
水平线。 选中水平线,打开水平线属性面板,可以设置水 平线的属性。
二、 查找/替换文本的内容
如果要在文档中查找或替找某个文字,可利用 Dreamweaver 提供的查找和替换功能。选择“编
定义列表
<dl> <dt>术语</dt> <dd>术语的定义</dd> <dt>术语</dt> <dd>术语的定义</dd> <dt>术语</dt> <dd>术语的定义</dd> </dl>
3.设置页面属性
(1)设置页面背景颜色
在 <BODY> 标记符中使用 bgcolor 属性可以为网
页设置背景颜色,有16种标准颜色可供选择。
繁体中文:<META HTTP-EQUIV="ContentType" CONTENT="text/html; charset=BIG5"> 英 语:<META HTTP-EQUIV="ContentType" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息 <META name="author" content="Evance">
<P>标记不但能使后面的文字换到下一行,还可以
使两段之间多一空行。
设置段落标记符的格式为:
<P align="对齐方式"> 文字 </P> 其中属性 align 用来设置段落的对齐方式,可以 为left、center或right,分别表示居左、居中、居 右。默认方式为left。
4.显示预排格式标记符
2.强制换行标记符
强制换行标记符为 <BR> ,放在一行的末尾,可 以使后面的文字、图片、表格等显示于下一行,而 又不会在行与行之间留下空行,即强制文本换行。
强制换行标记符的格式为:
文字<BR>
浏览器解释时,从该处换行。换行标记符单独使
用,可使页面清晰、整齐。
3.强制换段标记符
强制换段标记符的格式为: 文字<P>
第3章 编辑文档
通过本章学习,应该掌握以下内容:
1. 文本的处理 2. 图片的处理 3. 超链接的处理
(都需要即会HTML又会dw)
3.1 处理文本
3.1.1 网页基本标签
(1)HTML标记符 <HTML></HTML>这两个标记符是HTML文档的标记符。 <HTML> 处于文档的最前端,表示文档的开始,即浏览器从 <HTML>开始解释。而</HTML>则位于文件的最后一行,这 样的结果表示这一整份的文档都是HTML语法的文档。 (2)HEAD标记符 <HEAD></HEAD> 是 HTML文件头标记符,用来描述 HTML 首部的内容,说明文档的整体信息。所有首部信息并不会出 现在利用 WWW 浏览器所看到的窗体中。 <HEAD></HEAD>
(4)BODY标记符 <BODY></BODY> 指的是定义出一个 HTML 文档的体部, 位于首部下面。在<BODY> 标记符内的文字,所有使用 标记符的地方都可以经浏览器正确地显示在浏览器窗 体中。<BODY>也是一个建议选项 。
3.1.2 标题处理
在 HTML 中,用户可以通过 Hn 标记符来标识文 档中的标题和副标题,其中 n 是 1 到 6 的数字。 <H1> 表示最大的标题,<H6>表示最小的标题。使用标题 样式时,必须使用结束标记符。 标题文字标记符的格式: <Hn align="对齐方式"> 标题文字 </Hn>
能的文字分隔开,看起来整齐、明了。
水平线标记符的格式为:
<HR align=" 对齐方式 " size=" 横线粗细 " width="
横线长度" color="横线颜色" noshade>
3.1.4 文本格式处理
1.文字设置
在网页中为了增强页面的层次,其中的文字可 以用不同的大小、字体、字型和颜色,通常用FONT
<head>和</head>
head区是指首页HTML代码的<head>和</head>之间的内容。
4.网站简介 <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxx xxxxxxxxx"> 5.搜索关键字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx, xxxx,">
(2)设置页面背景图像
单纯使用一种颜色作为背景显然有些单调,网 页设计者也可选择特定图案作为页面的背景,使用 BODY标记符的background属性即可。HTML语句为: <BODY background="网页背景图案的地址">
(3)设置文字和超链接的颜色 在设置了背景图案或背景颜色后,常常需要更
辑”|“查找和替换”命令,打开“查找和替换”对
话框。在该对话框中进行查找和替换操作。
三、 设置文本格式
在Dreamweaver 中设置文本格式可以通过属
性面板,类似于Microsoft Word中对文本的属性设 置,包括段落的格式、字体、字号、字的颜色、字 体加粗/倾斜、对齐方式(左对齐/居中/右对齐)、 文字所链接的路径或URL等。
超链接)的颜色。
3.1.5 利用Dreamweaver 处理网页文本 一 、输入文本 1.换行
( 1 )自动换行:在输入文字时,若某一行的长度超过 了 Dreamweaver 窗口的显示范围,文字将自动换到下
一行。 ( 2 )利用“ Enter” 换行:在输入文字后按“ Enter” 键, 文字成段,且上下段之间空一行。 ( 3 )利用“ Shift+Enter” 键换行:如果想要将文字手 动换行,中间又不能出现空白行,可以按 “Shift+Enter”键。
标记符来完成。
FONT标记符设置格式为: <FONT size=" 数字 " face=" 字体名 " color=" 颜色 "> 被设置的文字 </FONT>
(1)size属性
size属性是字号属性,用于控制文字的大小, 它的取值既可以是绝对值,也可以是相对值。使用 绝对数值时,字号属性的值可以从 1 到 7 ( 3 是默认 值),值越大,显示的文字越大。使用相对数值时, 可以用“+”或“-”来指定相对于当前默认值的
有序列表
<ol start=2 type="i"> <li>准备好原料</li> <li>将原料混合在一起</li> <li>将混合好的原料放入烘烤盘</li> <li>在烤箱中烘烤1小时</li> <li>从烤箱中取出</li> <li>放置10分钟</li> <li>端上餐桌</li> </ol>
四、 设置页面的属性
在创建文档前或创建文档后,还需要对页面
的属性进行必要设置,设定一些影响整个网页的
参数。设置页面属性时,选择“修改”|“页面属 性”命令,出现“页面属性”对话框中进行页面
属性的设置。
实战——将word中的内容放到网页上 (有表格等)

直接复制、然后调整(字体不行)

利用word生成html文件
通常与某些标记符一起使用,如<TITLE></TITLE>标记符。
<head>和</head>
1.公司版权注释 <!--- The site is designed bywebjx.com 06/2006 ---> 2.网页显示字符集
简体中文:<META HTTP-EQUIV="ContentType" CONTENT="text/html; charset=gb2312">
生成flash——Macromedia Flash Paper

练 习
找到课本上一段文字,将它放置到
网页上。
再试一试将html代码显示到网页上
3.2 网页图像的处理
通过本节学习,应该掌握以下内容:
1. 能够选择合适的网页颜色 2. 了解网页图像的基本格式 3. 掌握使用网页图像的要点 4. 在网页中插入图像的方法 5. 图像属性的设置 6. 调整图像的大小及位置
2.格式处理
HTML中的格式标记符有:
<P></P>
<BR>
<OL></OL><UL></UL><LI></LI>
这些标记符都是在 <BODY></BODY> 标记符中的。
无序列表
<ul> <li>面包</li> <li>咖啡豆</li> <li>牛奶</li> <li>黄油</li> </ul>
属性 align 用来设置标题在页面中的对齐方式:
left(左对齐)、 center(居中)或 right(右对齐)。
3.1.3 段落处理
在 HTML中段落处理是通过段落标记来完成的, 常用的段落标记符有:注释标记符、强制换行标记 符、强制换段标记符、分区显示标记符和水平线等。
1.注释标记符
HTML的注释标记符的格式为: <!--注释内容--> 注释并不局限于一行,长度不受限制。结束标记 符不必与开始标记符在同一行。注释的内容不在浏 览器中显示。
如果希望在浏览网页时仍保留在编辑工具中已经 排好的段落格式,可以使用<PRE>标记符将预先排好 的格式保留下来。
显示预排格式标记符的格式为:
<PRE>预先排好的格式</PRE>
在预排格式中,仍可以用 HTML 语言对文字的格式
进行设置,如文字的颜色、大小等。
5.水平线
在页面中插入一条水平标尺线,可以使不同功
6.网页的css规范
<LINK href="style/style.css" rel="stylesheet" type="text/css" >
7.网页标题 <title>xxxxxxxxxxxxxxxxxx</title>
(3)TITLE标记符 <TITLE></TITLE> 指的是一份文档的标题。通常来 说,每一份文档都应该有一个标题来简述这一份文档 的特色或是主题。对于WWW浏览器而言,标题所在的位 置虽然依照浏览器的不同而不同,但是大部分都位于 浏览器的最上方。
4.加入注释文字
在网页中加入适当的注释文字,可以为日后修改、
管理网页提供方便。由于批注只有在编辑网页时或查
看原代码时才能看到,所以不必担心批注文字会破坏 版面。 将光标移到想要插入的注释地方,然后在插入 “常用”面板中单击“注释”按钮,或选择“插 入”|“文本对象”|“注释”命令,弹出“注释”对话 框,再单击“确定”按钮即可。
字号,例如+1表示比当前默认字号大1号。
(2)face属性
face属性是字体标记符,用来指定字体样式。
字体样式也就是通常所说的“字体”。例如,常用
的英文字体有“ Times New Roman” 、“ Arial” 等; 常用的中文字体有“宋体”、“楷体”等。
(3)color属性 FONT标记符的color属性可用来控制文字的颜 色,属性值可以是颜色名称或十六进制值。
相关文档
最新文档