如何在网页设计时设置格式和列表

  • 2019-07-26 09:39:59
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

格式和列表在网页设计时是网页文本排版中两个非常有用的功能,格式主要用来设置固定标题、预定义文本格式、显示和设置段落;列表主要用来组织多列文本,方便排版。

定义文本格式

网站建设时,Dreamweaver中有几种既定的文本格式,每种格式都有规定的大小、对齐方式等属性值。Dreamweaver中共定义了6级标题,用来实现文本的格式化。

【操作步骤】

第1步,启动Dreamweaver,选择【文件】|【新建】命令,或者按Ctrl+N快捷键,新建一个空白的HTML文档,保存为test.html。

第2步,把光标置于文档编辑窗口中,输入文本“HTML标题标签:”,在【属性】面板中设置【格式】为“段落”。

提示:【格式】下拉列表框中各选项的含义分别如下。

•无:没有设置文本的格式。   

•段落:设置当前文本为段落文本,即表示能自动换行并以一个段落块显示。   

•标题1:它的字号约为6号,行的高度大于正文。   

•标题2~标题6:字号相应地逐渐减小。   

•预先格式化的:表示保留文本预先定义的格式。

第3步,按Enter键换行,然后输入文本“一级标题”,在【属性】面板中设置【格式】为“标题1”。

第4步,重复操作:按Enter键换行,分别输入文本“二级标题”、“三级标题”、“四级标题”、“五级标题”和“六级标题”,然后在【属性】面板中分别设置【格式】为“标题2”、“标题3”、“标题4”、“标题5”和“标题6”。

技巧:用标题格式化文本,也可以使用组合键。首先将鼠标指针置于要格式化的段落中,然后按快捷键“Ctrl+相应的标题号”。例如,将某一段落设置为标题3的格式,就可以用Ctrl+3快捷键来实现。

第5步,另起一行,输入文本“页面源代码:”,设置文本格式为“段落”。按Enter键换行,在【属性】面板中设置文本格式为“预先格式化的”。

第6步,输入本页源代码,这时可以看到用户输入的代码能够正确显示,且可以自由缩进显示。

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

定义文本列表

列表是文本组织最有效的方式,传统习惯上用户喜欢在网页制作时用表格来组织文本等网页元素,但随着网页技术新标准的推出,CSS技术革新,W3C组织建议广大用户最好用列表组织文本。

【操作步骤】

第1步,启动Dreamweaver,选择【文件】|【新建】命令,或者按Ctrl+N快捷键,新建一个空白的HTML文档,保存为test.html。

第2步,把光标置于文档编辑窗口中,输入文本“HTML列表标签”,在【属性】面板中设置【格式】为“标题1”。

第3步,继续输入多行段落文本。

第4步,使用鼠标拖选输入的多行文本,然后在【属性】面板中单击【项目列表】按钮,把段落文本转换为列表文本。

第5步,在设计视图中可以看到列表文本效果。可以看到,列表文本前面都添加一个项目符号,同时文本缩进显示。

提示:任选以下几种方法之一都可以定义列表文本。   

•打开【属性】面板,单击该面板上的【项目列表】按钮或者【编号列表】按钮。   

•选择【格式】|【列表】命令,在打开的子菜单中选择一个命令即可。   

•右击选中段落,选择快捷菜单中的【列表】子菜单中的命令。也可以自定义这些列表的属性,选择【格式】|【列表】|【属性】命令,打开【列表属性】对话框,在该对话框中可以定义不同类型列表的各种属性。

当前文章标题:如何在网页设计时设置格式和列表

当前URL:http://www.lyjtt.cn/news/wzzz/3061.html

上一篇:网页设计中如何设置段落文本样式

下一篇:如何在网页制作时使用CSS定义文本样式(一)

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