第3章 创建和编辑网页文档.pptx

网页设计与制作;3.1创建一个新文档

3.2文字处理

3.3在网页中使用图像

3.4超级链接

3.5使用多媒体对象

3.6实践技能训练;3.1.1创建新的空白文档

在DreamweaverCS5中可以创建新的空白文档、创建以模板为基础的文档以及打开并编辑已经存在的文档。

三种方法：

1、从启动界面中的“创建新项目”组合框中选择合适的文件类型，即可直接进入文档窗口进行编辑。

2、也可选择主菜单中的“文件”→“新建”命令，系统弹出新建文档对话框。

3、按下Ctrl+N快捷键，系统弹出新建文档对话框。;3.1.2打开现有文档

在DreamweaverCS5中可以打开现有的Web页或基于文本的文档，即使这些文档不是用DreamweaverCS5创建的也可以将其打开，然后利用DreamweaverCS5在“设计”视图或“代码”视图中编辑该文档。

打开现有的文档有以下几种方法：

1.在“文档”窗口中打开选择的文档

2.导入Word文档

3.在资源管理器中打开文档;3.1.3设置页面属性

页面属性是指网页的一般属性信息，例如，网页标题、网页背景颜色、背景图像、超链接颜色、跟踪图像等。

1.设置网页标题及编码

2.设置网页其他属性

(1)外观

(2)链接

(3)跟踪图像

;文字处理主要包括：输入文字、设置文字大小、设置字体、设置文本颜色、设置文本对齐方式等。

3.2.1输入文字

1．输入文字：

打开DreamweaverCS5之后，然后在需要插入文本的位置单击鼠标左键定位插入点，然后输入文字。如果需要开始新的一段，按Enter键即可，对应的HTML标签是p；如果想换行显示一段内容，可以按Shift+Enter组合键，对应的HTML标签是br；如果输入的文字超出一行的范围，输入的文本将自动换行。;2．输入连续空格

在DreamweaverCS5中一般只能输入一个空格，若要输入连续的空格时，可以采用下面几种方法中的一种：

①执行菜单命令“编辑/首选参数”，打开“首选参数”对话框后，选定“分类”栏中的“常规”选项，然后在右边编辑选项中勾选“允许多个连续的空格”复选框即可。

②将光标定位???需要输入多个空格的位置，切换到代码视图即HTML源文档中连续输入多个“nbsp;”，或者单击插入工具栏文本分类中的“字符”对象，弹出下拉菜单，选择“不换行空格”选项即可。

③切换到中文输入法，设置为全角输入状态，然后在欲连续输入空格的位置按空格键。

3．输入特殊字符

;3.2.2编辑文字

1．设置文字标题与段落

设置文字段落与标题的方法基本相同，方法如下：

(1)将光标定位到应用段落样式或文本样式的文本中，或直接选取文本。

(2)单击属性面板中的格式选择框，在弹出的下拉列表中选择“段落”或“标题”。

切换到代码视图，我们就会发现，字符属性面板的“格式”列表框中的“段落”、“标题1”、“标题2”、“标题3”、“标题4”、“标题5”、“标题6”和“预先格式化的”等选项，分别对应HTML语言中的p、h1、h2、h3、h4、h5、h6和pre标记。

;2．设置文字字体及大小

(1)设置字体

(2)设置字号

3．设置文本颜色

4．设置方本对齐方式

选中要进行对齐的文本或将光标置于要设置文本对齐方式的文本块中，单击属性面板上的对齐方式按钮即可。按钮从左到右的对齐方式分别是“左对齐”，“居中对齐”，“右对齐”和“两端对齐”。;3.2.3插入水平线

水平线对于组织信息很有用。在页面上，可以使用一条或多条水平线以可视方式分隔文本和对象。

1、插入水平线

将光标移到要插入水平线的位置，执行菜单“插入”→“HTML”→“水平线”命令或者在“插入”栏中，选择“HTML”，然后单击“水平线”按钮，插入一条默认宽度和粗细的水平线。

2、修改水平线

选定插入的水平线，打开属性面板，设置水平线的高度、宽度、对齐方式以及是否有阴影等属性

3、设置水平线的颜色

选中水平线，然后单击属性面板中的快速标签编辑器按钮，打开编辑标签窗口，键入代码，如将水平线设为红色，键入代码：color=“red”。;3.2.4插入更新日期