第三章 文档的基本操作 文档是页面基本元素的集合 。 文档 的处理是网页制作中的基本操作,包括 打开和编辑文档、设置文档属性、定义 文档标题等多方面内容。本章介绍了文 档的基本操作、在文档中插入对象以及 文档中文本内容的修饰等方面的内容
第三章 文档的基本操作 文档是页面基本元素的集合。文档 的处理是网页制作中的基本操作,包括 打开和编辑文档、设置文档属性、定义 文档标题等多方面内容。本章介绍了文 档的基本操作、在文档中插入对象以及 文档中文本内容的修饰等方面的内容
31 文档的创建和储存 3.1.1创建空白文档 用户通过以下两种方法创建一个空白的文档: ●启动Dreamweaver MX,即可直接创建一个空白文档。 ● 如果Dreamweaver MX已经启动,要创建空白文档,可以使用 如下步骤: Ctrl+N 打开Q. 在推架中打开0, CHShift+o (1)单击“文件”菜单下的“新建”命 关闭 Ctrl+W 保存(5 Cbl+S 另存为4 Ctrl+Shift+S 另存为梗板(D, 里存全部1 回复至上的保 打印代码巴 Ctrl+P 导入他 导出E : 转换(心 在浏览器中预览e 在浏览中调试通 检查页(出 设计备注(⑤, 2html.html 3index.html 生index.html 退出凶 CtrH+Q
3.1 文档的创建和储存 3.1.1 用户通过以下两种方法创建一个空白的文档: l 启动Dreamweaver MX,即可直接创建一个空白文档。 l 如果Dreamweaver MX已经启动,要创建空白文档,可以使用 如下步骤: (1)单击“文件”菜单下的“新建”命令
●2)弹出“新建文档”对话框。选择“常规”标签中的“基本页” 类别中的“HTML”,然后单击“创建”按钮即可。 新建文挡 × 常规 模板 类别: 基本页 预览 基本页 江L 动态页 TL模板 模板页 库项目 其他 el css CSs样式表 JavaScript 框架集 XML 无预览》 页面设计 页面设计〔有辅助功能的) 描述: TL文档 口使文档与XrL兼容) 帮助0 参数选择①). 获取更多内容 创建B) 取消C)
2)弹出“新建文档”对话框。选择“常规”标签中的“基本页” 类别中的“HTML”,然后单击“创建”按钮即可
新建. Ctrl+N 打开@), Ctrl+O 在框架中打仙 Ctrl+Shift+o 关闭(口 Ctrl+W 保存(⑤) Ctrl4+S 31.2打开现有文档 另存为(色. Ctrl+Shift+5 另存为模板(T) 如果文档已经存在,用户可 保存全部(L) 以使用以下步骤打开文档: 回复至上次的保存國 (1)启动Dreamweaver MX 打印代码(P). Ctrl+P 单击“文件”菜单下的 “打 导入(⑩ 开”命令。 导出(E) 转换(心 在浏览器中预览犯 在浏览器中调试() A 检查页出 设计备注(G. 1 ww.htm 2 html.html 3 index.html 4 index.html 退出(☒ Ctrl+Q
3.1.2 如果文档已经存在,用户可 以使用以下步骤打开文档: (1)启动Dreamweaver MX ,单击“文件”菜单下的“打 开”命令
(2)出现一个Windows标准的“打开”对话框,选定择需要的文件,按下“打 开”按扭,即可打开该文档。 打开 x 查找范围L) 白homepage ←酽国 ☐css howtoencouragement 白flash howtoselect 立images 图none 立例子 色organizati 类型:Microsoft HTML Document5.0 ③aboutus pz_chrome 大小:3.54KB ③background 回]reg choise rule 图clock 色select close_a 色show close_d SHOWUSER close_o STYLE default 径enteronline 文件名): howtoselect 打开0) 文件类型①): 所有文档(k.htm:*.html:*shtm:*.shtml 取消
(2)出现一个Windows标准的“打开”对话框,选定择需要的文件,按下“打 开”按扭,即可打开该文档
打开后的结果如图所示 :评审办法(homepage/.howtoselect) ▣x 香背罩报道境赛草程甲功法奖动防法售组单位山牛名 [作品展苏老找云 评审办法 `组委会将在参赛准品提交截正白期后, 组织评委会为渗赛准品进行公证,公并的评选 评审标准将 迪评季会练一指定:奖选手将及时得到大会的通知,获奖作品也将在大赛官方网站上加以宣传,并履 建删接零陆风 上方教育网”网站站长了 天津职业技术师范学院学生处处长、团委书记项新求 津职业技术师范学 院网络中心主任张志强 津 技术师范学院网络教研室 教授安淑艺 津职 “元党 总支书记张和中 学院教青技术教研室高级实验师汤文经 津职业技术 师范学院数育技术教研室讲师魏长增 body> 567x281、4K/1秒
打开后的结果如图所示
3.1.3基于模板创建文档 将页面设计文档保存为站点中的模板后,就可以创建基于该模板的页面了。基 于模板创建文档的步骤如下: (1)单击“文件”菜单不的“新建”命令。 (2)弹出“新建文档”对话框,选择“模板”标签,对话框名改为“从模板 新建”。 从模板新建 常规模板 模板用于: 站点"edu“: 预览: 站点“edu” moban 描述: 无说明> 下当模板改变时更新荧面) 帮助D参数选择心). 获取更多内容一 腱人J 取消C) (3)选择已存在的模板,然后单击“创建”按钮即可。注意:要使用模板来创 建文档,必须首先创建本地的站点
3.1.3 将页面设计文档保存为站点中的模板后,就可以创建基于该模板的页面了。基 于模板创建文档的步骤如下: (1)单击“文件”菜单下的“新建”命令。 (2)弹出“新建文档”对话框,选择“模板”标签,对话框名改为“从模板 新建”。 (3)选择已存在的模板,然后单击“创建”按钮即可。注意:要使用模板来创 建文档,必须首先创建本地的站点
新建). Ctrl+N 打开0) Ctrl+O 在框架中打开, Ctrl+Shift+O 关闭(C) Ctrl+W 保存(5) Ctrl+5 3.1.4存储和关闭文档 另存为(a). Ctrl+Shift+S 另存为模板(①. 在对文档内容编辑完成之 保存全部(L) 后,要存储该文档。用户可以通 回复至上次的保存心 过以下步骤存储文档: 打印代码(P). Ctrl+P (1)单击“文件”菜单下的“保 导入四 存”命令,或是直接按下Cl+S组 导出(E) 转换(心 合键。 在浏览器中预览(犯) 在浏览器中调试(U 检查页仙 设计备注(G. 1 index.html 2 moban.dwt 3 ww.htm 4 html.html 退出☒ Ctrl+Q
3.1.4 l 在对文档内容编辑完成之 后,要存储该文档。用户可以通 过以下步骤存储文档: (1)单击“文件”菜单下的“保 存”命令,或是直接按下Ctrl+S组 合键
(2)如果该文档尚未保存过,则会出现Windows标准的“保存为”对话框。选 择路径并输入文件名,按下“保存”按钮,如图所示。注意,如果该文档已被保 存过,则会直接存储文档,不会再出现对话框。 保存为 x 保存在工): edu ←包铲国 images Templates 团css eindex 文件名☒): main 保存) 保存类型①): 所有文档(体.htm:*.html:*.shtm:米.shtm 取消
(2)如果该文档尚未保存过,则会出现Windows标准的“保存为”对话框。选 择路径并输入文件名,按下“保存”按钮,如图所示。注意,如果该文档已被保 存过,则会直接存储文档,不会再出现对话框
如果希望文档以其他的名称保存,用户可以通过以下步骤将文档另存为 (I)单击“文件”菜单下的“保存”命令,或直接按组合键Ctrl+Shi+S。 (2)这是会出现文档“保存为”对话框。选择路径输入新的文件名,保存即 可。 ● 如果在制作过程中打开多个页面,希望将所有文档都保存,可以通过以 下步骤 (1) 单击“文件”菜单下的“保存全部”命令。 (2) 如果某些文档尚未保存过,则会出现“存储为”对话框,用户选择路径 文件名保存即可。注意:每个未保存的文档都会弹出一个“存储为”对话框
l 如果希望文档以其他的名称保存,用户可以通过以下步骤将文档另存为: (1)单击“文件”菜单下的“保存”命令,或直接按组合键Ctrl+Shift+S。 (2)这是会出现文档“保存为”对话框。选择路径输入新的文件名,保存即 可。 l 如果在制作过程中打开多个页面,希望将所有文档都保存,可以通过以 下步骤: (1)单击“文件”菜单下的“保存全部”命令。 (2)如果某些文档尚未保存过,则会出现“存储为”对话框,用户选择路径 、文件名保存即可。注意:每个未保存的文档都会弹出一个“存储为”对话框