![Dreamweaver+jQuery移动网页设计从新手到高手](https://wfqqreader-1252317822.image.myqcloud.com/cover/368/32858368/b_32858368.jpg)
2.4 插入文本
文字是人类语言最基本的表达方式,文本是网页中最简单,也是最基本的部分,无论当前的网页多么绚丽多彩,其中占大多数的还是文本。一个网站成功与否,文本是最关键的因素。
2.4.1 普通文本
在网页中可直接输入文本,也可以将其他软件中的文本直接粘贴到网页中,此外,还可以导入已有的Word文档。在网页中添加文本的效果,如图2-13所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P40_3125.jpg?sign=1739339712-kAShoL1oAJVRmEDBTfcMkFlpiUR2hKfM-0-f46b8b0a370d76410eb7bf011e6572a2)
图2-13
01打开网页文档,如图2-14所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P40_3130.jpg?sign=1739339712-JrdFi38gPv6IELAv6mQL6i0bbgydRBxj-0-9f9500adc91dff040a4ec662a07f268a)
图2-14
02将光标放置在要输入文本的位置,并输入文本,如图2-15所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P41_3167.jpg?sign=1739339712-GWmjIuq7cHGk8RPJddUZ4IeQoilFixkb-0-10127b2b810570fe05636028165b008d)
图2-15
2.4.2 特殊字符
制作网页时,有时要输入一些键盘上没有的特殊字符,如日元符号、注册商标符号等,这就需要使用Dreamweaver的特殊字符功能。下面通过版权符号的插入,讲述特殊字符的添加方法,效果如图2-16所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P41_3172.jpg?sign=1739339712-AekQNf4aDUeZIR6lrGKDoIKbRxMtEXIq-0-9c7ff6b506ca9de02d7a963628218252)
图2-16
01打开网页文档,将光标置于要插入特殊字符的位置,如图2-17所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P42_3230.jpg?sign=1739339712-7shtbDFToGvjPpqKaNo85xSDOOGWxaVV-0-aac6dc21f61035533d70c603a11c2cf0)
图2-17
02执行“插入”|HTML|“字符”|“版权”命令,如图2-18所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P42_3234.jpg?sign=1739339712-AZYd57hAfuVwxb1XqNqkn5nA9DR176WK-0-a6c1e75e003157c4dc1cc7522ed997fa)
图2-18
03选择命令后即可插入相应的特殊字符,如图2-19所示。
★高手支招★
插入特殊字符还可以执行“插入”|HTML|“字符”|“其他字符”命令,弹出“插入其他字符”对话框,在该对话框中选择相应的特殊符号,单击“确定”按钮,即可插入相应的特殊字符。
04保存文档,并按F12键在浏览器中预览,效果如图2-16所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P43_3285.jpg?sign=1739339712-z4cGZpov32nAsZ05wfkFHIBavOxKwFt6-0-e4b5e7e13f8b07d7554a8a5920bff46d)
图2-19
★指点迷津★
许多浏览器(尤其是旧版本的浏览器,以及除Netscape Netvigator和Internet Explorer外的其他浏览器)无法正常显示很多特殊字符,因此,应尽量少用特殊字符。
2.4.3 插入日期
在Dreamweaver中插入日期的操作非常方便,它提供了一个插入日期的快捷方式,可以在文档中插入当前时间,同时它还提供了日期更新选项,当保存文件时,日期也随之更新。插入日期的具体操作步骤如下,插入日期的效果如图2-20所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P43_3292.jpg?sign=1739339712-lAMwguFChEfwKarG4nenu0Wa8Dulc3TJ-0-3409b7f06ec6427b3704f97301d25514)
图2-20
01打开网页文档,如图2-21所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P44_3341.jpg?sign=1739339712-9eJReikWQq4CVvAtsgLS7YG38XyXBBJ0-0-b1f1997065fc9e3aee002fd04a9a137a)
图2-21
02将光标置于要插入日期的位置,执行“插入”|HTML|“日期”命令,如图2-22所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P44_3345.jpg?sign=1739339712-FOKyKBX516ZZb5tM7mFTCrQvltjCrcJ9-0-2a2333477786634d1e1caed5ed624ea9)
图2-22
03弹出“插入日期”对话框,在该对话框的“星期格式”“日期格式”和“时间格式”列表中分别选择一种合适的格式。选中“储存时自动更新”复选框,每次存储文档都会自动更新文档中插入的日期,如图2-23所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P45_3400.jpg?sign=1739339712-EDueugQSv46viX2ILReuO32Pic5qGap6-0-ef6387eeabdacdd7a247b869ec37a52b)
图2-23
★提示★
显示在“插入日期”对话框中的时间和日期不是当前的日期,它们也不会反映浏览者查看网站的日期和时间。
04单击“确定”按钮,即可插入日期,如图2-24所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P45_3406.jpg?sign=1739339712-oerIvH3O9zBjxMeZivzS9jfEGrf2P4qx-0-9413e2659be29aad3536a10ff7a3aa4d)
图2-24
05保存文档,按F12键在浏览器中预览,效果如图2-20所示。