网站设计与开发课程 第2章 认识Dreamweaver 课件.ppt

“站点”对应一个文件夹，用来存放一个网站的所有网页文件和其他资源文件。 Dreamweaver 可以对站点中的文件进行管理和维护。 创建站点的步骤： 在硬盘上新建一个文件夹，作为站点根目录； 在 Dreamweaver 中管理站点。 2.2.1 站点的含义 站点结构的设计原则 将文件分类保存在子文件夹中。 可以按文件的类型建立子文件夹。 也可以按网站栏目建立子文件夹。 文件夹的层次不要太深，不要超过 3 层。 文件夹、文件都不能使用中文命名。 尽量使用意义明确的名称，以便于识记。 首页命名为 index.html。 2.2.2 站点的结构 站点 index.html scripts images logo.gif background.gif style.css global.js …… …… about.js …… 2.2.2 站点的结构 在 Dreamweaver 中，使用“站点 | 新建站点”菜单命令新 建站点。 使用“站点 | 管理站点”菜单命令编辑或删除站点。 2.2.3 在 Dreamweaver 中管理站点 编辑文本 2.3 分段：Enter  换行：Shift+Enter 2.3.1 分段与换行 “标题 1 ”是最大的标题，“标题 6 ”是最小的标题。 2.3.2 标题文本 列表分为“项目列表”、“编号列表”和“定义列表”。 2.3.3 列表 重点、强调 2.3.4 重点、强调 重点 （粗体） 强调 （斜体） 插入空格的方法： 按空格键可以在两个字符间单击一个半角空格。 按 Ctrl + Shift + Space 组合键，可以连续插入多个半角空格。 在 HTML 文档中插入空格的代码 nbsp; 。 2.3.5 空格 在“插入”面板的“文本”选项卡中，单击“字符”左侧的箭头，在下拉菜单中选择需要的特殊字符。 2.3.6 特殊字符 插入图像 2.4 在网页中，只允许使用以下格式的图像文件： GIF 格式无损压缩； 8 位色深（256色）；支持透明；支持动画。 JPG 格式有损压缩； 24 位色深。 PNG 格式无损压缩；具有 8 位、24 位和 32 位三种色深；支持透明和半透明。 2.4.1 网页中的图像格式 第 2 章 认识 Dreamweaver 第1章回顾 WWW 是运行在 Internet 之上的超文本信息浏览系统。 WWW 的核心部分由三个标准构成：HTML / URL / HTTP。 网页是用 HTML 编写的纯文本文件，扩展名为 html。 网页由浏览器显示，公认的标准浏览器是 Firefox。 网页分为静态网页和动态网页。 常见的网页宽度是 780px，或 1000px。 基于 Web 标准的网页制作： 描述网页结构的语言— XHTML 描述网页表现的语言— CSS 描述网页行为的语言— JavaScript 本章内容 创建本地站点 2.2 编辑文本 2.3 插入图像 2.4 插入 Div 标签 2.5 Dreamweaver 简介 2.1 本章内容 2.8 创建超链接 2.7 插入表单 插入表格 2.6 Dreamweaver 简介 2.1 Dreamweaver 是美国 MacroMedia 公司开发的一款“所见即所得”的网页编辑器。 Adobe Dreamweaver CS3 是 MacroMedia 公司被 Adobe 公司收购后推出的第一个版本。 2.1 Dreamweaver 简介 创建本地站点 2.2