学号_姓名_网站建设实验报告

《学号_姓名_网站建设实验报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、姓名某某某学号12345678组员实验名称实验1站点搭建与设计文本网页—>实验目的1.了解网站的概念、网站的类型，知道网站元素种类和网站构件；2.能区分动态网页和动态网页、网站首页和浏览器首页；3.初步了解HTML标记的特征;4.了解Dreamweaver窗口组成5.会创建木地站点；6.会创建基木文木网页二、实验仪器与器材装有WindowsXP系统的PC机，安装有DreamweaverCS4>PhotoshopCS4>FlashCS4等软件。三、实验原理站点的建立便于管理和使用站点中的资源。在网页中使用文木有多种方法。除文字外，还可以插入日期

2、、版权符号、特殊符号等。网页文件木质上是纯文木文件。四、实验过程与测试数据1.创建木地站点1）在d盘根目录下建立以你的学号姓名命名的文件夹，如“201012345678刘兆辉”；2）启动Dreamweaver,通过站点菜单创建一个木地站点，站点名称为“DW学习”，站点根目录为步骤1）中建立的文件夹；2.创建基木文木网页1）利用资料管理器或Dreamweaver,把实验1素材中的文件复制到站点根目录下；2）编辑ch05_5.4文件夹下的index.htm文件，在右边空白表格单元格中输入公司简介的文字，可以用记事木打开“公司简介・txt”文件，把

3、内容复制过去；3）通过属性面板设置字体、字号、颜色等格式；4）设置段落缩进、对齐格式；3.插入其它元件通过插入菜单，练习输入水平线、项目列表、编号列表，插入空格、日期、版权等版木号；4.练习使用记事木制作一个简单的网页。五、实验分析总结（实验体会，实验出现的问题、解决的办法等）姓名某某某学号12345678组员实验名称实验2在网页中使用多媒体元素—＞实验目的1、了解常用网络图像格式（JPG、GIF、PNG）的特点，学会DW中插入图像占位符、图像、设置图像属性、实现图文混排；在DW中或第三方软件中编辑图像。2、初步了解图像切片（Imagerea

4、dy）、GIF图像（Imageready）格式。3、插入鼠标经过图像，初步了解超链接。4、学会设置背景咅乐和嵌入式咅频、视频。5、插入Flash、Flash视频（FLV）、Flash按钮和Flash文本，设置它们的属性,Flash透明参数设置。二、实验仪器与器材装有WindowsXP系统的PC机，安装有DreamweaverCS4＞PhotoshopCS4＞FlashCS4等软件。三、实验原理浏览器作为网页解析器，可以根据网页中指定的源文件和属性止确地显示各种多媒体元素。插入多媒体元素，可以在设计视图下，也可以在代码视图中。四、实验过程与测试

5、数据1.建立站点，把实验2素材中文件复制到站点根目录下。2.打开站点中index.htm文件。3.插入背景咅频：把car.mp3作为网页背景咅乐插入，播放1次。方法1：插入〉标签：HTML标签f页元素-^bgsound,再进行相应设置；方法2：在＜body＞Jw输入代码：＜bgsoundsrc=nimages/ca匚mp3”loop="14.插入Flash：swf插入一个层（插入＞布局对象：层），然后将它移动到Banner右边洋葱和馒头处；在该层中插入Flash“light.swf”，调整层和Flash到合适的大小，在属性面板中设置Flash

6、背景透明（参数：wmode值：tnmsparent）。说明：Flash影片可以放在页面的任何位置，不一定放在层中，木例为了叠加的需要才这样设计。5.插入图像：在企业简介内容的第2段左边插入bird.gif图像，设置图像左对齐属性。6.插入鼠标经过图像：在企业简介内容的最后一段右边插插入鼠标经过图像：girll.gif和girl2.gifo方法：插入〉交互式图像〉鼠标经过图像，进行和应的设置；在属性面板中设置图像左对齐。7.嵌入声咅和视频：打开wma.htm文件进行编辑，在表格的第3行嵌入声咅“yibeizi.mp3”。方法：插入一媒体一插件，

7、设置和关内容，在属性面板中设置插件合适的大小。嵌入电影的方法和同。1.超链接：在index.htm左下“一辈了的孤单（刘若英）”文木上设置超链接，链接到wma.htm文件上。一辈子的孤单（刘若英）9・自行练习插入Flash视频（FLV）、Flash按钮和Flash文本：是由DW基于库生成的。Flash按钮和Flash文本是DW自身的功能，要保存到没有中文的路径中。五、实验分析总结（实验体会，实验出现的问题、解决的办法等）姓名某某某学号12345678组员实验名称实验3超级

8、链接（一）—、实验目的1.理解超级链接的概念，能区分不同的路径：绝对路径、相对路径、根目录路径。2・了解链接目标地址的种类，学会通过普通文件设置不同目标地址的链接：