《DW基础知识》PPT课件.ppt

《《DW基础知识》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、内容要点：1.Dreamweaver的安装、启动与工作环境介绍2.HTML基础（难点）3创建站点并组织站点的结构（重点）4在站点中创建网页（重点）第2章Dreamweaver基础知识1.Dreamweaver的安装、启动与工作环境简介（1）演示软件安装和启动的过程Dreamweaver是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视化网站开发工具;主要用于对Web站点、Web页和Web应用程序进行设计、维护、编码和开发。它以简洁的界面，强大的功能，成为众多专业网站和个人主页建站的首选软件。（2）界面结构和工作环境工作区设置对话框首次启动

2、Dreamweaver时，会出现一个工作区设置对话框，我们可以从中选择一种工作区布局。如果不熟悉编写代码，可以选择“设计者”。如果以后想更改工作区，可以使用编辑菜单“首选参数”对话框切换到一种不同的工作区。首选参数对话框（3）dw的窗口组成（参看教材p5-p9）插入栏：又叫插入对象面板；状态栏：提供了标签选择器（也叫做标记符选择器）、窗口尺寸、文件大小等网页信息（4）dw菜单简介标题栏工具栏（在文档编辑窗口上部）代码视图与设计视图的切换及其他常用按钮。插入对象面板(和以前的工具栏类似；通过操作窗口/插入或CTRL+F2来打开该插入栏，包括常用、布局、表单、文本等)面

3、板组菜单“文件”菜单包含“新建”、“打开”、“保存”、“保存全部”，还包含各种其他命令，用于查看当前文档或对当前文档执行操作，例如“在浏览器中预览”和“打印代码”。“编辑”菜单包含选择和搜索命令，例如“选择父标签”和“查找和替换”。“编辑”菜单还提供对DW菜单中“首选参数”的访问。“帮助”菜单提供对Dreamweaver文档的访问，包括关于使用Dreamweaver以及创建其扩展功能的帮助系统，还包括各种语言的参考材料。“查看”菜单：使您可以看到文档的各种视图（例如“设计”视图和“代码”视图），并且可以显示和隐藏不同类型的页面元素和DW工具及工具栏。“窗口”菜单：提

4、供对DW中的所有面板、检查器和窗口的访问。“修改”菜单：使您可以更改选定页面元素或项的属性。使用此菜单，您可以编辑标签属性，更改表格和表格元素，并且为库项和模板执行不同的操作。“命令”菜单：提供对各种命令的访问；包括一个根据您的格式首选参数设置代码格式的命令、一个创建相册的命令等。“站点”菜单：提供用于管理站点以及上传和下载文件的菜单项。“文本”菜单：使您可以轻松地设置文本的格式。站点菜单：管理站点和（可不适用FTP软件）上传站点文档编辑窗口：上面显示设计文档的标题，下面显示标尺和底格功能。属性面板：用于显示或修改选定对象的属性信息。状态栏标签选择器：用于显示或选定

5、网页对象窗口大小弹出菜单：分别显示窗口和显示器的尺寸下载时间显示栏：根据网页内容大致估算的下载时间2.HTML基础（1）HTML的相关概念：HTML是网页主要的组成部分，基本上一个网页都是由HTML组成的，所以要想精通网页制作的话，必须对HTML语言有所的了解。HTML语言是利用标记（tag）来描述网页的字体、大小、颜色及页面布局的语言，是一种早期的用于网页制作的主要语言；它也是纯文本类型的语言，可以使用任何的文本编辑器对它进行编辑。使用HTML编写的网页文件是标准的纯文本文件，可以用任何文本编辑器打开它。其后缀名为：.html或.htm。web浏览器的作用就在于读

6、取web站点上的html文档，并根据此类文档中的描述组织和显示相应的网页信息。HTML编辑器：也称网页编辑器，一般是指用于开发网页的工具软件，目前比较流行的HTML编辑器是MacromediaDreamweaver和MicrosoftFrontPage。（2）HTML文档的基本结构开始和结束标记。在它们中间，包含你的网页里的所有内容头部：头部的内容head是除文档标题外的不可见部分，文档标题出现在浏览器的窗口标题栏中，另外，还可以包含其他重要信息，如文档类型、语言编码、脚本程序、搜索引擎的关键字和内容指示器以及样式

7、定义。若不需头部信息则可省略此标记。标题:：呈现出网页的标题，文档标题出现在浏览器的窗口标题栏中，包含在…标签内部。主体:页面内容主体部分包含文本和图像等所有可见部分。（3）HTML的基本结构：