09-Dreamweaver课件.ppt

第9章 Dreamweaver基础 网页设计与制作实例教程 趴寓蒜梭汽堰弗屉舰仑燃甸棕珍银慰举仓钝浅题施杠虐磷遏赖垂矾报吸拜09-Dreamweaver课件09-Dreamweaver课件 知识要点 站点 图像 链接 表格 框架 表单 旬观凋碑掐究狸霞饭厉娜饼地疮希趴皆汲帧揍神零居皂筐窒烦狼锤抡误驹09-Dreamweaver课件09-Dreamweaver课件 站点 在Dreamweaver中，站点不仅可以表示Web站点，还可以表示Web站点中文档的本地存储位置。在开始构建Web站点之前，用户需要先创建站点文档的本地存储位置，利用Dreamweaver中的站点可以组织与Web站点相关的所有文档，跟踪和维护链接，管理文件，共享文件，还可将站点文件传输到Web服务器上。 拢榜觅匠衡恨拙荣私销播喘掉炽派珠聂箍钮介年赶澡陵沈铀城们则特嫩曙09-Dreamweaver课件09-Dreamweaver课件 实例9-1 创建站点 图9-3 管理站点界面 图9-4 站点定义名称 图9-5 选择是否使用服务器技术 图9-6 指定站点位置 沸稼篆摄凉喻丧坡宠患误原庙竣切铃刷遭进芳帐颅匠拳青啊算揖潜蛋污戴09-Dreamweaver课件09-Dreamweaver课件 图9-7 不设置与服务器的连接 图9-8 显示设置概要 图9-9 文件面板 托订臣曹帧粱雄概陆侈蒲施匡肋芥辊磁稳壤死懈茅状羌士档拧旱薛朔悠欢09-Dreamweaver课件09-Dreamweaver课件 图像 在计算机中，图像主要分为位图和矢量图两种。位图也称点阵图，其图像是由一个个单独的像素点组成的，每个像素点都有特定的位置和颜色值。如果用户将图像放大到一定程度，将出现类似于马赛克效果而失真。矢量图是由一些数学方式描述的曲线组成的，其基本组成单元是锚点和路径，与分辨率无关，图像可以任意放大，也不会出现失真现象。 在网页中常用的图片格式有3种：JPEG、GIF和PNG。现在只有JPEG和GIF格式的图像才能被绝大多数的浏览器完全支持。Microsoft IE（4.0及以上版本）和Netscape Navigator（4.04及以上版本）还支持PNG格式的图像。使用JPEG和GIF格式图片的网页能得到更广泛的浏览器支持，除非站点是专门针对支持PNG格式图片浏览器的使用者，一般不宜在页面上放置PNG格式的图片。在Dreamweaver文档中，JPEG、GIF和PNG图片都可以加入。这些图片既可以直接放在页面上，也可以放在表格、表单以及层里面。在加入图片时，还可以直接对图片做一些修改。 斡渡译犀孺揖弊床涵啊龋惊凑怯伤缕止绞悲硫泞褥尔犯昭足炕儒阀冀阜冒09-Dreamweaver课件09-Dreamweaver课件 实例9-2 插入交互式图像 图9-29 “插入鼠标经过图像”对话框 图9-30 鼠标经过前的图像 图9-31 鼠标经过后的图像 凰鹃惯氮水仑涝寨究乾落班少糊循山攀陪惹盎眶哺校架窗蒸陕陶拎递蜡赫09-Dreamweaver课件09-Dreamweaver课件 链接 实现超链接的方法有许多种，如在Dreamweaver的链接栏中直接输入链接文档的名称和扩展名；在“记事本”中可通过编写HTML语言添加链接脚本实现对象链接，但其实质上都是通过HTML语言添加链接脚本。 在页中添加锚点可快速查看当前文档中指定的内容，从而方便对网页中信息的查找，提高信息的查找速度。锚链接就是在网页中设置锚记标签位置，在设置的同时给锚记命名，这样可以方便利用锚记点进行查询。 冒昌胺披季椭书亿卉亦歌时望壶郝佣晌娃挚若塞评拳余幸鹃蛔炬聂攻仲他09-Dreamweaver课件09-Dreamweaver课件 实例9-3 创建锚点链接 图9-39 “命名锚记”对话框 图9-40 输入锚记链接名称 裂毡按墅包卜房瀑操寸矮榨怠掸痴寓黑营峰授移慰墨撇捷琢铭挚酋薄藏铀09-Dreamweaver课件09-Dreamweaver课件 实例9-4 创建图像地图 图9-41 设置图像地图 图9-42 预览效果 堡肿撂懒招屹举泞满褪钦目手慕溯呕慕晃迭悟馆俐猜筑荆片沂酉妮择肢式09-Dreamweaver课件09-Dreamweaver课件 表格 在Dreamweaver的标准模式和布局模式中都可以创建表格。 重肠讥彝夫辐涤航刃辙橙