![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=1739668064-BVffwcKv16zGfXwjk2p9R6rNphpCuRoa-0-d24bef19bc7520aa93296081b1cd30da)
图2-13
01打开网页文档,如图2-14所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P40_3130.jpg?sign=1739668064-WaT0xPCLm2bI2itRTAPjAyzN6HoCssq6-0-84249b1937552fb6c2004e6cafd8fbc3)
图2-14
02将光标放置在要输入文本的位置,并输入文本,如图2-15所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P41_3167.jpg?sign=1739668064-w019kTkLnedL7SKyeGiiyTLccWqHB0uP-0-0c0b2f826cc3dab4cc6f2a7a269cef24)
图2-15
2.4.2 特殊字符
制作网页时,有时要输入一些键盘上没有的特殊字符,如日元符号、注册商标符号等,这就需要使用Dreamweaver的特殊字符功能。下面通过版权符号的插入,讲述特殊字符的添加方法,效果如图2-16所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P41_3172.jpg?sign=1739668064-LGGEtZP4CxakCAnkJE83AT4CT3kYUYW5-0-d0e9d70d979df0b0fd6aa8fe97060cfc)
图2-16
01打开网页文档,将光标置于要插入特殊字符的位置,如图2-17所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P42_3230.jpg?sign=1739668064-bE9RBOn5HZPjmMNIyXHDfswG0zLMRSDF-0-2a1a5bbfc0e8cde42c3f8299bc842f6c)
图2-17
02执行“插入”|HTML|“字符”|“版权”命令,如图2-18所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P42_3234.jpg?sign=1739668064-xO63JElUw4lyyEi7huhaUEBR9S7l0VBb-0-4a343d0acd03ef08b4351b20c432f929)
图2-18
03选择命令后即可插入相应的特殊字符,如图2-19所示。
★高手支招★
插入特殊字符还可以执行“插入”|HTML|“字符”|“其他字符”命令,弹出“插入其他字符”对话框,在该对话框中选择相应的特殊符号,单击“确定”按钮,即可插入相应的特殊字符。
04保存文档,并按F12键在浏览器中预览,效果如图2-16所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P43_3285.jpg?sign=1739668064-GHkVwWifiqcXUgsO0g7YDPdnG8kSopq6-0-eca28a3686db2de0f3e37af6fd467b34)
图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=1739668064-xeBp1RHPxU4ct5aiyaCbvFbHob7xd54s-0-b96469e550b73ee65f498e4adfe000b3)
图2-20
01打开网页文档,如图2-21所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P44_3341.jpg?sign=1739668064-Oz0lnhXsQvo1Ro9zG2r2JHSgsdnYDmH0-0-9d249fa9d6d8c98191ccb46766fc19da)
图2-21
02将光标置于要插入日期的位置,执行“插入”|HTML|“日期”命令,如图2-22所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P44_3345.jpg?sign=1739668064-2Gfq4P9F06oYOaVLeIxajnB7vWAz7G5o-0-c31417b148064a8cf1fb3675a57b93fa)
图2-22
03弹出“插入日期”对话框,在该对话框的“星期格式”“日期格式”和“时间格式”列表中分别选择一种合适的格式。选中“储存时自动更新”复选框,每次存储文档都会自动更新文档中插入的日期,如图2-23所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P45_3400.jpg?sign=1739668064-SL091fdF5firZgjk7M7YHtIUfW9sBuX5-0-f9dbb6e49b494c0c187ecaa1d9b545cc)
图2-23
★提示★
显示在“插入日期”对话框中的时间和日期不是当前的日期,它们也不会反映浏览者查看网站的日期和时间。
04单击“确定”按钮,即可插入日期,如图2-24所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P45_3406.jpg?sign=1739668064-p5mCmRCatv74UqLmedeSWufApIqJjRul-0-c626cfd59aa8298381ad6c92b61f34bc)
图2-24
05保存文档,按F12键在浏览器中预览,效果如图2-20所示。