(Dreamweaver网页制作.pptVIP

Dreamweaver 网页制作 序 言 初识Dreamweaver Dreamweaver系统配置 Dreamweaver的功能和特点 软件界面介绍 初识Dreamweaver 　Dreamweaver是Macromedia公司开发的一款功能十分强大的专业的网页制作工具． 　它和另外两个产品Ｆｌａｓｈ（动画制作工具）、Ｆｉｒｅｗｏｒｋｓ（图像编辑工具）一起被称为“网页三剑客”． 　Dreamweave字面意思为“梦幻编织”，这一软件有着不断变化的丰富内涵和经久不衰的设计思维，它能充分展现你的创意，实现你的想法，锻炼你的能力，使你成为真正的网页设计大师。 Dreamweaver系统配置 CPU:奔腾266以上； 内存：64MB以上； 硬盘空间：700M以上； 声卡：Direct Sound兼容； 显卡：Direct 3D兼容； 光驱、键盘、鼠标、Internet功能。 Dreamweaver的功能和特点 “所见即所得” 不生成冗余代码 强大的动态页面支持 优秀的网站管理功能 便于扩展 网页制作基础知识 HTML 　　　Hypertext Markup Language 　　　超文本标记语言 　　　用记事本程序可以打开它 网页的组成元素 　　　文本 　　　图像 　　　动画 　　　音乐等 网页常见部分的称谓及规范 　　　ＬＯＧＯ：网站的“商标”，一般位于左上角，尺寸控制在１６０＊６０ｐｘ　　　　　　　　　　 　　　　之内 　　　ＢＡＮＮＥＲ：用作宣传网页内容，也称为广告条，一般在ＬＯＧＯ的右 　　　　 侧，标准大小为４６８*６０ｐｘ，通常为动画效果，．ＧＩＦ　　 或．ＳＷＦ 　　　导航栏：有效的指向标志 　　　按钮：实际上是一种超级链接 　　　超级链接：网站内部页面、对象的链接 　　　版权信息：一般位于网页的最底部，起版权申明作用 网页制作的软件 图像处理软件 　Ｆｉｒｅｗｏｒｋｓ 　Ｐｈｏｔｏｓｈｏｐ等 动画制作软件 　Ｆｌａｓｈ等 网页布局软件 　Ｄｒｅａｍｗｅａｖｅｒ 　Ｆｒｏｎｔｐａｇｅ等 软件界面介绍 在安装Dreamweaver 之后，它会自动在Windows的“开始”菜单中创建程序组，打开“开始”菜单． 选择“程序 -Macromedia -＞Dreamweaver”命令，便可启动Dreamweaver． 我们接下来看一下它的界面： 上面是标题栏，显示出被编辑页面的标题，在括号内显示出文档所在目录及文件名，如果有星号出现则表示页面中没保存的改动。 标题栏下面是菜单，里面列有软件的功能列表，这与其它软件没什么两样。 中间这一大块空白地方是编辑区，我们就在这里制作网页。 窗口最下面由三部分组成，从左向右分别为标签选择器（tag selector）、页面信息和快速启动栏。最左面的是标签选择器，可以用来显示光标所在位置或所选对象的层次结构，在页面中选定某个对象后，标签选择器中会将选择的标签加粗显示，比如我们选中一个图形，则img字样会被加粗标签选择器的用途很大，以后我们会经常使用。 　 　　　　　　　　 　　　　　　　　标签选择器　 　　　　　　　　　　　　　　　　 　　　　　 　 　　　　　　显示和控制窗口的大小 底栏中间是一些页面信息，第一项800×600，用于显示和控制文档窗口的大小，单击旁边的小箭头，可以从列表中选择窗口的尺寸（图4）。 　　第二项7K/2sec，用于显示和估计文档的大小及下载这个页面所需时间，包括所有与其相链接的图片及Shockware电影。 　　底栏最右侧的一排按钮叫迷你发射器（Mini-Launcher）（图5），其实就是打开常用窗口快捷工具栏，比如Site（站点管理器）、Library（库管理）、CSS Styles（样式编辑器）、Html Source（源代码编辑器）等窗口。 假设我们要调出HTML源代码编辑器，可以在发射器上点最后一个按钮，也可以按下F10键。 按下Shift+F4，可以看到迷你发射器放大的样子，叫做“Launcher”面板，点击这里弹出相应的窗口，我们以后会经常用到。 　　DreamWeaver窗口中还有多个面板，这些浮动面板中有一些常用功能的快捷方式，和PhotoShop很象，不要被这些面板吓倒，真正用起来还是很方便的。 　　这是对象面板（即Object面板），如果页面上看不到，可以按下Ctrl+F2键将其调出（图6）。这个面板里集成了“Insert”主菜单中的命令，用于在网页中插入图形、表格等内容。现在看到的是“普通面板”，单击面板上部“Common”旁的小三角，弹出一个菜单，可以切换到其它对象面板中，比如选择“Frames”，就切换到框架面板中，里面提供了创建框架的快捷按钮。 这些图标都很直观，相信你一眼就能看出来它是