文档介绍：武汉大学教学实验报告
信息管理学院信息管理与信息系统专业 2010-6-20
实验名称
利用dreamweaver8 制作网页
指导教师
陆颖隽
姓名
朱红梅
年级
2008
学号
2008302330034
成绩
一、预****部分
实验目的
实验基本原理
主要仪器设备(含必要的元器件、工具)
实验目的
掌握HTML语法基本的基本用法;
熟悉HTML编写网页的方法;
熟悉dreamweaver8界面及操作;
熟悉使用dreamweaver8建立站点及制作网页;
熟悉PS用法;
Dreamweavr8 是一款专业的HTML编辑器,用于对WEB 页和WEB应用程序进行设计,编码和开发。无论直接编写HTML代码还是在可视图化编辑环境中工作,dreamweaver8 都会提供很多快捷的工具。Dreamweaver8 是可以完全自定义的,可以使用它创建自己的对象和命令,修改快捷键,也可以编写JAVAScript 代码,从而用自己创建的新行为,属性检查器和站点报告来扩展 dreamweaver 的功能。
主要仪器设备
Dreamweaver8;
QQ影音,压缩视频和背景音乐
3) 光影魔术手,处理美化图片
二、实验操作部分
实验数据、表格及数据处理
实验操作过程(可用图表示)
结论
实验数据,表格及数据处理
制作网页之前收集网页制作的素材,包括图片,背景音乐,视频,文字信息;
实验操作过程
站点的创建
启动dreamweaver8 界面,单击【创建新项目】列表栏中的【HTML】超链接。选择【站点】—【管理站点】—【新建】命令,打开【站点】对话框,在【基本】选项卡中的站点名称文本框中输入站点名称“我的家乡”。单击【高级】标签,在【高级】选项卡中设置本地站点参数。在【本地跟文件夹】文本框中输入本地站点所对应的本地根文件夹。“E:网页制作”。单击【下一步】按扭。选中【否】单选按钮,表示该站点是一个静态站点,没有动态页。单击【下一步】选择“在本地进行编辑,然后上传到远程测试服务器”;单击【下一步】从弹出的菜单中选择【无】选项。单击【下一步】,单击完成。随即出现【管理站点】对话框,显示新站点。单击【完成】。
2)建立本地站点之后,在文件面板中管理网站文件。
在【文件】面板中单击鼠标右键,在快捷菜单中选择【新建文件】,名称为“”.
3) 网页布局
:切换到【标准模式】,选择【插入】—【表格】命令,此时弹出【表格】对话框,在【行数】和【列数】中填1和3,边框粗细填0,表格宽度填1000 像素。单击确定。
,选中一个表格单元格,右击选择【表格】—【拆分单元格】在弹出的对话框中填需拆分为行还是列。选中拆分为行,2行。
3)在表格中出入层:选中一个表格单元,选择【插入】—【布局对象】—【层】
4)在层中插入图像:选择【插入】—【图像】在弹出的对话框中【文件名】中选择要插入图像的名称。(图像,音乐,视频与网页保存在同一个文件夹中)单击确定,在弹出的对话框中【替换文本】处填写图片的说明名称。
5)设置图片属性:图像的属性可以通过【属性】面板中各个选项来完成。
4)创建网页名称:选择【查看】—【代码】编写HTML语言,<tit