网页制作：图像插入与属性设置详解

网页制作第5单元主要关注图像的使用和管理，这是网页设计中不可或缺的一部分。本单元的课程目标包括以下几个关键知识点： 1. 插入图像及设置属性： - 学习如何在Dreamweaver中通过工具栏的【图像】按钮或【插入】菜单轻松插入图像，可以选择本地文件或者直接拖拽。常用的图像格式有jpg、gif、png等。 - 插入后，Dreamweaver会自动生成HTML代码引用图像，例如`<img src="images/IMG001.JPG"/>`。注意图像文件需放在站点文件夹内，否则需将其复制以便在上传后能正常显示。 - 设置图像属性包括尺寸（保持原始尺寸以避免变形）、边距、源文件名、替换文字（用于替代未加载的图像）、低解析度源（加载低质量图片后再切换到高清）、影像地图的命名以及CSS类的关联。 2. 图像属性管理： - 属性面板允许调整图像的宽度、高度，以及与周围元素的间距。建议在插入前使用专业图像编辑软件处理图像，避免尺寸改变导致的视觉问题。 - 替换功能用于在图像无法加载时显示预设的文字，提供用户体验提示。在IE浏览器中，鼠标悬停时会显示替换文字。 3. 轮换图像与导航条制作： - 本部分可能涉及动态效果，如制作轮播图，展示多个图像的切换，增强网页交互性。 - 导航条的设计也是关键，它帮助用户在页面间快速跳转，可能涉及到CSS样式和JavaScript控制。 4. 图片相册的创建： - 学习如何组织和展示多张相关图像，可能涉及到图片集合的管理和布局，常配合JavaScript或jQuery实现滑动或缩略图模式。 整个单元强调了实践中对图像处理的重视，从基本操作到高级功能的运用，都需要学生掌握，以提升网页的视觉效果和用户体验。理论学习与实践操作相结合，总计8个学时，确保学生能够扎实地掌握这些图像相关的技能。