第5章制作文本、图像网页.pptVIP

教学目标：掌握网页文档的基本操作，掌握在网页中插入和编辑文本、图像，掌握用图像制作一些特效，掌握超级链接的创建和页面属性的设置。 重点和难点： 1．Dreamweaver CS3网页文档的基本操作 2．插入和编辑文本 3．插入和编辑图像 4．使用图像制作特效 5．超级链接的创建 6．页面属性的设置 本章主要内容 5.1 文档的操作 5.2 插入和编辑文本 5.3 插入和编辑图像 5.4 创建超级链接 5.5 设置页面属性 5.6综合实训 5.7 小结 5.1 文档的操作 网页的基本制作过程： 创建空白网页 编辑网页 保存网页 5.1.1创建空白网页 要创建一个空白的网页，可以按照如下三种方法进行操作。 方法一：在起始页中单击【新建】中的链接，即可创建相应的空白文档。 方法二：单击【文件】|【新建】选项，或直接使用快捷键Ctrl+N 方法三：使用工具栏按钮 5.1.2 文件类型 （1）空白页：选择此类型，可以创建标准的HTML文档、HTML模板、Dreamweaver 的库项目、CSS文档、JavaScript文档、XML文档和动作脚本等。 （2）空模板：选择此类型，可以创建ASP、JSP等类型的模板文档。其中HTML模板也包括在空白页之中。 （3）模板中的页：选择此类型，出现站点项。只有在建立站点后，才有显示。 （4）示例中的页：选择此类型，可以创建CSS样式表、框架集等。 （5）其他：选择此类型，可以创建其他类型的各种文档，如ActionScript远程文件、C#文件、EDML文件、Java文件、TLD文件、VB文件、VB Script文件、WML文件和文本文件等。 5.1.3 保存网页 情况一：使用“保存”命令(三种方法) 情况二：如果未保存修改过的文件，执行关闭软件退出、预览等操作，Dreamweaver将提示是否保存文件。选择【是】则弹出【另存为】对话框；选择【否】则直接退出，不对文件进行任何保存；单击【取消】则重新回到文档窗口。 5.1.4 打开网页 1．在站点窗口中打开文档 在站点窗口中找到要打开的网页，双击文件名即可打开。 2．使用“打开”命令(三种方法) 5.2 插入和编辑文本 注意事项： 在插入前，请将光标移到要插入位置； 在编辑前，请先选定编辑对象。 5.2.2 插入其它文本 1．加入特殊字符： 方法1：单击【插入】栏中【文本】选项； 方法2：使用“插入记录”菜单中的“HTML”子菜单。 2．加入批注文字：批注文字是文档中的注释内容，它本身并不属于在页面中插入的内容，它只是为了设计者在编写HTML代码的时候便于理解和分析，在语句后面加入的一些提示信息。这些注释的文本只是起到一种辅助，它不会出现在最终的浏览器窗口中。 方法1：选择【插入记录】|【注释】命令 方法2：单击插入工具栏【常用】选项中的【注释】按钮。 3．插入日期 方法1：在【插入】工具栏的【常用】选项中 方法2：选择【插入记录】|【日期】命令 修改日期 4．插入水平线： 方法：选择【插入记录】|【HTML】|【水平线】命令 设置属性（和P12表1－1对比） 5.2.3 文本编辑 1．文本的【属性】面板 选中文档编辑中的文本，即可得到文本【属性】面板。 几乎所有的对文本属性的设置都可以通过文本【属性】面板进行设置。 相关属性说明 常用操作 撤销与重做 查找与替换 5.3 插入和编辑图像 常用图像文件的格式： .jpg、.png、.gif 5.3.1 插入图像 1．插入普通图像 方法1：单击菜单栏【插入记录】|【图像】选项或是按下Ctrl+Alt+I组合键 方法2：使用插入工具栏 方法3：直接拖动 注意：辅助功能的开和关(使用“首选参数”) 2．插入背景图像 方法1：单击【修改】|【页面属性】命令 方法2：单击属性面板的【页面属性】按钮，弹出【页面属性】设置窗口。 5.3.2创建图像的特殊效果 1．创建鼠标经过图像 开始前，先选用一对或多对图像用于制作鼠标经过图像。鼠标经过图像中的这两个图像应大小相等；如果这两个图像大小不同，将自动调整第二个图像的大小以匹配第一个图像的属性。 方法：使用 【插入记录】菜单或插入工具栏按钮 2．插入导航条 网页上的导航条可以由一个或者几个元件组成，每个元件均由各种图像构成，可以链接到不同的网页页面。一个网站的不同页面可以使用同一条导航条，不仅可以实现网站风格的统一，同时也方便了浏览者在不同页面间的跳转。 在Dreamweaver中，导航条存在4种状态，分别为：状态图像、鼠标经过图像、按下图像和按下时鼠标经过图像。一般情况下，每个元件不要超过2种图像，否则影响访问速度。 制作方法 ：使用 【插入记录】菜单或插入工具栏按钮 5.3.3 编辑图像 1．设置图像大小 所谓图像大小的设置，是