dw实训.docVIP

计算机技术与软件工程学院 《网站建设》实训报告 一、实训目的 1.学会建站点，在站点里面新建文件和文件夹，将所有的素材统一放在站点里面； 2.了解dw的主要功能以及学会用dw制作网页； 3.熟练掌握静态网页的设计与制造过程； 4.了解并逐步运用网页设计中的标识（logo）视觉设计色彩设计 版式构成等网页整体建设技术和方法； 5.练习在网站建设中使用其他的多媒体软件，例如：flash、ps 6.编制网站建设说明书与课程设计总结; 7.培养文献查询能力 实习方案设计能力自助实验能力实习报告撰写能力; 二、实训准备 全面复习DreamWeaver网页制作技术: 1、网页制作基本技术（网页创建与文字输入.文字属性设置. 文字排 方法.图片的插入与设置.文字与图片混排.动画与摄像的使用等） 2、站点的建设和管理 3、表格的使用（表格的插入与设置.表格模板 .使用表格技术制作导航条等） 4、div元素的使用 5、css样式的使用，css样式的选择与属性 三、实训要求 建立一个杨乐乐的官网的静态网页，网页的最上面是一个flash动画，接下来就是一个就是网页的一个导航条，包括的版块有首页、我是乐乐、乐乐靓影、扬言乐事、乐在其中。乐乐影音、乐迷寄语、进入论坛，要求版块的图像必须是鼠标经过的图像，这样当鼠标放在版块上就有被选中的感觉，网页中的字体必须是统一的大小和样式 四、实训内容（步骤及程序） 步骤：1、插入一个一行一列的表格，表框粗细为0，单元格边距为0，单元格间距也为0，在一行一列的表格中插入动画top1.swf的动画，将表格的宽度设置为flash的宽度1002，对齐方式采用居中。 object id=FlashID classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=1002 height=211 param name=movie value=image/top1.swf / param name=quality value=high / param name=wmode value=opaque / param name=swfversion value= / !-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -- param name=expressinstall value=Scripts/expressInstall.swf / !-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -- !--[if !IE]-- object type=application/x-shockwave-flash data=image/top1.swf width=1002 height=211 !--![endif]-- param name=quality value=high / param name=wmode value=opaque / param name=swfversion value= / param name=expressinstall value=Scripts/expressInstall.swf / !-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -- div h4此页面上的内容需要较新版本的 Adobe Flash Player。/h4 pa href=/go/getflashplayerimg src=/images/shared/download_buttons/get_flash_player.gif alt=获取 Adobe Flash Player width=112 height=33 //a/p /div !--[if !IE]-- /object !--![endif]-- /object 2、插入表格一行三列，宽度也是1002，将一行三列的表格的cellspacing=0,cellpadding=0,一行三列的表格最左边的一列插入图片index_02.jpg，右边一列的表格中插入index_04.jpg table width=1002 border=0 align=center cellpaddin