Dreamweaver第二讲:创建动态网页,文本与图像的运用教程

需积分: 9 1 下载量 29 浏览量 更新于2024-08-02 收藏 3.14MB DOC 举报
在Dreamweaver第二讲中,主要讲解了如何创建一个简单的静态网页,并重点介绍了网页文本及图像的运用。文本和图像作为网页内容的关键元素,它们的结合能够提升网页的吸引力和信息传递效率。课程以实际操作的形式展开,首先,学生被引导在“我的大学”站点中新建一个名为“synery.htm”的网页,并在编辑区中编写文本“美丽的校园”。 在文本操作部分,学员学习了如何设置文本的样式,包括调整大小(24像素,粗体),字体选择(宋体),以及居中对齐。此外,还展示了如何通过“文本”菜单的子菜单进行更深层次的格式设置,并且通过添加新字体“宋体”来个性化文本呈现。 接着,课程指导用户插入图像,如“school.jpg”,并设置了图像的属性,如宽度(450像素)、高度(300像素)和居中对齐。重要的是,学生被教导了替换文本的使用,即当图像无法显示时提供文字提示,以及鼠标悬停时的说明框功能,以增强用户体验。 此外,鼠标经过图像( rollover images)也被提及,这是网络设计中的一个常见元素,它会在用户将鼠标移动到图像上时显示不同的视觉效果或文本,增加交互性和趣味性。 课程最后强调了确保图像文件在站点的“pic”文件夹中,以便正确链接和显示。通过一步步的实际操作和理论结合,学生能够掌握在Dreamweaver中创建包含丰富文本和图像的静态网页的基本技能。完成所有步骤后,学生可以通过F12查看键检查网页的最终效果,以便于实时反馈和优化设计。