[第2章DW基础知识.pptVIP

（2）界面结构和工作环境 （3）dw的窗口组成（参看教材p5-p9） （4）dw菜单简介 标题栏 工具栏（在文档编辑窗口上部） 代码视图与设计视图的切换及其他常用按钮。 插入对象面板 (和以前的工具栏类似；通过操作窗口/插入或CTRL+F2 来打开该插入栏，包括常用、布局、表单、文本等) 面板组 菜单 “文件”菜单　包含“新建”、“打开”、“保存”、“保存全部”，还包含各种其他命令，用于查看当前文档或对当前文档执行操作，例如“在浏览器中预览”和“打印代码”。 “编辑”菜单　包含选择和搜索命令，例如“选择父标签”和“查找和替换”。“编辑”菜单还提供对DW菜单中“首选参数”的访问。 “帮助”菜单　提供对 Dreamweaver 文档的访问，包括关于使用 Dreamweaver 以及创建其扩展功能的帮助系统，还包括各种语言的参考材料。 “查看”菜单：使您可以看到文档的各种视图（例如“设计”视图和“代码”视图），并且可以显示和隐藏不同类型的页面元素和 DW工具及工具栏。 “窗口”菜单：提供对 DW中的所有面板、检查器和窗口的访问。 “修改”菜单 ：使您可以更改选定页面元素或项的属性。使用此菜单，您可以编辑标签属性，更改表格和表格元素，并且为库项和模板执行不同的操作。 ?“命令”菜单：提供对各种命令的访问；包括一个根据您的格式首选参数设置代码格式的命令、一个创建相册的命令等。 “站点”菜单：提供用于管理站点以及上传和下载文件的菜单项。 “文本”菜单 ：使您可以轻松地设置文本的格式。 站点菜单：管理站点和（可不适用FTP软件）上传站点 文档编辑窗口：上面显示设计文档的标题，下面显示标尺和底格功能。 属性面板：用于显示或修改选定对象的属性信息。 状态栏 标签选择器：用于显示或选定网页对象 窗口大小弹出菜单：分别显示窗口和显示器的尺寸 下载时间显示栏：根据网页内容大致估算的下载时间 web浏览器的作用就在于读取web站点上的html文档，并根据此类文档中的描述组织和显示相应的网页信息。 HTML编辑器：也称网页编辑器，一般是指用于开发网页的工具软件，目前比较流行的HTML编辑器是Macromedia Dreamweaver和Microsoft FrontPage。 （2）HTML文档的基本结构 html/html开始和结束标记。在它们中间，包含你的网页里的所有内容 头部：head头部的内容/head head是除文档标题外的不可见部分，文档标题出现在浏览器的窗口标题栏中，另外，还可以包含其他重要信息，如文档类型、语言编码、脚本程序、搜索引擎的关键字和内容指示器以及样式定义。若不需头部信息则可省略此标记。 标题:title标题/title：呈现出网页的标题，文档标题出现在浏览器的窗口标题栏中，包含在head …/head标签内部。 主体:body页面内容/body 主体部分包含文本和图像等所有可见部分。 （3）HTML的基本结构： HTML head title标题title /head body 正文 /body /HTML （4）网页中的其他常用标记 p/p:分段标记 br:换行标记 img /img: nbsp;是空格标记 b 空的标签区块 字体标签 表格标签 文字标签 可以使用这些标记在记事本中完成网页的设计。 图片标签img 文字标签 字体标签font 在编写代码时的注意事项： 在书写标签属性值的时候尽量将属性值用引号（英文标点符号）括起来。 在书写html语言的时候不区分大小写。 代码优化：清理html/xhtml和清理word 生成的html代码。 可以使用代码片段面板插入dw中预定义的代码片段（javascript、内容表、导航、文本、表单元素、页眉和页脚等）。 课堂实例―创建和测试第一个html网页 在“记事本”窗口或者Dreamweaver网页中输入以下内容： html head title欢迎光临我的第一个网页/title /head body 这是第一个简单网页! /body /html 选择【文件】|【保存】命令，在弹出的“另存为”对话框中选择要保存的路径，在【文件名】文本框中输入文件名myweb001.html。 3、创建站点并组织站点的结构 （参看教材p14p16） （1）站点的概念 站点：是一组具有相关主题、类似的设计、链接文档和资源。该术语可指网站，也可以指属于网站的文档的本地存储位置。 站点上传到服务器上供浏览者点击查看，一般称之为网站。Dw站点是一种组织所有与网站关联的文档的方法，也可将它看作一个项目；需要为所开发的每个网站设置一个站点。 说明： Dreamweaver可以创建单独的文档，还可以创建完整的Web站点。在使用Dr