《Dreamweaver网页设计》-第3章.ppt

《《Dreamweaver网页设计》-第3章.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Dreamweaver网页设计第3章文本【学习概述】文本是网页中最重要的元素。在使用Dreamweaver创建网页时，不用写一行代码就可以创建专业的页面，只需单击相应命令或按钮，系统会自动生成相应的HTML代码。可以在文档中添加各种内容，本章只涉及文本操作，如文档的创建、输入文本、创建列表、格式化文本以及设置网页属性、查找与替换等内容，因为设计网页前必须创建站点，所以本章开始就介绍如何创建本地站点。通过本节的学习，读者应该对网页设计的基本方法和技术有较深入的理解。3.1【课堂讲解】创建站点3.1.1创建

2、本地站点（1）执行【站点】->【新建站点】命令，再选择“基本”选项卡，如图3-1所示，把“您打算为您的站点起什么名字？”项的“未命名站点1”改为所需要的名字，中文英文均可，比如本例中输入“myweb”作为网站名字，实际上只起个标签的作用，完全不影响网页显示的内容。图3-1站点定义－输入网站名称3.1【课堂讲解】创建站点（2）单击“下一步”按钮，会显示如图3-2所示的对话框“您是否打算使用服务器技术，如ColdFusion、asp.net、asp、jsp或php?”本书主要讲解静态网页设计技术，所以选择第

3、一项“否，我不想使用服务器技术。”项，如果读者以后学习服务器端编程语言，那就要选择第二项了。图3-2询问是否使用服务器端技术3.1【课堂讲解】创建站点（3）单击“下一步”按钮，会显示如图3-3所示的对话框“在开发过程中，您打算如何使用您的文件？”按默认选项，即选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”。单击“您将把文件存储在计算机上的什么位置？”右侧的文件夹按钮，设置本地站点。图3-3选择本地文件夹3.1【课堂讲解】创建站点（4）在打开的“选择站点myweb的本地文件夹”项中，选择

4、本地文件夹位置，比如E:myweb，选择“myweb”文件夹，单击“打开”按钮，如图3-4所示，然后再单击“选择”按钮。图3-4创建本地站点3.1【课堂讲解】创建站点（5）单击“下一步”按钮，会显示如图3-5所示的对话框“您如何连接到远程服务器？”选择“无”项。图3-5询问如何连接到远程服务器3.1【课堂讲解】创建站点（6）单击“下一步”按钮，出现站点定义的总结信息，包括本地信息、远程信息、测试服务器信息等，如图3-6所示。图3-6本地站点基本信息3.1【课堂讲解】创建站点（7）单击“完成”按钮，这样

5、站点定义就完成了。在Dreamweaver屏幕右侧的文件面板中可以看到刚刚创建的本地站点，如图3-7所示。执行【站点】->【管理站点】命令，打开“管理站点”对话框，可以看到如图3-8所示的“myweb”标签，它就是刚刚创建的本地站点，可以单击“编辑”按钮对它的一些选项进行更改图3-7“文本”面板的站点信息图3-8管理站点3.2.1文档的创建和保存首先启动Dreamweaver后，选择屏幕中的【创建新项目】->【HTML】项，如图3-10所示，这时一个新的网页文档就创建完成了。大家一定要养成一个好习惯：经

6、常保存网页，以防机器故障或软件故障使劳动成果付之东流。执行【文件】->【保存】命令，然后输入要保存的文件名如：daili（扩展名“.html”可以不加，保存时系统会自动加上的），然后单击“保存”按钮。系统会自动保存到上一节创建的站点“xiaoxing”文件夹下。图3-10文档的创建3.2.2输入文本在Dreamweaver中输入文字可不象Word那样随心所欲，输入文本需要注意以下问题：换行：按快捷键【Shift+回车】（对应代码为“
”），分段：直接按快捷键【回车】（对应代码为“

字符串

7、

8、行【插入】->【HTML】->【特殊字符】->【其他字符】命令来打开“插入其他字符”对话框。图3-14“文本”工具栏3.2.4创建项目列表和编号列表列表可以使网页要显示的结构和内容更加清晰。在Dreamweaver中创建列表非常简单，直接选中文字或在文字前面定位，单击属性面板中的“项目列表”或“编号列表”按钮即可。但是注意一点：列表项都必须为段落文本格式，不是的话必须进行转换（多数初学者容易在这里出错!），正确方法是直接在“电脑”这一行后面