《《网页设计》——创建和编辑网页文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计3.1创建一个新文档3.2文字处理3.3图像处理3.4超级链接3.5使用多媒体对象第3章创建和编辑网页文档3.1.1创建新的空白文档在Dreamweaver8.0中可以创建新的空白文档、创建以模板为基础的文档以及打开并编辑已经存在的文档。三种方法：1、从启动界面中的“创建新项目”组合框中选择合适的文件类型，即可直接进入文档窗口进行编辑。2、也可选择主菜单中的“文件”→“新建”命令，系统弹出新建文档对话框。3、按下Ctrl+N快捷键，系统弹出新建文档对话框。3.1创建一个新文档3.1.2打开现有文档在Dreamweaver8.0中可以打开现有的We

2、b页或基于文本的文档，即使这些文档不是用Dreamweaver8.0创建的也可以将其打开，然后利用Dreamweaver8.0在“设计”视图或“代码”视图中编辑该文档。打开现有的文档有以下几种方法：1.在“文档”窗口中打开选择的文档2.导入Word文档3.在资源管理器中打开文档3.1创建一个新文档3.1.3设置页面属性页面属性是指网页的一般属性信息，例如，网页标题、网页背景颜色、背景图像、超链接颜色、跟踪图像等。1.设置网页标题及编码2.设置网页其他属性(1)外观(2)链接(3)跟踪图像3.1创建一个新文档文字处理主要包括：输入文字、设置文字大小、设置字

3、体、设置文本颜色、设置文本对齐方式等。3.2.1输入文字1．输入文字：打开Dreamweaver8.0之后，然后在需要插入文本的位置单击鼠标左键定位插入点，然后输入文字。如果需要开始新的一段，按键即可，对应的HTML标签是

；如果想换行显示一段内容，可以按组合键，对应的HTML标签是
；如果输入的文字超出一行的范围，输入的文本将自动换行。3.2文字处理2．输入连续空格在Dreamweaver8.0中一般只能输入一个空格，若要输入连续的空格时，可以采用下面几种方法中的一种：①执行菜单命令“编辑/首选参数”，

4、打开“首选参数”对话框后，选定“分类”栏中的“常规”选项，然后在右边编辑选项中勾选“允许多个连续的空格”复选框即可。②将光标定位到需要输入多个空格的位置，切换到代码视图即HTML源文档中连续输入多个“ ”，或者单击插入工具栏文本分类中的“字符”对象，弹出下拉菜单，选择“不换行空格”选项即可。③切换到中文输入法，设置为全角输入状态，然后在欲连续输入空格的位置按空格键。3．输入特殊字符3.2文字处理---输入文字3.2.2编辑文字1．设置文字标题与段落设置文字段落与标题的方法基本相同，方法如下：(1)将光标定位到应用段落样式或文本样式的文本中，或直

5、接选取文本。(2)单击属性面板中的格式选择框，在弹出的下拉列表中选择“段落”或“标题”。切换到代码视图，我们就会发现，字符属性面板的“格式”列表框中的“段落”、“标题1”、“标题2”、“标题3”、“标题4”、“标题5”、“标题6”和“预先格式化的”等选项，分别对应HTML语言中的

、

、

、

、

、

、

和

标记。3.2文字处理2．设置文字字体及大小(1)设置字体(2)设置字号3．设置文本颜色4．设置方本对齐方式3.2文字处理---编辑文字3.2.3插入水平线水平线对于组织信息很有用。在页面上，可以使用一条
6、或多条水平线以可视方式分隔文本和对象。1、插入水平线将光标移到要插入水平线的位置，执行菜单“插入”→“HTML”→“水平线”命令或者在“插入”栏中，选择“HTML”，然后单击“水平线”按钮，插入一条默认宽度和粗细的水平线。2、修改水平线选定插入的水平线，打开属性面板，设置水平线的高度、宽度、对齐方式以及是否有阴影等属性3、设置水平线的颜色选中水平线，然后单击属性面板中的快速标签编辑器按钮，打开编辑标签窗口，键入代码，如将水平线设为红色，键入代码：color=“red”。3.2文字处理3.2.4插入更新日期Dreamweaver提供了一个方便的日期对象，该
7、对象使用户可以以喜欢的格式插入当前日期，还可以选择在每次保存文件时都自动更新该日期。1.插入日期、星期和时间2.插入更新日期3.修改日期要修改网页中已插入的日期，有两种方法：(1)若没有勾选“储存时自动更新”，则直接手动修改日期。(2)若勾选了“储存时自动更新”，则选中日期后在属性面板中单击按钮，同样弹出“插入日期”对话框，在其中编辑修改日期格式。3.2文字处理3.3.1插入图像在Dreamweaver中插入图像的基本方法是：1．将光标置于要插入图像的位置，在插入工具栏的“常用”类中单击“图像”按钮或选择“插入”菜单中的“图像”命令，打开“选择图像源文件
8、”对话框。2．在对话框中显示有图像文件名、文件类型和图像源的路径URL(每个网页