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

2022-06-30    分类: 网站建设

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

定义文本格式

网站建设时,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步,在设计视图中可以看到列表文本效果。可以看到,列表文本前面都添加一个项目符号,同时文本缩进显示。

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

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

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

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

网站题目:如何在网页设计时设置格式和列表
转载来于:https://www.cdcxhl.com/news/173340.html

成都网站建设公司_创新互联,为您提供域名注册网站设计网站内链标签优化定制网站外贸网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都seo排名网站优化