DreamWeaver常用法简介(课件).pptxVIP

DreamWeaver 简介;1. DreamWeaver 概况介绍 2. 各项功能介绍a.整体主菜单简介b.各部分菜单简介 3. 以制作一网站为范例简介 4. 需要注意的一些细节问题;DreamWeaver 概况介绍;Fireworks 或其它图形应用程序中建立和编辑影 像,然后将它们直接汇入到 Dreamweaver，或新 增 Macromedia Flash 对象，来简化开发工作流 程。 Dreamweaver 也提供了功能完整的程序代码 撰写环境,包括程序代码编辑工具 (如程序代码色彩 标示和标签完成) 以及 HTML ，阶层式样式表 (CSS)JavaScript,ColdFusion 标记语言(CFML) , Microsoft Active Server Pages (ASP) 以及 Java Server Pages (JSP) 的参考数据。Macromedia Roundtrip HTML 技术不需要重新格式化程序 码, 就可以汇入您手动撰写的 HTML 文件， ;然后您可以使用偏好的格式样式来重新格式化程 式码。 Dreamweaver 也能使用如 CFML、ASP.NET、 ASP、JSP 和 PHP 等服务器技术，建立动态支持 数据库的网络应用程序。 Dreamweaver 可以完全自订。您可以根据个 人喜好建立自己的对象和命令, 修改快速键,甚至 撰写JavaScript用新的行为, 属性检测器和网站报 告来扩充 Dreamweaver 功能。 ;操作界面;图，和当前网站中的文件列表。一般来说，在 建设一网站前 , 应先建立好站点，再开始制作网页,这样可以保证页面内文件链接的正确性。 ;DreamWeaver 制作基础;二、文字的编辑 可以直接在网页中输入文字，可以在【Text】下设置文字的格式，如字体、字号、颜色、粗体、斜体，段落居左、居中及居右，添加项目符号及 编号等。此外，还可以利用HTML样式和CSS样 式表对文字进行页面的统一格式设置。 也可以通过属性面板来更改文字的大小、颜 色、字体等。;三、插入图像 在网页中插入一幅图片时，图片文件必 须位于当前站点中。 在对象面板中选择插入图片图标或者通过菜单中的“插入”“图片”，此时系统将打 开“选择图像源文件”对话框。找到需要插入的图片文件，选择“Select”,确定。 Dreamwaver支持常用的网页图片格式有 扩展名为“GIF”、“JPG”、“JPEG”、“PNG” 的图形文件。;四、插入鼠标变换图片 该图片对象的特点是当鼠标经过该图片时,图片内容会自动更新。实际上，它是由两幅图 片组成的，一幅为主图片，显示在页面中；一 幅为滚动图片，当鼠标经过图片所在区域时显 示。单击对象面板中的图标，或者选择【插入】菜单的“影像对象”子菜单中的“鼠标变换影像”命令可实现该操作。;五、创建图片热点 在插入的图片上，可以是交换式图片， 可以把图片分为若干个区域，每个区被称 为“热点”，可以为每个热点指定相关的链 接。当单击某个热点时，系统显示相关的 网页。当绘制完热区后，属性面板会显示 热区的属性。 还可以调整热点区尺寸。 ; 六、插入水平线 在对象面板中选择按钮，在页面中点击，画 面会自动生成一条水平线，在水平线上单击, 可 以设置水平线的宽度、高度、对齐方式、是否 有阴影等参数。 七、插入邮件链接 创建邮件链接的作用是当浏览者点击该链接 时，系统将自动启动计算机中的邮件发送程序。 ;八、插入日期 在对象面板中选择按钮，在页面中点击， 会弹出对话框，可以设置日期格式、星期 格式、时间格式，点击“OK”，就会在页面 中自动加上时间。 九、插入Flash对象 1．插入Flash影片 2． 3． ;十、表格的应用 1．插入表格 2．表格属性面板 表格属性面板中的设置项对整个表格起 作用，如果想对表中的某一行单独设置， 首先选中表的某一行，再利用单元格属性 面板进行设置。 3．表格的选取 4．添加表格内容 5．单元格的合并与拆分;十一、 层的应用 层是网页中的一种容器，它可定位在页 面上的任意位置，并且其中可包含文本、 图像、表单等所有可直接用于文档的元素。 1．创建层 2．层的大小调整 3．层的移动 4．层的属性面板 5．层控制面板 6．层的动态效果 ;十二、框架的应用 创建普通框架集 利用框架属性面板来设置该框架是否要 边线以及边线的颜色、边线宽度、框架的 名称和框架中所要显示的源文件。 可以查看框架集的文件的源代码，这里 面只保存了框架信息和它所对应的源文件。;十三、行为面板的使用 通过行为面板可以在网页上制作出一些 简单的交互效果。行为由两个部分组成， 即事件和动作，通过事件的响应执行对应 的动作。 事件是用于指明执行某项动作的条件， 动作实际