网页基本页面属性.pptxVIP

第4章创建和编辑网页文档14.1 创建一个新文档4.2图像处理超级链接使用多媒体对象 第4章创建和编辑网页文档2创建一个新文档创建新的空白文档在Dreamweaver 8中可以创建新的空白文档、创建以模板为基础的文档以及打开并编辑已经存在的文档。三种方法：1、 从启动界面中的“创建新项目”组合框中选择合适的文件类型，即可直接进入文档窗口进行编辑。2、也可选择主菜单中的“文件”→“新建”命令，系统弹出新建文档对话框。3、按下Ctrl+N快捷键，系统弹出新建文档对话框。 第4章创建和编辑网页文档34.1.2 打开现有文档在Dreamweaver 8中可以打开现有的Web页或 基于文本的文档，即使这些文档不是用 Dreamweaver 8创建的也可以将其打开，然后利用 Dreamweaver 8在“设计”视图或“代码”视图中编辑该文档。打开现有的文档有以下几种方法： 1.在“文档”窗口中打开选择的文档 2.导入Word文档3.在资源管理器中打开文档 第4章创建和编辑网页文档44.1.3 设置页面属性页面属性是指网页的一般属性信息，例如，网页标题、网页背景颜色、背景图像、超链接颜色、跟踪图像等。设置网页标题及编码设置网页其他属 性 (1)外观链接跟踪图像 第4章创建和编辑网页文档5文字处理文字处理主要包括：输入文字、设置文字大小、设置字体、设置文本颜色、设置文本对齐方式等。输入文字1．输入文字：打开Dreamweaver 8之后，然后在需要插入文本的位置单击鼠标左键定位插入点，然后输入文字。如果需要开始新的一段，按Enter键即可，对应的HTML标签是p；如果想换行显示一段内容，可以按Shift+Enter组合键，对应的HTML标签是br；如果输入的文字超出一行的范围，输入的文本将自动换行。 第4章创建和编辑网页文档6输入连续空格在Dreamweaver 8中一般只能输入一个空格，若要输入连续的空格时，可以采用下面几种方法中的一种：①执行菜单命令“编辑/首选参数”，打开“首选参数”对话框后，选定“分类”栏中的“常规”选项，然后在右边编辑选项中勾选“允许多个连续的空格”复选框即可。②将光标定位到需要输入多个空格的位置，切换到代码视图即HTML源文档中连续输入多个“ ”，或者单击插入工具栏文本分类中的“字符”对象，弹出下拉菜单，选择 “不换行空格”选项即可。③切换到中文输入法，设置为全角输入状态，然后在欲连续输入空格的位置按空格键。输入特殊字符 第4章创建和编辑网页文档74.2.2 编辑文字设置文字标题与段落设置文字段落与标题的方法基本相同，方法如下：将光标定位到应用段落样式或文本样式的文本中，或直接选取文本。单击属性面板中的格式选择框，在弹出的下拉列表中选择“段落”或“标题”。切换到代码视图，我们就会发现，字符属性面板的“格式”列表框中的“段落”、“标题1”、“标题2”、“标题3”、 “标题4”、“标题5”、“标题6”和“预先格式化的”等选项，分别对应HTML语言中的p、h1、h2、h3、h4、h5、h6和pre标记。 第4章创建和编辑网页文档82．设置文字字体及大小 (1)设置字体(2)设置字号 3．设置文本颜色4．设置方本对齐方式 第4章创建和编辑网页文档94.2.3 插入水平线水平线对于组织信息很有用。在页面上，可以使用一条或多条水平线以可视方式分隔文本和对象。1、插入水平线将光标移到要插入水平线的位置，执行菜单“插入”→“HTML”→ “水平线”命令或者在“插入”栏中，选择“HTML”，然后单击“水平线”按钮，插入一条默认宽度和粗细的水平线。2、修改水平线选定插入的水平线，打开属性面板，设置水平线的高度、宽度、对齐方式以及是否有阴影等属性3、设置水平线的颜色选中水平线，然后单击属性面板中的快速标签编辑器按钮，打开编辑标签窗口，键入代码，如将水平线设为红色，键入代码：color=“red”。 第4章创建和编辑网页文档104.2.4 插入更新日期Dreamweaver提供了一个方便的日期对象，该对象使用户可以以喜欢的格式插入当前日期，还可以选择在每次保存文件时都自动更新该日期。插入日期、星期和时间插入更新日期修改日期要修改网页中已插入的日期，有两种方法：若没有勾选“储存时自动更新”，则直接手动修改日期。若勾选了“储存时自动更新”，则选中日期后在属性面板中单击按钮，同样弹出“插入日期”对话框，在其中编辑修改日期格式。 第4章创建和编辑网页文档11图像处理插入图像在Dreamweaver 8中插入图像的基本方法是：将光标置于要插入图像的位置，在插入工具栏的“常用”类中单击 “图像”按钮或选择“插入”菜单中的“图像”命令，打开“选择图像源文件”对话框。在对话框中显示有图像文件名、文件类型和图像源的路径URL(每个网 页都有一个唯一的地址，