Dreamweaver 课件 第1章_ppt.txt
大学DREAMWEAVER 8案例教程-课件PPT
收藏
资源目录
压缩包内文档预览：
编号：21836135
类型：共享资源
大小：28.17MB
格式：ZIP
上传时间：2019-09-06
上传人：QQ24****1780
认证信息
个人认证
王**（实名认证）
浙江
IP属地：浙江
25
积分
- 关 键 词：
-
大学DREAMWEAVER
8案例教程-课件PPT
大学
dreamweaver
案例
教程
课件
ppt
- 资源描述：
-
大学DREAMWEAVER 8案例教程-课件PPT,大学DREAMWEAVER,8案例教程-课件PPT,大学,dreamweaver,案例,教程,课件,ppt
- 内容简介：
-
21世纪中等职业教育规划教材Dreamweaver 8案例教程苏玉雄 主 编中国水利水电出版社第 1 章 Dreamweaver 8概述本章学习目标 1.1 Dreamweaver 8的安装与启动 Macromedia Dreamweaver 8是一款专业的HTML编辑器，用于对 Web 站点、Web页和 Web 应用程序进行设计、编码和开发。无论您是喜欢直接编写HTML代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 8都会为您提供帮助良多的工具，丰富您的 Web 创作体验。1.1.1安装软件所需的系统配置 Dreamweaver 8多计算机系统的要求不是很高，下面列出了运行Dreamweaver 8所需的最低软件和硬件要求：（1）Pentium II以上，或兼容处理器；（2）800600真彩色显示器，建议使用1024768或更高配置；（3）CD-ROM驱动器；（4）Windows支持的显示卡；（5）256MB内存，建议使用512MB。（6）300MB剩余硬盘空间；（7）鼠标、轨迹球或其它定点设备；（8）Windows NT 4.0或更高版本、Windows 2000、Windows XP Professional等；（9）可选硬件包括：打印机或绘图仪、数字化仪、串口或并口、网络卡、调制解调器或其他访问Internet的连接设备。1.1.2 Dreamweaver 8的安装 在安装Dreamweaver 8之前，请关闭所有正在运行的应用程序。安装步骤如下：（1）要确保关闭了所有防毒软件，将Dreamweaver 8的安装盘插入CD-ROM驱动器，稍后即可出现Dreamweaver 8的安装界面，如图1-1所示。1.1.2 Dreamweaver 8的安装 （2）接着将看到如图1-2所示的安装提示，单击“下一步”； （3）选择“我接受该许可证协议中的条款（A）”，然后在单击“下一步”，如图1-3所示；1.1.2 Dreamweaver 8的安装 （3）选择“我接受该许可证协议中的条款（A）”，然后在单击“下一步”，如图1-3所示； （4）接着将看到如图1-4所示的界面，如果要更改Dreamweaver 8软件的安装路径，请单击“更改”按纽，在“选择要创建的快捷方式”中，可以选一个也可两个都选，然后单击“下一步”；1.1.2 Dreamweaver 8的安装 （5）在如图1-5所示的界面中，可根据自身需要来进行选择，在这里我们选择默认“全选”，然后单击“下一步”； （6）然后单击“安装”如图1-6所示，Dreamweaver 8就开始正式安装了；1.1.2 Dreamweaver 8的安装 （7）正确安装完Dreamweaver 8中文版后，若在步骤（4）中选中“在桌面上创建快捷方式”，则在计算机桌面上，将自动生成Dreamweaver 8中文版快捷图标。1.2 Dreamweaver 的工作界面 Dreamweaver 8的工作界面主要包括有标题栏、菜单栏、文档工具栏、文档窗口、状态栏、插入面版、属性面版和CSS样式面版。本节将主要介绍Dreamweaver 8的工作界面。首先启动Dreamweaver 8，将显示如图1-7所示的界面。1.2.1 标题栏在大多数的Windows应用程序里面都有，Dreamweaver 8的标题栏在应用程序的最上面，它的左侧用来显示当前正在运行的应用程序名称，它的右侧为最小化、最大化（还原）和关闭按钮，如所示。需要说明的是，图1-8所示的标题是默认的文档标题Untitled Document，显示的文件名为Untitled-1。每当用户创建一个新的文档时，Dreamweaver 8就会自动以Untitled给出一个默认的名字。当用户保存文件时，系统会提示用户另外命名一个名字，当然用户也可以以默认的名字来保存。1.2.2 菜单栏标题栏的下面是菜单栏，包括有“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”、“帮助”10个菜单项，如图1-9所示。在Dreamweaver 8中，单击菜单栏中的菜单项，将弹出对应的下拉菜单。下拉菜单包含了Dreamweaver 8的主要功能，通过鼠标选择菜单中的某个选项，Dreamweaver 8就执行相应的命令。Dreamweaver 8菜单选项有以下3种形式： （1）子菜单命令：该类命令的名称后面带有一个向右的小三角箭头，当鼠标移动到该类命令上时，就会打开一个子菜单。例如在“插入”菜单下的“媒体”菜单命令，如图1-10。 （2）开关命令：该命令在命令执行后，命令的左边会加上“”的选择标记。例如在“查看”菜单下的“设计”菜单命令，如图1-11。（3）对话框命令：该类命令的名称后面带有一个省略号，单击该类命令则会打开一个对话框。例如在“插入”菜单下的“表格”菜单命令，则会弹出如图1-12的对话框。 1.2.3文档工具栏 “文档”工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换：“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。“文档”工具栏的位置如图1-13所示。1.2.4 文档窗口文档窗口显示当前文档。可以选择下列任一视图：（1）设计视图：是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。（2）代码视图：是一个用于编写和编辑 HTML、JavaScript、服务器语言代码（如PHP或ColdFusion标记语言）以及任何其它类型代码的手工编码环境。 （3）代码和设计视图：可以在单个窗口中同时看到同一文档的代码视图和设计视图。当文档窗口有一个标题栏时，标题栏显示页面标题，并在括号中显示文件的路径和文件名。如果您做了更改但尚未保存，Dreamweaver 将在文件名后显示一个星号。1.2.5 状态栏文档窗口底部的状态栏显示的是正创建的文档有关的信息，如图1-14所示。（1） 标签选择器：标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击可以选择文档的整个正文。若要设置标签选择器中某个标签的class或 id 属性，请右键单击(Windows)或按住Control键并单击(Macintosh)该标签，然后从上下文菜单中选择一个类或ID。标签选择器是选择标签的首选方法，因为它可以确保您始终准确地选择标签。（2） 手形工具：可以用来单击文档并将其拖入“文档”窗口。（3） “缩放”工具和“设置缩放比率”： “缩放”工具和“设置缩放比率”弹出式菜单可以让您为文档设置缩放比率。（4） “窗口大小”弹出式菜单：该菜单仅在“设计”视图中可见。用来将“文档”窗口的大小调整到预定义或自定义的尺寸。“窗口大小”弹出式菜单的右侧是页面的文档大小和估计下载时间。1.2.6 插入面版插入面版包含用于创建和插入对象（如表格、层和图像）的按钮，如图1-15所示。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮的名称。这些按钮被组织到几个类别中，您可以在“插入”栏的左侧切换它们。当前文档包含服务器代码时，还会显示其它类别。当您启动Dreamweaver时，系统会打开您上次使用的类别。1.2.7 属性面版属性面版可以检查和编辑当前选定页面元素（如文本和插入的对象）的最常用属性。属性面版中的内容根据选定的元素会有所不同。例如，如果您选择页面上的一个图像，则属性面版将改为显示该图像的属性如图像的文件路径、图像的宽度和高度、图像周围的边框等，如图1-23所示。1.2.8 CSS样式面版使用CSS 样式面板可以跟踪影响当前所选页面元素的 CSS 规则和属性，如图1-24所示。使用CSS 样式面板顶部的切换按钮可以在两种模式之间切换。使用CSS 样式面板还可以在“所有”和“当前”模式下修改 CSS 属性。1.3 Dreamweaver 8的新增功能 Dreamweaver 8 包含了许多新增的功能，这些新增功能改善了软件的易用性，并使您无论处于设计环境还是编码环境都可以方便地制作页面。1.3.1 使用最佳做法（1）利用 XML 数据进行可视化创作：使用功能强大的可视化工具，可快速利用XML将源集成到工作中，并揭开 XML 到 HTML 转换的神秘面纱。（2）新的标准 CSS 面板：可以通过新的标准 CSS 面板集中学习、了解和使用以可视化方式应用于页面的 CSS 样式。（3）CSS 布局可视化：在设计时应用可视化助理来描画 CSS 布局边框或为 CSS 布局加上颜色。应用可视化助理可揭示出复杂的嵌套方案，并改善所选内容。（4）“样式呈现”工具栏：利用新的 CSS 媒体类型支持，可按照与用户所看到内容相同的方式查看内容，而不管传送机制如何。使用“样式呈现”工具栏可切换到“设计”视图，以查看它在印刷品、手持设备或屏幕上的显示方式。（5）改善的 CSS 呈现功能：“设计”视图的准确性有了显著改善，从而能够在大多数浏览器中呈现复杂的 CSS 布局。Dreamweaver 现在完全支持高级 CSS 技术，如溢出、伪元素和表单元素。 1.3.2 完成更多工作 利用经过优化的用户工作流程（缩短了完成常见任务所需的时间），可以在更短的时间内完成更多的工作。Dreamweaver 8 消除了完成一些繁琐操作的麻烦，因此您能够花费更多的时间来设计和开发出色的 Web 站点和应用程序。（1）后台文件传输：在 Dreamweaver 8 将文件上载到服务器时继续工作。（2）缩放：使用缩放可以更好地控制设计。放大并检查图像，或使用复杂的嵌套表格布局。缩小可预览页面的显示方式。（3）辅助线：使用辅助线来测量页面布局，将页面布局和页面模型加以比较，精度可达至像素级别。可视化反馈有助于准确地测量距离，并且支持智能靠齐。（4）“编码”工具栏：新的“编码”工具栏在“代码”视图一侧的沟槽栏中提供了用于常见编码功能的按钮。（5）代码折叠 通过隐藏和展开代码块，重点显示您想要查看的代码。1.3.3 与最新技术和标准集成Dreamweaver 8 支持学习和利用新的技术，其中包括 PHP 5、Flash 视频、ColdFusion MX 7 和 Macromedia Web Publishing System。（1）支持ColdFusion MX 7：更新的 ColdFusion MX 7 支持功能包括新的服务器行为和代码提示。为了将代码提示和调试功能与ColdFusion的正确版本相匹配，Dreamweaver将在第一次连接到站点时自动检测服务器版本。Dreamweaver与ColdFusion的紧密集成使您能够直接从“数据库”面板中添加和删除数据库，并查看当前站点中定义的ColdFusion专有组件。（2）支持PHP5：利用更新的PHP5 支持功能，其中包括服务器行为和代码提示。（3）Flash 视频：快速便捷地将Flash视频文件插入 Web 页。（4）通知和事件记录：跟踪在站点内进行的每项操作。Dreamweaver中的事件可通知Macromedia Web Publishing System 服务器，以便记录 WPS 系统中的所有Web 站点变更。1.4 Dreamweaver 8的快捷键同大多数设计软件一样，Dreamweaver 8也拥有辅助设计用的“快捷键”。快捷键的最大功能是简化操作步骤，熟练运用快捷键，可以大大提高工作效率。选择“编辑”菜单下的“快捷键”命令，可以看到如图1-25所示的图片。1.4.1 快捷键对话框快捷键管理器的各个选项功能如下：（1）当前设置：允许您选择 Dreamweaver 中提供的一组预定义快捷键或者任何一组您自定义的快捷键。预定义的快捷键组列在菜单的上方。例如，如果您很熟悉 HomeSite 或 BBEdit 中的快捷键，则可以通过选择相应的预定义组来使用这些快捷键。（2）命令：允许您选择要编辑的命令类别。例如，您可以编辑菜单命令（如“打开”命令）或代码编辑命令（如“平衡大括弧”）。（3）命令列表：显示与您从“命令”弹出菜单中选择的类别相关联的命令以及指定的快捷键。“菜单命令”类别将该列表显示为一个树状视图，该视图复制了菜单的结构。其它的类别在一个平面列表中按名称（如“退出应用程序”）顺序列出命令。（4）快捷键：显示分配给选定命令的全部快捷键。1.4.2添加快捷键添加快捷键的步骤如下：（1）从“命令”弹出菜单中选择一个命令类别。“命令”列表显示该类别中的命令，若选择文件类别，将显示文件类别的相关快捷键，如图1-26所示。（2）在“命令”列表中选择一个命令。分配给该命令的快捷键显示在“快捷键”文本框中，若选择打开命令，则将显示打开命令相应的快捷键，如图1-27所示。1.4.3 编辑快捷键编辑快捷键的步骤如下：（1）从“命令”弹出菜单中选择一个命令类别。 “命令”列表显示该类别中的命令。（2）在“命令”列表中选择一个命令。分配给该命令的快捷键显示在“快捷键”文本框中。（3）选择要更改的快捷键，如图1-29所示。（4）在“按键”文本框中单击，然后输入一个新的键组合，如图1-30所示。（5）单击“更改”按钮以更改该快捷键。 1.4.4删除快捷键删除快捷键的步骤如下：（1）从“命令”弹出菜单中选择一个命令类别。“命令”列表显示该类别中的命令。（2）在“命令”列表中选择一个命令。分配给该命令的快捷键显示在“快捷键”文本框中。（3）选择一个快捷键。 （4）单击“删除项 (-)”按钮。1.5 使用Dreamweaver 8的帮助 当我们在学习的过程出现问题难以解决时，一个最好的办法就是使用Dreamweaver 8的在线帮助，下面我们介绍使用的在线帮助的方法。1.5.1打开帮助系统选择“帮助”菜单下的“Dreamweaver帮助”，就可以打开Dreamweaver 8帮助系统，如图1-31所示。也可以直接按下F1键打开帮助系统。1.5.2使用帮助使用帮助系统查找所需要的信息可以按以下方法进行：1、若要搜索产品中的帮助 (Windows)，请执行以下操作：（1）在 Dreamweaver 帮助中，单击“搜索”选项卡。 （2）在文本框中键入一个单词或短语，然
- 温馨提示:
1: 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
人人文库网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
|
2:不支持迅雷下载,请使用浏览器下载
3:不支持QQ浏览器下载,请用其他浏览器
4:下载后的文档和图纸-无水印
5:文档经过压缩，下载后原文更清晰
|
川公网安备: 51019002004831号