网页设计时的文本输入和编辑

2022-05-26    分类: 网站建设

文本的输入和编辑是网页制作中最基本的操作。只要用过Word软件,就可以轻松地掌握本部分内容。下面介绍如何在网页设计时使用Dreamweaver完成文本输入和编辑。

输入文本

【操作步骤】

第1步,启动Dreamweaver,选择【文件】|【新建】命令,或者按Ctrl+N快捷键,打开【新建文档】对话框,保持默认设置,单击【创建】按钮,新建一个空白的HTML 5文档。

提示:如果需要打开已经编辑好的文档,可以选择【文件】|【打开】命令,或者按Ctrl+O快捷键,在打开的对话框中选择要打开的文档。

第2步,在设计视图下,可以看到编辑窗口中显示一个空白页面,将鼠标指针置于该页面的文档窗口中单击,将光标定位到页面中。

第3步,在编辑窗口中输入文本。输入方法如同在Word等字处理软件中一样方便。输入完一段文本后按Enter键,另起一段可以继续输入文本。

第4步,输入完一行后按Shift+Enter快捷键,就可以插入一个换行符。该符号表示换行输入,但不是另起一段,所以,有换行符的多行文本还应看成是一个段落。

提示:如果页面中没有显示换行符图标,则选择【查看】|【可视化助理】|【不可见元素】命令。进行以上操作后,如果页面中仍然没有显示该图标,那么选择【编辑】|【选参数】命令,在弹出的对话框中选择【不可见元素】选项,然后选中右边的【换行符】复选框即可。

【拓展】也可以通过复制粘贴的方法快速输入,方法是在其他窗口或界面中先选中复制文本,然后回到Dreamweaver编辑窗口中,把光标置于需要插入文本的地方,按Ctrl+V快捷键粘贴即可。

第5步,输入完毕,选择【文件】|【保存】命令,或者按Ctrl+S快捷键,打开【另存为】对话框,设置文档的名称和保存位置,最后单击【保存】按钮即可。

注意:网页文档的扩展名一般为.html或.htm,不要保存为文本文件(.txt)或者Word格式(.doc)。

第6步,按F12键,在浏览器中预览。

导入文本

网页设计时,利用Dreamweaver提供的导入命令,可以大批量地导入外部文件中的文本,例如Word文档、Excel文档、表格式数据等。

1、导入Word文档

【操作步骤】

第1步,准备好Word文档。

第2步,启动Dreamweaver,新建一个空白的HTML文档,保存为test.html。

第3步,把光标置于网页文档中,选择【文件】|【导入】|【Word文档】命令,打开【导入Word文档】对话框。

第4步,单击【打开】按钮,即可把“柳永简介.docx”文档中的内容导入到网页文档中。

2. 导入Excel文档

在Excel文档中,只需要选择【文件】|【导入】|【Excel文档】命令,即可把该文档导入到网页中。

在有些情况下,可以看到系统自动增加表格来实现对Excel文档的组织。通过复制粘贴的方式也可以实现相通的目的。

3. 导入表格式数据

表格式数据是按着一定格式排列的数据,一般多指文本文件中按一定分隔符号排列的数据。选择【文件】|【导入】|【表格式数据】命令,打开【导入表格式数据】对话框。

在【导入表格式数据】对话框中选择数据文件,并设置数据之间的定界符,其他选项可以保持默认,在导入之后仍然可以进行设置。

编辑文本

输入文本后需要对文本进行编辑,主要包括文本的选定、复制、删除、移动等操作。在Dreamweaver中进行文本的编辑与在Word中的方法基本相同。

1. 复制文本

如果文档中出现大量相同的文本,或者频繁出现相同的文本,就可以通过复制文本完成文本的输入。

【操作步骤】

第1步,选中需要复制的文本,这时被选中的文本将高亮显示。

第2步,选择【编辑】|【拷贝】命令。第3步,单击要复制文本的位置,然后选择【编辑】|【粘贴】命令。

技巧:复制文本还可以使用更简单的方法—选定要复制的文本,然后按住Ctrl键,将复制文本拖动到目标文本处即可。

2. 移动文本移动文本操作就是将选中的文本从一个位置移动到另一个位置。

【操作步骤】

第1步,选中要移动的文本。

第2步,选择【编辑】|【剪切】命令。

第3步,将鼠标指针置于目标位置,然后选择【编辑】|【粘贴】命令。

技巧:移动文本最简单的方法是,选中要移动的文本,按住鼠标左键拖动鼠标指针至目标位置,然后释放鼠标左键,即可完成移动操作。3. 删除文本如果文档中出现错误,需要删除一部分内容,这时就要进行删除操作。

【操作步骤】

第1步,选中要删除的文本。

第2步,选择【编辑】|【清除】命令,或者直接按Delete键删除文本。

技巧:以上3项操作可通过菜单命令完成,也可以使用快捷菜单完成。选中文本以后,在文本上右击,文档窗口中将弹出快捷菜单。选择快捷菜单中的相应命令,就可以进行复制、移动和删除等操作。

新闻标题:网页设计时的文本输入和编辑
链接地址:/news13/159313.html

成都网站建设公司_创新互联,为您提供外贸网站建设移动网站建设企业网站制作手机网站建设网站内链网站营销

广告

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

成都网页设计公司