理论教育 插入文本至表格单元格-网页设计制作

插入文本至表格单元格-网页设计制作

时间:2023-11-04 理论教育 版权反馈
【摘要】:在jianjie.txt文档窗口中,按Ctrl+A键选中所有文本。文本文件中的文本出现在所选表格单元格中。图9-29复制文本文件内容图9-30设置插入正文文本的颜色在“属性”面板中,从“垂直”下拉列表中选择“顶端”,这时刚粘贴的文本沿表格单元格的顶端对齐。

插入文本至表格单元格-网页设计制作

可以在Dreamweaver文档窗口中直接键入文本,也可以从其他源文件(如Word或纯文本文件)复制并粘贴文本。然后,使用层叠样式表(CSS)设置文本格式。

1.插入正文文本

下面打开一个已准备好的公司简介内容的文本文件,将该文件内容粘贴到网页文件中。具体操作步骤如下:

(1)在“文件”面板中,找到jianjie.txt文件,双击该文件图标,在Dreamweaver中打开它,如图9-29所示。可以看到,此文档处于“代码”视图中,并且不能切换到“设计”视图(前面一直在使用“设计”视图),因为该文件不是HTML文件。

(2)在jianjie.txt文档窗口中,按Ctrl+A键选中所有文本。

(3)单击“编辑”菜单→“拷贝”命令(或按Ctrl+C键)复制该文本后,单击文档右上角的“关闭”按钮关闭文件。

(4)在instruction.html文档窗口中,单击第二个表格的第三个单元格(包含图形和Flash视频列的右侧单元格)。

(5)单击“编辑”菜单→“粘贴”命令(或按Ctrl+V键)。文本文件中的文本出现在所选表格单元格中。

(6)由于文本的默认颜色为黑色,与我们设置的蓝色背景色差较小,在此我们选中文本内容,在“属性”面板中设置字体颜色为“白色”,如图9-30所示,字体大小为18。

图9-29 复制文本文件内容

图9-30 设置插入正文文本的颜色(www.daowen.com)

(7)在“属性”面板中,从“垂直”下拉列表中选择“顶端”,这时刚粘贴的文本沿表格单元格的顶端对齐。在文本开头和段落间按Enter键,以使文本内容看起来舒适一些。

2.插入导航条文本

下面我们插入简单的导航条文本,方法为:

(1)单击第二个表格的第一个单元格内部。

(2)键入“公司简介”,按一下空格键并键入“果品行情”。

(3)重复前面的步骤,输入标题“产品介绍”和“联系方式”,并且在每个标题之间留一个空格,如图9-31所示。

注意,在键入时不要按Enter键,只使用一个空格键分隔标题,并使这些标题自动换行。表格单元格的固定宽度确定了一行中可容纳的文字个数。

(4)在标签选择器中单击<td>标签,如图9-32所示,在“属性”检查器中,从“垂直”下拉列表中选择“顶端”,使键入的文本沿表格单元格的顶端对齐。

图9-31 键入标题

图9-32 设置单元格对齐方式

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈