青岛网站建设_小程序开发_品牌设计_圭谷设计

网站建设时如何添加文本元素

分类:网站建设 浏览次数:4488 2018-11-06
满意回答
2018-11-06

在进行网站建设时如果添加文本元素呢?今天圭谷设计来为大家详细分解文本元素的步骤:

QQ截图20180905115955

文本是传递信息的基础,浏览网页内容时,大部分时间是浏览网页中的文本,所以学会在网页中创建文本至关重要。在Dreamweaver CS6中可以很方便地创建出所需的文本,还可以对创建的文本进行段落格式的排版。

一、课堂案例——在网页中添加文本

文本是基本的信息载体,是网页中最基本的元素,在浏览网页时,获取信息最

直接、最直观的方法就是通过文本。下面通过实例讲述如何在网页中添加文本。

最终实例效果文件所在的位置:最终文件\CH01\1.5.1\index1.htm。

1 打开“原始文件\CH01\1.5.1\index.htm”

2 将光标放置在要输入文本的位置,输入文本。

二、设置文本字体类型

输入文本后,可以在【属性】面板中对文本的大小、字体和颜色等进行设置。设置文本属性的具体操作步骤如下。

1 在【属性】面板中【CSS】选项卡的【字体】下拉列表中选择【编辑字体列表】选项。

2 在弹出的【编辑字体列表】对话框中的【可用字体】列表框中选择要添加的字体,单击[图片]按钮添加到左侧的【选择的字体】列表框中。此时,在【属性】面板的【字体】列表框中就会显示新添加的字体。重复以上操作即可添加多种字体。若要取消已添加的字体,可以在【编辑字体列表】对话框的【字体列表】列表框中选中该字体组合,相应的多个字体会出现在【选择的字体】列表框中,然后选中要取消的字体,单击按钮即可。

3 完成字体样式的编辑后,单击【确定】按钮确认修改并关闭该对话框。完成一个字体样式的编辑后,可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可在【编辑字体列表】对话框的【字体列表】列表框中选中该样式单击[图片]按钮。

4 这里在【属性】面板中选择【字体】为“宋体”,弹出【新建CSS规则】对话框,在对话框的【选择器类型】中选择“类(可应用于任何HTML元素)”,在【选择器名称】中输入名称“.ziti”,在【规则定义】中选择“仅限该文档”

三、设置文本大小

选择一种合适的字体,是决定网页美观、布局合理的关键,在设置网页时应对文本设置相应的字号。

1 选中要设置字号的文本,在【属性】面板中的【大小】下拉列表中选择字号的大小,或者直接在【大小】文本框中输入相应大小的字号。

2 此时弹出【新建 CSS 规则】对话框,设置相应选项后单击【确定】按钮,即可完成文本大小的位置。

四、设置文本颜色

设置文本颜色的具体操作步骤如下。

1 选中设置颜色的文本,在【属性】面板中单击【文本颜色】按钮,打开调色板。

2 在调色板中选中所需的颜色,光标变为[图片]形状,单击鼠标左键即可选取该颜色,此时弹出【新建CCS规则】对话框,设置完成后单击【确定】按钮,即可设置文本颜色。

【提示】

如果调色板中的颜色不能满足需要时,单击按钮,弹出【颜色】对话框,在对话框中选择需要的颜色即可。

五、设置文本段落

文档中,也可以设置文本的段落格式,以使网页中的文本更加美观和易读。其段落的概念与在编排Word文档中的段落概念相同,当然对段落的设置也大同小异。

选中要设置标题段落的文本,选择【窗口】|【属性】命令,打开【属性】面板,在【格式】下拉列表中选择所需的段落格式

在【格式】下拉列表中可以设置以下段落格式。

【段落】:选择该项,则将插入点所在的文字块定义为普通段落,其两端分别被添加<p>和</p>标记。

【预先格式化的】:选择该项,则将插入点所在的段落设置为格式化文本。其两端分别被添加<pre>和</pre>标记。这时候在文字中间的所有空格和回车等格式全部被保留。

【无】:选择该项,则取消对段落的指定。

【标题】:常常用来强调段落要表现的内容,在HTML中共定义了6级标题,从1级到6级,每级标题的字体大小依次递减。

网站名片  _副本


Copyright All Rights GreatGoal Design co.,ltd. 鲁ICP备16002128号-3      技术支持: @圭谷设计