《实验一dreamweaver cs5网页制作基础》由会员分享,可在线阅读,更多相关《实验一dreamweaver cs5网页制作基础(2页珍藏版)》请在金锄头文库上搜索。
实验一 Dreamweaver CS5网页制作基础一、 实验目的1、熟悉Dreamweaver CS5界面。2、掌握站点创建。3、了解CSS。4、能够创建图文并茂的简单网页。二、实验内容(一)、根据网站结构图创建“乐山乐水”旅游网站站点。网站根目录首页imagesflashmusic其他网页图1 网站结构图提示:网站根目录名为lstravel,首页文件名为index.html。请正确新建文件夹和文件。可参考教材P17-19。(二)、制作“乐山旅游地图”网页(文件名为travelmap.html),效果图如下。图2 “乐山旅游地图”网页效果图操作提示:1、 基于已建立的站点lstravel新建旅游地图网页travelmap.html,将所需图片素材放入images文件夹中。2、 文字内容请从所提供的文件中拷贝。3、 设置文本与图片map.jpg之间的排列间隔。4、 使用CSS对水平线、段落和列表等信息进行风格控制。(1) 水平线效果如图3。图3 水平线效果(2) 段落间有一定的间隔,如图4 所示。图4 段落设置效果(3) 列表设置如图5,利用CSS使用箭头图片map_arrow.gif标识。图5 列表设置效果5、 可参考教材P21-38。