新网页设计与制作 任正云 电子教案 第3章 创建和编辑网页文档.pptVIP

网页设计与制作教程 中国水利水电出版社 《网页设计与制作》教材 配套电子教案 2007.6 * * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 3.1 创建一个新文档 3.2 文字处理 3.3 图像处理 3.4 超级链接 3.5 使用多媒体对象 第3章 创建和编辑网页文档 3.1.1 创建新的空白文档 在Dreamweaver 8.0中可以创建新的空白文档、创建以模板为基础的文档以及打开并编辑已经存在的文档。 三种方法： 1、 从启动界面中的“创建新项目”组合框中选择合适的文件类型，即可直接进入文档窗口进行编辑。 2、也可选择主菜单中的“文件”→“新建”命令，系统弹出新建文档对话框。 3、按下Ctrl+N快捷键，系统弹出新建文档对话框。 3.1 创建一个新文档 3.1.2 打开现有文档 在Dreamweaver　8.0中可以打开现有的Web页或基于文本的文档，即使这些文档不是用Dreamweaver　8.0创建的也可以将其打开，然后利用Dreamweaver　8.0在“设计”视图或“代码”视图中编辑该文档。 打开现有的文档有以下几种方法： 1.在“文档”窗口中打开选择的文档 2.导入Word文档 3.在资源管理器中打开文档 3.1 创建一个新文档 3.1.3 设置页面属性 页面属性是指网页的一般属性信息，例如，网页标题、网页背景颜色、背景图像、超链接颜色、跟踪图像等。 1.设置网页标题及编码 2. 设置网页其他属性 (1)外观 (2)链接 (3)跟踪图像 3.1 创建一个新文档 文字处理主要包括：输入文字、设置文字大小、设置字体、设置文本颜色、设置文本对齐方式等。 3.2.1 输入文字 1．输入文字： 打开Dreamweaver 8.0之后，然后在需要插入文本的位置单击鼠标左键定位插入点，然后输入文字。如果需要开始新的一段，按Enter键即可，对应的HTML标签是p；如果想换行显示一段内容，可以按Shift+Enter组合键，对应的HTML标签是br；如果输入的文字超出一行的范围，输入的文本将自动换行。 3.2 文字处理 2．输入连续空格 在Dreamweaver 8.0中一般只能输入一个空格，若要输入连续的空格时，可以采用下面几种方法中的一种： ①执行菜单命令“编辑/首选参数”，打开“首选参数”对话框后，选定“分类”栏中的“常规”选项，然后在右边编辑选项中勾选“允许多个连续的空格”复选框即可。 ②将光标定位到需要输入多个空格的位置，切换到代码视图即HTML源文档中连续输入多个“nbsp;”，或者单击插入工具栏文本分类中的“字符”对象，弹出下拉菜单，选择“不换行空格”选项即可。 ③切换到中文输入法，设置为全角输入状态，然后在欲连续输入空格的位置按空格键。 3．输入特殊字符 3.2 文字处理---输入文字 3.2.2 编辑文字 1．设置文字标题与段落 设置文字段落与标题的方法基本相同，方法如下： (1)将光标定位到应用段落样式或文本样式的文本中，或直接选取文本。 (2)单击属性面板中的格式选择框，在弹出的下拉列表中选择“段落”或“标题”。 切换到代码视图，我们就会发现，字符属性面板的“格式”列表框中的“段落”、“标题1”、“标题2”、“标题3”、“标题4”、“标题5”、“标题6”和“预先格式化的”等选项，分别对应HTML语言中的p、h1、h2、h3、h4、h5、h6和pre标记。 3.2 文字处理 2．设置文字字体及大小 (1)设置字体 (2)设置字号 3．设置文本颜色 4．设置方本对齐方式 3.2 文字处理---编辑文字 3.2.3 插入水平线 水平线对于组织信息很有用。在页面上，可以使用一条或多条水平线以可视方式分隔文本和对象。 1、插入水平线 将光标移到要插入水平线的位置，执行菜单“插入”→“HTML”→“水平线”命令或者在“插入”栏中，选择“HTML”，然后单击“水平线”按钮，插入一条默认宽度和粗细的水平线。 2