三.创建文档.ppt

三.创建文档 三.创建文档 第2章 2.2 新建文档 1. 创建、打开和保存文档 2. 设置文档属性 3. 在文档中选择元素 4. 使用可视化向导设计网页 1.创建、打开和保存文档 DW提供了多种创建文档的方法。可以通过创建一个新 的空白HTML文档，打开一个现有的HTML文档，或使用 模板创建新文档等。 （1）创建空白HTML文档： ① “创建新项目”－“HTML” ② “文件”菜单－“新建”－“HTML” ③在站点管理器新建一个HTML格式文件（即后缀名为.html或.htm） 1.创建、打开和保存文档 使用代码视图，可以看到新文档并不是完全 空白的，它包括html、head、body标记。当 在文档的设计视图输入文本或插入对象（如 表格、图像）时，可以看到代码窗口中自动 生成的HTML代码。 1.创建、打开和保存文档 （2）打开现有的HTML文档 （3）使用模板创建新文档 在后面讲模板的时候讲到 （4）保存文档 由于这里创建的是静态网页，注意后 缀名为.htm或.html，文件名不能为特殊 字符或中文 2.设置文档属性 设置文档属性方法： ① “修改”菜单－“页面属性” ② 右键点击文档－“页面属性”(点击文档空白地方) 设置文档属性要注意的内容： ① “左边距”和“上边距” ②设置标题：也可以在文档工具栏的“标题”区设置网 页标题 ③ “编码”：这里可以选择简体中文编码GB2312 ④背景图像：注意平铺的问题 ⑤ “跟踪图像”：在后面讲到 3.在文档中选择元素 （1）选择元素 ① 在文档窗口中选择可见元素，可以单击元素 或拖动鼠标光标选择元素 ② 要选择不可见元素，应先选择“查看”菜单－ “可视化助理”－“不可见元素”显示出来，然 后单击选中 ③ 如果选择的是整个标记，可单击文档窗口底 部标记选择器上的标记 3.在文档中选择元素 （2）认识不可见元素 许多在HTML代码中显示的内容，并不能直接 显示在浏览器中，如注释。在“首选参数”中可以指定那些“不可见元素”可以显示。 4.使用可视化向导设计网页 （1）使用标尺、网格与捕捉 ① “查看”菜单 ② 捕捉：网格设置“靠齐到网格” （2）使用辅助设计图片 ① “查看”－“跟踪图像” ② 在网页属性设置跟踪图像 这些图像只是用来参考，借助这些图像来设计布 局，在浏览器中不显示。这跟背景图像是不同的。 5.查看和编辑头部元素 什么是元标记？ “插入栏”－“HTML”－“文件头” META/关键字/描述/刷新/基础/链接 堂上练习 P35--P37 2.3.3 基础实例—新建并保存文档 * * *