设计与制作个人网站或班级网站实验报告

课程实验报告专业年级课程名称指导教师学生姓名学号实验日期实验地点实验成绩年月日

实验项目名称设计与制作个人网站或班级网站实验目的及要求本实验为设计与创新型实验，要求学生在掌握网页制作软件Dreamweaver的基本功能基础上，掌握网页设计制作软件的方法和技术，执行创作完成个人网页、班级或寝室网页。利用Dreameaver制作一个简单的个人、班级或寝室网页。要求：（1）

1、有1个首页及5个子页面。（2）2、整体风格一致，突出主题宣明,栏目合理，设计美观大方，必须含后背景\音乐\图片\文字等元素。（3）3、在主页上有自己的照片\姓名，班级，学号等信息。4、链接顺畅，结构合理。实验内容1、掌握网页的制作基本流程，配色技巧。2、掌握Dreameaver的工作界面的工具栏的基本功能。3、利用Dreameaver制作一个简单的个人网站。实验步骤分析网站结构，下载所需要的素材。实验操作过程站点的创建启动dreamweaver8界面，单击【创建新项目】列表栏中的【HTML】超链接。选择【站点】—【管理站点】—【新建】命令，打开【站点】对话框，在【基本】选项卡中的站点名称文本框中输入站点名称“walhj”。单击【高级】标签，在【高级】选项卡中设置本地站点参数。在【本地跟文件夹】文本框中输入本地站点所对应的本地根文件夹。“E:网页制作”。单击【下一步】按扭。选中【否】单选按钮，表示该站点是一个静态站点，没有动态页。单击【下一步】选择“在本地进行编辑，然后上传到远程测试服务器”；单击【下一步】从弹出的菜单中选择【无】选项。单击【下一步】，单击完成。随即出现【管理站点】对话框，显示新站点。单击【完成】。2）建立本地站点之后，在文件面板中管理网站文件。在【文件】面板中单击鼠标右键，在快捷菜单中选择【新建文件】，名称为“walhj.html”.3)网页布局1.在表格中插入表格：切换到【标准模式】，选择【插入】—【表格】命令，此时弹出【表格】对话框，在【行数】和【列数】中填1和3，边框粗细填0，表格宽度填1000像素。单击确定。2.创建嵌套表格，选中一个表格单元格，右击选择【表格】—【拆分单元格】在弹出的对话框中填需拆分为行还是列。选中拆分为行，2行。3）在表格中出入层：选中一个表格单元，选择【插入】—【布局对象】—【层】4）在层中插入图像：选择【插入】—【图像】在弹出的对话框中【文件名】中选择要插入图像的名称。（图像，音乐，视频与网页保存在同一个文件夹中）单击确定，在弹出的对话框中【替换文本】处填写图片的说明名称。5）设置图片属性：图像的属性可以通过【属性】面板中各个选项来完成。4）创建网页名称：选择【查看】—【代码】编写HTML语言，<title>walhj</title>创建网页名称。5）插入背景音乐：选择【查看】—【代码】编写HTML语言，bgsoundsrc="音乐/宫崎骏-天空之城-演奏曲小提琴钢琴版.mp3"width="213"height="41"></embed>.6)插入视频：选择【插入】—【媒体】—【FLASH视频】在弹出的对话框中【URL】中【浏览】中选择要插入的视频，【宽度】【高度】处分别填300和300，选择【自动播放】单击【确定】按钮。8)设置文本的大小及颜色：选中要编辑的文本，选择【文本】—【颜色】/【大小】设置文本的颜色和大小。9）设置页面背景颜色：选择【窗口】—【属性】—【页面属性】在弹出的对话框中【背景颜色】处选择想要设置的颜色。10)在页面的左上角处选择【插入】—【表格】在弹出的对话框中，【行】【列】分别填1，4，【表格宽度】填300像素。在已经创建的表格单元格中分别填“主页”“我的简介”“时事新闻”“经典阅读”。11)以次类推设计“我的简介”“时事新闻”“经典阅读”等网页。12）各网页之间的链接实验环境安装有Dreameaver软件的能上网的计算机实验结果与分析Dreamweavr是一种简单易掌握的网页设计与制作工具，包含了多种功能，与HTML语法编写制作网页，它要简单的多。dreamweaver是通过可视化编辑控制html可以节省很多代码撰写的时间并且可以方便的实现各种特殊效果。但同时Dreamweaver也有自身的不足之处。由于在网页制作