Dreamweaver网页设计 邢永峰 第3章新.pptVIP

Dreamweaver 网页设计 第3章 文本 【学习概述】 文本是网页中最重要的元素。在使用Dreamweaver创建网页时，不用写一行代码就可以创建专业的页面，只需单击相应命令或按钮，系统会自动生成相应的HTML代码。可以在文档中添加各种内容，本章只涉及文本操作，如文档的创建、输入文本、创建列表、格式化文本以及设置网页属性、查找与替换等内容，因为设计网页前必须创建站点，所以本章开始就介绍如何创建本地站点。通过本节的学习，读者应该对网页设计的基本方法和技术有较深入的理解。 3.1 【课堂讲解】创建站点 3.1.1 创建本地站点 （1）执行【站点】-【新建站点】命令，再选择“基本”选项卡，如图3-1所示， 把“您打算为您的站点起什么名字？”项的“未命名站点 1”改为所需要的名字，中文英文均可，比如本例中输入“myweb”作为网站名字，实际上只起个标签的作用，完全不影响网页显示的内容。 3.1 【课堂讲解】创建站点 （2）单击“下一步”按钮，会显示如图3-2 所示的对话框 “您是否打算使用服务器技术，如ColdFusion、asp.net、asp、jsp 或php?”本书主要讲解静态网页设计技术，所以选择第一项“否，我不想使用服务器技术。”项，如果读者以后学习服务器端编程语言，那就要选择第二项了。 3.1 【课堂讲解】创建站点 （3）单击“下一步”按钮，会显示如图3-3 所示的对话框“在开发过程中，您打算如何使用您的文件？”按默认选项，即选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”。单击“您将把文件存储在计算机上的什么位置？”右侧的文件夹按钮，设置本地站点。 3.1 【课堂讲解】创建站点 （4）在打开的“选择站点 myweb 的本地文件夹”项中，选择本地文件夹位置，比如E:\ myweb，选择“myweb”文件夹，单击“打开”按钮，如图3-4所示，然后再单击“选择”按钮。 3.1 【课堂讲解】创建站点 （5）单击“下一步”按钮，会显示如图3-5 所示的对话框 “您如何连接到远程服务器？”选择“无”项。 3.1 【课堂讲解】创建站点 （6）单击“下一步”按钮，出现站点定义的总结信息，包括本地信息、远程信息、测试服务器信息等，如图3-6所示。 3.1 【课堂讲解】创建站点 （7）单击“完成”按钮，这样站点定义就完成了。在Dreamweaver屏幕右侧的文件面板中可以看到刚刚创建的本地站点，如图3-7所示。执行【站点】-【管理站点】命令，打开“管理站点”对话框，可以看到如图3-8所示的“myweb”标签，它就是刚刚创建的本地站点，可以单击“编辑”按钮对它的一些选项进行更改 3.2.1 文档的创建和保存 首先启动Dreamweaver后，选择屏幕中的【创建新项目】-【HTML】项，如图3-10所示，这时一个新的网页文档就创建完成了。大家一定要养成一个好习惯：经常保存网页，以防机器故障或软件故障使劳动成果付之东流。执行【文件】-【保存】命令，然后输入要保存的文件名如：daili（扩展名“.html”可以不加，保存时系统会自动加上的），然后单击“保存”按钮。系统会自动保存到上一节创建的站点“xiaoxing”文件夹下。 3.2.2 输入文本 在Dreamweaver中输入文字可不象Word那样随心所欲，输入文本需要注意以下问题： ? 换行：按快捷键【Shift+回车】（对应代码为“br /”）， ? 分段：直接按快捷键【回车】（对应代码为“p 字符串/p”）。 ? 输入空格：第一种方法是插入不换行空格，按快捷键【Ctrl+Shirt+Space】（对应代码为“nbsp”)；第二种方法是在确保输入法处于“全角”模式时输入空格。 3.2.3 插入字符 执行【插入】-【HTML】-【特殊字符】命令，来插入所需的字符，如图3-13所示。最快捷的方法是：在“插入”栏的“文本”类别中单击“字符”按钮上的箭头，然后选择所需的字符。插入的字符可以为：不换行空格（对应代码“nbsp”）、货币符号（如英镑符号，日元符号等）、版权信息等。当然也可以插入其他字符，或者执行【插入】-【HTML】-【特殊字符】-【其他字符】命令来打开“插入其他字符”对话框。 3.2.4 创建项目列表和编号列表 列表可以使网页要显示的结构和内容更加清晰。在Dreamweaver中创建列表非常简单，直接选中文字或在文字前面定位，单击属性面板中的“项目列表”或“编号列表”按钮即可。但是注意一点：列表项都必须为段落文本格式，不是的话必须进行转换（多数初学者容易在这里出错!），正确方法是直接在“电脑”这一行后面定位光标，然后按回车键就可以实现分段了。 3.2.5 格式化文本 使用文本属性面板“文本”菜单或“