在网页设计中设置文本基本属性

网页制作中,文本格式非常重要。如果网页中文本格式千篇一律,那么整个网页就显得呆板,没有生气。Dreamweaver为文本格式提供了多种选择,通过选择相应的字体、大小、颜色和样式等,可以在网站设计时使网页看上去赏心悦目。

设置字体

设置字体可以通过【属性】面板完成字体设置。

操作步骤】

第1步,启动Dreamweaver,打开本节示例test.html,或者新建文档,自做一个简单的文本页面。

第2步,选中文本以后,选择【窗口】|【属性】命令,或者按Ctrl+F3快捷键,打开文本【属性】面板。

第3步,在【属性】面板中选择CSS选项卡,切换到CSS属性设置面板中,单击【字体】右面下拉列表框的下三角按钮,从下拉列表框中选择一种字体。设置字体也可以通过选择菜单命令或者快捷菜单命令完成。

设置字体类型

第4步,以同样的方式设置二级标题和正文字体类型,然后按F12键在浏览器中预览。

 编辑字体通过【属性】面板设置字体,有时会发现其中缺少一些字体,这时就要进行字体的编辑。

【操作步骤】

第1步,选择【修改】|【管理字体】命令,打开【管理字体】对话框,切换到【自定义字体堆栈】选项卡。在【可用字体】列表中选择一种本地系统中可用字体类型,如“隶书”。

第2步,单击按钮,把选择的可用字体添加到【选择的字体】列表中.

第3步,单击【完成】按钮,关闭对话框即可。

设置字号

字号就是文字的大小,它用数字来表示,在网页设计中其值越大,字号就越大。在Dreamweaver中设置字号的步骤如下。

【操作步骤】

第1步,选中正文文本,并打开文本【属性】面板。

第2步,在【大小】下拉列表框中选择字号14,即定义段落文本字体大小为14像素。在【属性】面板中设置字号.

提示:在【属性】面板的【大小】下拉列表框中,除数字选项以外,还有极小(xx-small)、特小(x-small)、小(small)、中(medium)、大(large)、特大(x-large)、极大(xx-large)、较小(smaller)、较大(larger)选项,它们用来改变字体相对于默认字号的大小。如果将字号设置为默认状态,在【大小】下拉列表框中选择【无】即可。

设置字体颜色

在Dreamweaver中设置文本的颜色,可以通过【属性】面板完成。

【操作步骤】

第1步,选中标题文本,并打开文本【属性】面板。

第2步,单击【大小】下拉列表框右边的颜色框,弹出调色板,在颜色面板中选择一种颜色。用调色板设置文本颜色.

第3步,如果在调色板中没有合适的颜色,可以在窗口界面或者网页内找一种颜色。方法:单击面板中的吸管工具,然后移动光标,随着光标不断移动,调色板会动态显示当前位置的颜色,找到合适的颜色后单击即可.

第4步,单击调色板中的加号按钮,可以把当前选中的颜色保存起来,以方便在网页中随意调用。

设置文本样式

文本样式包括粗体(Bold)、斜体(Italic)和下划线(Underline)等。在【属性】面板上,只提供粗体按钮和斜体按钮。在【格式】|【HTML样式】菜单下包含更多的样式。

除【粗体】、【斜体】和【下划线】以外,【样式】命令的子菜单中还包括【删除线】、【打字型】和【强调】等多种选择。

【操作步骤】

第1步,选中标题文本。

第2步,选择【格式】|【HTML样式】|【下划线】命令。

第3步,按Ctrl+S快捷键保存文档,然后按F12键在浏览器中预览。

网站建设、网络营销咨询专线:0871-63535511(点击可一键拨号)