初中信息技术电子工业版《九年级上册二创建子网页》PPT课件.pptxVIP

第10章 创建子网页;10.1 Dreamweaver概述;10.1.1目;10.1.1目;10.1.1目;10.1.1目;;标题栏：位于Dreamweaver 8界面最上部，其中显示程序名称和当前编辑的文件名称。最左侧为控制按钮；最右侧为最小化、最大化/还原和关闭按钮。 菜单栏：包括10个菜单项，使用这些菜单命令基本上可以实现程序的所有功能。 工具栏：包括【插入】、【样式呈现】、【文档】和【标准】4个工具栏，可通过选择【查看】|【工具栏】子菜单中的相应命令来显示或隐藏它们。 文档窗口：用于显示当前创建或编辑的文档，有【代码】、【设计】和【拆分】3种视图模式。 状态栏：用于显示当前编辑的文档的状态。 属性检查器：用于查看和更改当前选定文本或其他对象的属性。 控制面板：主要包括【CSS】、【应用程序】、【标签检查器】、【文件】、【框架】、【历史记录】、【结果】、【时间轴】8个面板组。;10.1.1目;10.1.1目;10.1.1目;10.2 网站建立过程;10.2.1目;10.2.1目; 高级方式 在【站点定义为】对话框中单击【高级】标签，切换到【高级】选项卡，可进行自定义的站点设置。;10.2.1目;10.2.2创建站点目录结构（在“文件”面板中进行） 创建二级目录 在一级目录上单击鼠标右键，在弹出的快捷菜单中选择“新建文件夹”。;10.2.1目;10.2.1目;10.3 编辑文本和图像;10.3.1目;10.3.1文本的操作 1、插入普通文本（2种方法） 在文档窗口中输入文本。也就是先选择要插入文本的位置，然后直接输入文本。 复制在其他编辑器中已经生成的文本。 ;10.3.1文本的操作 2、插入特殊符号（键盘不能直接输入的字符 ） （1）在文档中，将插入点放置在需要插入特殊字符的位置。 （2）选择【窗口】|【插入】命令，打开【插入】工具栏，单击工具栏上【文本】选项卡，如图所示，从中选择某一标记按钮，或者选择【插入】| 【HTML】 |【特殊字符】命令，然后从子菜单中选中要插入字符的名称。 ;10.3.1文本的操作 3、插入换行符 （1）在文本中按回车键强制文本换行，这时会注意到分成两行的文字的间距比较大，这样的换行称为段落换行 。 （2）在段落的某处进行强制换行，但又不希望间距过大，就可以使用换行符来完成换行，这样的换行称为段内换行。按Shift+Enter组合键可以实现段内换行，即插入换行符。 ;10.3.1文本的操作 4、插入日期 (1) 在文档窗口中，将插入点放置到要插入日期的位置。 (2) 选择【插入】|【日期】命令，或者单击“插入”工具栏上的“常用”面板上的【插入日期】按钮。 (3) 在弹出的“插入日期”对话框中，选择日期和时间格式。 (4) 如果希望插入的日期和时间在每次保存文档时都能自动更新，那么就选中【储存时自动更新】复选框。如果只是将插入的日期当作普通文本，那么就取消选择该复选框。 (5) 单击【确定】按钮，即可在文档中插入日期。 ;【插入日期】对话框;10.3.2文本属性面板 打开方式有两种： 按快捷键Ctrl+F3， 选择【窗口】|【属性】命令 ;10.3.3添加水平分割线 （1）在文档中，将插入点放置到要插入水平线的位置。 （2）选择【插入】| 【HTML】 |【水平线】命令，或者单击“插入”工具栏上的HTML选项卡上的【水平线】按钮。 （3）插入了水平分隔线，选中该水平线，可以在属性面板上根据需要修改其属性。 ;10.3.4插入图像 1、插入图像 （1）将光标置入要插入图像的位置。 （2）选择【插入】|【图像】命令；或者单击“插入”工具栏上的“常用”面板，选择【插入图像】按钮；也可以用鼠标把该图像按钮拖到需要插入图像的位置。;10.3.4插入图像 2、设置图像属性 在属性面板中可以查看和修改图像的属性。 ;10.3.4插入图像 3、图像与文本的对齐方式 在Dreamweaver中，插入的图像被视为一般字符。通过设置该图像相对于同一段落或行中的其他元素的对齐方式可以调整图像与其他对象之间的关系。选择所需图像后，可在图像属性面板中的【对齐】下拉列表框中选择要使用的垂直对齐方式。;10.5 创建表格;10.5.1目;10.5.1插入表格（3种方法） 单击“插入”工具栏上的“常用”面板上的【表格】按钮。 选择【插入】菜单中的【表格】命令。 “插入”工具栏上的“常用”面板上的【表格】按钮从“常用”面板拖到页面上所需位置。 ;10.5.2设置表格属性 表格通过属性面板设置它的属性实现的。 1．设置整个表格属性：选择整个表格。 2．设置单元格属性：选择单个单元格或单元格的任意组合。 ;10.5.3表格操作 对表格经常需要编辑、修改、删除等操作，尤其是用表格对整个页面进行布局时更是如此。打