《Dreamweaver MX》实验要求 1
班级： 学号： 姓名 ：
|
实验 |
内容 |
作品 |
|
1 |
申请网站空间 |
|
|
2 |
设置 Web 站点 创建个人主页 |
Dreamweaver 设置本地站点的本地信息 |
|
3 |
网站标志制作
|
网络书店、网络狂想、梦幻夜空、梦的天堂、 拂晓晨风、阳光创意、阳光极地、多彩校园、 寻找真我、浪迹天涯、聚闲山庄、随意乐园、 青春舞动、青春活力、英雄传说、书香频道、 阳光女孩、月亮女孩、运动女孩 |
| 4 | 横幅广告管理器 | 横幅广告 我的横幅广告 |
| 5 | 申请计数器 | 计数器： 我的网站计数器 |
| 6 | 背景图像、音乐 | |
| 7 | 翻转图像 | fztx 我的翻转图像 |
| 8 | 缩略图像 | 自动缩略图 我的缩略图像 |
| 9 |
图像影射 |
我的图像影射 |
|
10 |
插入多媒体 GIF动画、视频 |
|
|
11 |
控件插件 |
|
|
12 |
跳转菜单 意见反馈表单 |
网站搜索和本站导航 我的跳转菜单 |
|
13 |
框架网页 |
|
|
14 |
弹出式菜单 | 弹出菜单 我的弹出式菜单 |
|
15 |
页面设计（CSS） |
我的页面设计布局 |
实验4 横幅广告管理器的制作
实验5 申请 计数器
实验6 设置网页背景图像、音乐
实验8 制作缩略图像
实验10 在网页中插入多媒体 GIF动画、视频
所用软件：IE 浏览器、CuteFTP 软件
实验目的：到中国学生网申请 50MB 空间或 100M ASP 空间。
实验过程：
1.登录“中国学生网”购买交费的 网站空间，
建立一个“互联网上的家园，展现自我的空间，勾画心中的蓝图，描绘美好的人生”。
发展方向提供网络虚拟空间，如朋友留言、知已聊天、学术论坛、……。
50MB空间5个人共用每人10MB空间，每月交费5元，每人1元。
2.共用的网站空间中每人一个文件夹，文件夹名用姓名的拼音首字母。
每个人应有自己的主页 index.htm。
3.填写用户名和口令，要求用笔记录，用户名不能忘记。
用户名：如，wltk（网络天空），只能用拼音或英文字母，不能用汉字。
口令：如，******
电子邮件：如，fsxss@tom.com，要求真实邮件，
用于接收学生网发送的有关个人网站空间开通的邮件。
4.交费开通个人网站空间后，下载“文件上传下载”的软件
CutFTP32.rar。
打开
CuteFTP 软件，建立新站点，填写资料。
主机地址，如 asp2.6to23.com
用户名：如 wltk
口令：如，******
连接远程站点
5.选择“本地站点”上的文件 如，index.htm，点击上传按钮传送到远程个人空间。
6.在 IE 浏览器地址栏输入网址，如 http://asp2.6to23.com/wltk，打开个人主页。
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
实验内容：
定义本地站点
1.在 Windows 资源管理器中新建文件夹，如 E:\本地站点。
2.在 Dreamweaver MX 中
站点—新站点—高级选项卡—类别：本地信息
站点名称：如，本地站点
本地根文件夹：如，E:\本地站点
4.在 Dreamweaver MX 中打开主页 index.htm。
链接实验要求时采取浏览方法找到实验要求文件。
5.实验要求页面：填写班级、学号、姓名。链连实验结果。
6.学生独立设计个人主页，设置背景图像(<100kB)和音乐(<10kB)，要求主页<10kB。
要求个人主页链接：实验要求|期中机试|期未机试|网络书店|网络天地
心得体会：在实验中学习和掌握到什么技巧？有什么提高？有什么想法和建议？
所用软件：Micromedia Flash MX 动画制作软件
实验目的：学习网站标志的制作和插入个人主页中
实验内容：
1.制作网站标志
注意网站汉字取名，搜弧网、新浪网的汉字名能与网站域名英文或拼音对应。
可以到网易 http://my.126.com 申请免费域名转向已经使用的网址。
2.下载5种类型网站的标志共10个，并链接相应的网站。wzbz
制作网站标志
1.字体面板中选择字大小为120、华文行楷、加粗。
2.用文字工具，在画板中选定区域，输入网站标志，如“网络天地”。
3.用黑箭头选中文字，修改菜单—分解组件，线性填充文字。
4.选字体大小为43、蓝色、Romantic体。
5.选定区域输入网址，如“http://asp2.6to23.com/wltd”。
6.修改菜单—文档—使画板适合文字位置大小，如 480*190。
7.导出影片 wltd.swf。
8.在 FrontPage 中打开个人主页。
9.插入菜单—高级—插件—浏览—选定网站标志：网络天地 wltd.swf 文件。
实验4 横幅广告管理器的制作
实验5 申请 计数器
计数器：每刷新一次页面计数一次，或控制同一 IP 在1小时内只计数一次。
实验6 设置网页背景图像、音乐
1.插入—翻转图像；
2.设置翻转图属性
原始图像、翻转图像、链接对象。
实验8 制作缩略图像
实验目的：制作图像映射网页
实验过程：
1.选择图像。
2.在属性面板上选择矩形热点工具，再在图像拖放出矩形。
3.在属性面板上，找出链接的文件。
实验10 在网页中插入多媒体 GIF动画、视频
1.自选 Flash 动画，插入网页中并预览动画效果。
2.自选 ActiveX 控件数据源，在播放器中能正确播放视频文件 ddxm.avi。
3.自选 Java 小程序图形，如，dt5s5yqx.class。插入网页中并预览效果。
1.把“搜狐”网站免费开放中文检索代码“百度搜索”引擎插入个人主页。
2.搜索查询与搜索关键词“Java 语言图形程序设计 ”相匹配的站点，
以自己站点的某一个内容为搜索关键词进行搜索查询，
复制查询结果中前几个站点的内容，粘贴到下面空白处。
3.在主页中添加跳转菜单,
跳转菜单 JavaScript 代码必须指明脚本语言，否则产生运行期出错。
<script language="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<form name="form1">
<p>
<select name="文化教育" onChange="MM_jumpMenu('parent',this,1)">
<option selected>文化教育</option>
<option value="http://www.tsinghua.edu.cn">清华大学</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.crtvu.edu.cn">中央电大</option>
<option value="http://www.fsrtvu.net">佛山电大</option>
<option value="http://www.ounh.org">南海电大</option>
</select>
</p>
</form>
实现跳转3个自选网站和跳转3个本站网页 wzss。
网站搜索：
| 网站名称 | 网站域名 | 网站标志 |
| 佛山电大 | www.fsrtvu.net |  |
| 南海电大 | www.ounh.org |  |
本站导航：
| 网页标题 | 网页文件名 | 按钮链接 |
|
|
||
|
|
1.新建框架网页，选择框架类型包含：标题、导航栏目、主框架。
2.标题栏中输入与本站点相关的标题。
3.导航栏目中输入本站点的导航项目，链接文件、目标框架。
4.点击导航栏目中的导航项目后，主框架能正确显示相关的网页
实验目的：制作弹出式菜单
实验过程：
1.使用 Dreamweaver MX 插入导航条按钮（包含多按钮的水平菜单）
插入—图像对象—导航条—导航元件：
项目名称：如，jxyd
状态图像：如，jxyd1.gif
鼠标经过图像：如，jxyd2.gif
按下时，前往的 URL：如，jxyd.htm；
添加项—
项目名称：如，jttx,dhsp,txsj,xswz,bysj,wssd，……。
2.对各导航条按钮创建弹出式菜单（垂直菜单）
选择某一个按钮—行为面板[+]—显示弹出式菜单—
输入弹出菜单要显示的文本：如，网络信息，网络数据库，……。
超链接地址：如，wlxx.htm,wlsjk,htm，……；
目标窗口：如，_blank,_self，……；
外观：字体、字号；
位置：将菜单位置设置到导航条按钮的底部。
3.修改弹出式菜单
修改导航条按钮：插入—图像对象—导航条—修改目前的导航条。
修改弹出式菜单：选择某一个按钮—行为面板[+]—双击“显示弹出式菜单”。
更换导航条按钮：
选择某一个按钮—行为面板[+]—双击“设置导航条图像”—从本地站点选择按钮。
创建弹出式菜单后， Dreamweaver MX 生成 mm_menu.js 文件 31kB。
用表格改善页面布局
 |
||
演讲文档 |
  |
|
佛山谢山水 2001.1.1.
计数器： |
||
1.插入3行2列表格，设置表格属性：填充 11，间距 0 边框 1 居中对齐。
2.第1行合并单元格，插入网站标志和横幅广告，设置背景图像，如 蓝天白云。
3.第2行左边为导航区，设置背景图像，如 万寿山。右边为浏览区，设置背景图像，如 水滴。
4.第3行合并单元格，插入脚注、计数器。，设置背景图像，如 湖水。
用网页布局设计（CSS）
1.使用 Dreamweaver 提供的设计文件创建文档
2.文件—新建—类别；
3.选择页面设计（CSS）的页面格式：如 左边导航、左列导航。
4.选择页面设计的页面格式：
