课 程 实 验 报 告
专 业 年 级             
课 程 名 称           
指 导 教 师             
学 生 姓 名           
学      号             
实 验 日 期           
实 验 地 点           
实 验 成 绩               
年    月  日
实验项目
名称
设计与制作个人网站或班级网站
实验
目的及要求
本实验为设计与创新型实验，要求学生在掌握网页制作软件Dreamweaver的基本功能基础上，掌握网页设计制作软件的方法和技术，执行创作完成个人网页、班级或寝室网页。
利用Dreameaver 制作一个简单的个人、班级或寝室网页。要求：
（1）  1、有1个首页及5个子页面。
（2）  2、整体风格一致，突出主题宣明,栏目合理，设计美观大方，必须含后背景\音乐\图片\文字等元素。
（3） 3、在主页上有自己的照片\姓名，班级，学号等信息。
4、链接顺畅，结构合理。
实验
内容
1、掌握网页的制作基本流程，配技巧。
2、掌握Dreameaver的工作界面的工具栏的基本功能。
3、利用Dreameaver制作一个简单的个人网站。
实验步骤
分析网站结构，下载所需要的素材。
实验操作过程
站点的创建
启动dreamweaver8 界面，单击【创建新项目】列表栏中的【HTML】超链接。选择【站点】—【管理站点】—【新建】命令，打开【站点】对话框，在【基本】选项卡中的站点名称文本框中输入站点名称“walhj”。单击【高级】标签，在【高级】选项卡中设置本地站点参数。在【本地跟文件夹】文本框中输入本地站点所对应的本地根文件夹。“E:网页制作”。单击【下一步】按扭。选中【否】单选按钮，表示该站点是一个静态站点，没有动态页。单击【下一步】选择“在本地进行编辑，然后上传到远程测试服务器”；单击【下一步】从弹出的菜单中选择【无】选项。单击【下一步】，单击完成。随即出现【管理站点】对话框，显示新站点。单击【完成】。
2）建立本地站点之后，在文件面板中管理网站文件。
在【文件】面板中单击鼠标右键，在快捷菜单中选择【新建文件】，名称为“”.
3) 网页布局
1.在表格中插入表格：切换到【标准模式】，选择【插入】—【表格】命令，此时弹出【表格】对话框，在【行数】和【列数】中填1和3，边框粗细填0，表格宽度填1000 像素。单击确定。
2.创建嵌套表格，选中一个表格单元格，右击选择【表格】—【拆分单元格】在弹出的对话框中填需拆分为行还是列。选中拆分为行，2行。
3）在表格中出入层：选中一个表格单元，选择【插入】—【布局对象】—【层】
4）在层中插入图像：选择【插入】—【图像】在弹出的对话框中【文件名】中选择要插入图像的名称。（图像，音乐，视频与网页保存在同一个文件夹中）单击确定，在弹出的对话框中【替换文本】处填写图片的说明名称。
5）设置图片属性：图像的属性可以通过【属性】面板中各个选项来完成。
4）创建网页名称：选择【查看】—【代码】编写HTML语言，<title>walhj</title>
创建网页名称。
5）插入背景音乐：选择【查看】—【代码】编写HTML 语言，bgsound src= "音乐/宫崎骏 - 天空之城 - 演奏曲 小提琴 钢琴版.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 也有自身的不足之处。由于在网页制作中使用了层，使得不同的电脑分辨率不同，所完成的网页在不同的电脑中会出现层的移动，导致效果失真。在制作个人主页的过程中，不仅能锻炼自己结构分析的能力，还可以提高自己的设计理念和审美观。
注：可根据实际情况加页

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。