第六讲 基本图文网页的制作_1.pptVIP

（3）单击【确定】按钮，如果图像文件在站点外面，就会弹出一个对话框，如图所示。 （4）单击【确定】按钮，图像就能插入到网页中并将其复制到站点的根目录下。 （5）打开【图像标签辅助功能属性】对话框，如图所示，在此对话框的【替换文本】下拉列表框中可以替换替代图片的文字。 5.4.2 设置图像属性 选中插入的图像，可以在【属性】面板中查看该图像的属性，如图所示。 下面介绍【属性】面板中各个参数的含义： 文本框：用于设置图像的名称，以便在应用行为、编辑脚 本时引用，如制作交换图像、导航条时使用。 宽和高：用于设置图像在当前文档中的大小。 源文件：显示插入的图像所在的位置，通过它可以将当前 的图像更换成其他图像。单击其右边的图标更换图像。 替换：设置当鼠标放到图像时的提示文字，如图所示。 类：在类右边的下拉列表中存放的是图像样式，可以选择需要的样式应用于当前的图像，现在该下拉列表中没有任何东西，但在学习CSS样式后，它的作用就很明显的体现出来了。 链接：是将当前图像与其他位置的内容链接，实现页面的跳转。其下方的目标是对链接内容的打开方式的设定。 编辑：单击【编辑】按钮，启动Fireworks程序，在Fireworks窗口中对当前的图像进行编辑。编辑完毕后，单击Fireworks中的【完成】按钮，将保存所做的修改并应用到Dreamweaver 8的当前图像中，通过该功能可使图像快速得到修改。 使用Fireworks最优化：单击【使用Fireworks最优化】图标，利用Fireworks对图像进行最优化处理。 剪裁：用于剪裁当前的图像。单击【剪裁】图标后，图像上出现剪裁的选取框，如图所示。 中间亮的部分是需要保留的区域，四周较暗的部分是要裁掉的部分。用鼠标指针拖动四周的控制点调整剪裁范围，调整好后在图片上双击即可完成裁剪。 亮度与对比度：调整图像的明暗度与对比度，单击【亮度/对比度】图标，打开【亮度/对比度】对话框。在亮度项中拖动滑块即可调整图像的明暗度，滑块越向右图片越亮；在对比度项中拖动滑块即可调整图像的对比度，滑块越向右对比度越强，如图所示。 * 第5章 基本图文网页的制作 【本章导读】 本章介绍如何制作基本的图文网页：主要内容包括如何新建网页并设置其属性；如何制作文本网页和图像网页；如何创建多种类型的超链接等。 【本章要点】 新建网页 设置网页属性 制作文本、图像页面 创建不同类型的超链接 5.1新建网页 5.2设置页面属性 5.3制作文本页面 5.4制作图像页面 5.5创建链接 本章小结 5.1 新 建 网 页 5.1.1 网页与首页的区别 用户在浏览器上输入网址后，即打开一个页面，很多人认为在浏览器上的页面是Home Page，其实如果根据严格定义划分，我们所看到的只不过是某一个网页而已。 所谓的Home Page，是指由网址进入时看到的第一个页面，称为“首页”。在首页上通常会将所有的信息清楚的整理在这个页面上，其目的就是为了让浏览者在使用这个网页时可以快速链接到所需的资料，由首页所延伸下去的页面就是一个个的子页面了。 5.1.2 常规文档 在Dreamweaver 8编辑窗口中选择菜单命令【文件】【新建】，此时将打开【新建文档】的对话框，如图所示。 【新建文档】包括了2个选项卡：【常规】和【模板】。【常规】中提供常用的网页类型以供选择；【模板】中显示的是设计者自己制作的模板。 首先选择【常规】选项卡，此时左侧【类别】列表框中列出了常见的文件类型，主要包括了7种类型： （1）基本页：基本页包含了创建静态网页所涉及的一些文件类型，如HTML、HTML模板、库项目、CSS、JavaScript、XML等； （2）动态页：动态页包含了创建动态网页相关的文件类型，包括ASP JavaScript、ASP VBScript、ASP.NET C#、ASP.NET VB、ColdFusion、ColdFusion组件、JSP、PHP等各种动态网页相关文件类型，如图所示； （3）模板页：该项提供了各种模板相关文件类型，具体如图所示； （4）其他：在该项中提供了各种编程脚本、源代码相关文件类型，在这里用户完全可以在Dreamweaver 8中编写各种程序代码，如图所示； （5）CSS样式表：该项提供已经建好的CSS样式或样式表，这样就可以一次性设定好网页中涉及的所有样式，大大减少了用户的工作量，如图所示； （6）框架集：该项提供的各种框架如图所示； （7）页面设计：在左侧的列表中，与页面设计相关的有3项，分别为“页面设计（CSS）”、“入门页面”、“页面设计（有辅助功能的）”，它们预设了外观网页，制作者只需修改内容就可以轻松创建出网页来。每选中一项页面设计，就有不同的页面子类可以预览，如图所示。 5.1.3 模板文件 选择模板选项