济宁高新区职业中专济宁高新区职业中专Web文档的常用操作主讲教师主讲教师 王洪梅王洪梅 济宁高新区职业中专济宁高新区职业中专主要内容主要内容保保 存存 文文 档档创创 建建 文文 档档打开打开 文文 档档设置页面属性设置页面属性1234 济宁高新区职业中专济宁高新区职业中专主要内容主要内容保保 存存 文文 档档创创 建建 文文 档档打开打开 文文 档档设置页面属性设置页面属性1234 济宁高新区职业中专济宁高新区职业中专创建文档创建文档n n创建新的空白网页文档创建新的空白网页文档•1 选择选择“文件文件” >“新建新建”命令命令/ “Ctrl+N” 即出现即出现“新建文档新建文档”对话框常规常规”选项卡已选项卡已被选定•2 从从“类别类别”列表中选择列表中选择“基本页基本页”、、“动态页动态页”、、“模板页模板页”、、“其他其他”或或“框架集框架集”；然后从右侧；然后从右侧的列表中选择要创建的文档的类型的列表中选择要创建的文档的类型•3 单击单击“创建创建”按钮 新文档在新文档在“文档文档”窗口中打开窗口中打开 济宁高新区职业中专济宁高新区职业中专操作过程操作过程 济宁高新区职业中专济宁高新区职业中专创建文档创建文档n n创建基于创建基于Dreamweaver设计文件的文档设计文件的文档1 选择选择“文件文件” >“新建新建”/ “Crtl+N” 。
即出现即出现“新建文档新建文档”对话框常规常规”选项卡已被选定选项卡已被选定2 在在“类别类别”列表中，选择列表中，选择“CSS 样式表样式表”、、“基于表格基于表格的布局的布局”、、“页面设计页面设计 (CSS)”、、“页面设计页面设计”或或“页面页面设计（有辅助功能的）设计（有辅助功能的）”，然后从右侧的列表中选择一个，然后从右侧的列表中选择一个设计文件可以预览设计文件布局并阅读关于文档设计元设计文件可以预览设计文件布局并阅读关于文档设计元素的简要说明素的简要说明3 单击单击“创建创建”按钮新文档在新文档在“文档文档”窗口中打开窗口中打开 济宁高新区职业中专济宁高新区职业中专操作过程操作过程 济宁高新区职业中专济宁高新区职业中专创建文档创建文档n n用模板创建新的网页文档1 选择选择“文件文件” >“新建新建”命令命令/ “Ctrl+N” 新建文档新建文档”对话框随即打开对话框随即打开2 单击单击“模板模板”选项卡3 在在“模板用于模板用于”列表中，选择包含要使用的模板的列表中，选择包含要使用的模板的 Dreamweaver 站点，然后从右侧的列表中选择一个模站点，然后从右侧的列表中选择一个模板。
板4 单击单击“创建创建”新文档在新文档在“文档文档”窗口中打开窗口中打开 济宁高新区职业中专济宁高新区职业中专操作过程操作过程 济宁高新区职业中专济宁高新区职业中专练习一： n n1、创建新的空白网页文档、创建新的空白网页文档n n2、用、用Dreamweaver设计文件创建新的文档，设计文件创建新的文档，类型为类型为:页面设计的文本：文章页面设计的文本：文章C（学生完（学生完成）成） 济宁高新区职业中专济宁高新区职业中专保存文档保存文档n n1 1 选择选择选择选择“ “文件文件文件文件” ” >“>“保存保存保存保存” ”命令命令命令命令 /“Ctrl+S” /“/“Ctrl+S” /“另另另另存为存为存为存为” ”n n2 2 在出现的对话框中，定位到要用来保存文件的在出现的对话框中，定位到要用来保存文件的在出现的对话框中，定位到要用来保存文件的在出现的对话框中，定位到要用来保存文件的文件夹提示：最好将您的文件保存在提示：最好将您的文件保存在提示：最好将您的文件保存在提示：最好将您的文件保存在 DreamweaverDreamweaver 站点中n n3 3 在在在在“ “文件名称文件名称文件名称文件名称” ”文本框中，键入文件名。
文本框中，键入文件名文本框中，键入文件名文本框中，键入文件名提示：请不要在文件名和文件夹名中使用空格和特提示：请不要在文件名和文件夹名中使用空格和特提示：请不要在文件名和文件夹名中使用空格和特提示：请不要在文件名和文件夹名中使用空格和特殊字符殊字符殊字符殊字符(@(@、、、、# #、等），文件名也不要以数字开头等），文件名也不要以数字开头等），文件名也不要以数字开头等），文件名也不要以数字开头n n4 4 单击单击单击单击“ “保存保存保存保存” ”说明：网页文档最常用的保存格式说明：网页文档最常用的保存格式说明：网页文档最常用的保存格式说明：网页文档最常用的保存格式. .htmhtm .html .html操作过程操作过程 济宁高新区职业中专济宁高新区职业中专练习二： n n对以上所建两个文档以对以上所建两个文档以“汶上欢迎你汶上欢迎你”和和“汶上职业中专汶上职业中专”为名保存在为名保存在H:\WHM\JS这个文件夹下学生操作）这个文件夹下学生操作） 济宁高新区职业中专济宁高新区职业中专打开文档打开文档n n1 1 选择选择选择选择“ “文件文件文件文件” ” > “> “打开打开打开打开” ”命令命令命令命令/ / “Ctrl+O” “Ctrl+O” 。
出现出现出现出现“ “打开打开打开打开” ”对话框提示：也可以使用提示：也可以使用提示：也可以使用提示：也可以使用“ “文件文件文件文件” ”面板来打开文面板来打开文面板来打开文面板来打开文件n n2 2 定位到并选择要打开的文件定位到并选择要打开的文件定位到并选择要打开的文件定位到并选择要打开的文件注意：如果您尚未这样做，那么您最好在注意：如果您尚未这样做，那么您最好在注意：如果您尚未这样做，那么您最好在注意：如果您尚未这样做，那么您最好在 DreamweaverDreamweaver 站点中组织要打开和编辑站点中组织要打开和编辑站点中组织要打开和编辑站点中组织要打开和编辑的文件，而不是从其他位置打开这些文的文件，而不是从其他位置打开这些文的文件，而不是从其他位置打开这些文的文件，而不是从其他位置打开这些文件n n3 3 单击单击单击单击“ “打开打开打开打开” ”命令文档在文档窗口中命令文档在文档窗口中命令文档在文档窗口中命令文档在文档窗口中打开操作过程操作过程 济宁高新区职业中专济宁高新区职业中专练习三： n n打开打开H:\WHM\JS这个文件夹下的这个文件夹下的“歌词歌词”文档和文档和“教案教案”文档文档 济宁高新区职业中专济宁高新区职业中专设置页面属性 选选择菜单择菜单““修改修改””>“>“页面属性页面属性””命令命令/“Ctrl+J” /“Ctrl+J” 或单击属性面或单击属性面板上的板上的““页面属性页面属性””按钮，弹出按钮，弹出““页面属性页面属性””对话框对话框 .操作过程操作过程 济宁高新区职业中专济宁高新区职业中专设置页面属性设置页面属性1 “1 “页面属性页面属性””之之““外观外观”” 济宁高新区职业中专济宁高新区职业中专设置页面属性设置页面属性2 “2 “页面属性页面属性””之之““链接链接”” 济宁高新区职业中专济宁高新区职业中专设置页面属性设置页面属性3 “3 “页面属性页面属性””之之““标题标题”” 济宁高新区职业中专济宁高新区职业中专设置页面属性设置页面属性4 “4 “页面属性页面属性””之之““标题标题/ /编码编码”” 济宁高新区职业中专济宁高新区职业中专设置页面属性设置页面属性5 “5 “页面属性页面属性””之之““跟踪图像跟踪图像”” 济宁高新区职业中专济宁高新区职业中专 练习四： 对对“歌词歌词”文档进行页面属性设置文档进行页面属性设置n n1、设置页面的文本颜色，背景颜色，、设置页面的文本颜色，背景颜色，“上上下边距下边距”文本框中输入文本框中输入“0”，在后面列表，在后面列表中选择中选择“像素像素”为单位。
为单位n n2、设置页面标题为、设置页面标题为“北京欢迎你北京欢迎你” 对对“教案教案”文档设置几种不同的标题样式文档设置几种不同的标题样式 济宁高新区职业中专济宁高新区职业中专课堂小结课堂小结保保 存存 文文 档档创创 建建 文文 档档打开打开 文文 档档设置页面属性设置页面属性1234 济宁高新区职业中专济宁高新区职业中专上机练习上机练习 运用运用Dreamweaver软件将新建文档、软件将新建文档、打开文档、保存文档及修改页面属性打开文档、保存文档及修改页面属性等内容操作一遍等内容操作一遍 济宁高新区职业中专济宁高新区职业中专 。