《网络信息》实验

班级:          学号:         姓名 :     

学生作品 网络设计大赛

实验

内容

作品

1

申请网站空间

2

个人主页 上传主页

index.htm index.asp index.rar

3

网站标志制作

下载和链接

(P209)

网络天地828  网站标志

  

网络天地、网络世界、网络天空、网络时空、

网络书店、网络狂想、多彩校园、书香频道、

拂晓晨风、阳光创意、阳光极地、流星空间、

梦想天国梦想飞翔、梦幻夜空、梦的天堂、

寻找真我、浪迹天涯、聚闲山庄、随意乐园、

青春舞动、青春活力、英雄传说、拳王世界

月亮女孩、阳光女孩、运动女孩、五分之一

我的网站标志

4

缩放旋转

网站标志

网络天地828  放大旋转移动  秒针

我的旋转标志

5

插入多媒体

GIF动画、视频

自动缩略图(P308、P313)

工具—网页选项—自动缩略图—高度:77,边框粗细:1。

透明处理(P310)动画网站 风景动画 动物世界 人物、物品(P314)

视频 kjcj(P315)

我的多媒体

6

表格布局页面

(P329)

表格布局产品展示T型布局(P250)、

口型布局(P251)、书籍式首页 期刊杂志式首页(P254)

我的表格布局

7

图片超级链接

通讯地图 图像热点连接(P334)

班级通讯录 我的通讯地图

8

框架网页(P347)

框架网页 导航框架 我的框架网页

9

意见反馈表单(P349)

跳转菜单(P352)

意见反馈 意见反馈表 意见反馈表1 留言板

网站搜索和本站导航 我的留言板

10

FrontPage

组件(P352)

跳转菜单必须指明 MM_jumpMenu 函数

弹出式菜单生成 mm_menu.js

动态网页生成 animate.js

广告管理器生成 FProtate.class FProtatx.class

悬停按钮生成 FPhover.class FPhoverx.class

字幕 动态网页 FPzj

我的横幅广告管理器

11

控件插件(P355)

控件插件 舞头抬头 摆头抬头 Flash 动画

Java小程序 星光闪闪 dtdsdyqx

12 Dreamweaver

Firework

Flash

表格布局 网页布局 设计视图布局 设计布局 弹出菜单

附加到路径 网站标志 GIF 动画

位图填充

* ASP 动态服务器网页,访问网络数据库。

Windows Server 2003—IIS—Web服务扩展—ASP 允许。

1

网站计数器

index.asp index.rar

计数器 Counter ASPb.rar wssdk2k.rar

计数器1 Counter我的网站计数器

2

注册模块 不用数据库存储:用户注册 yfzc.htm yfzc.asp

使用数据库存储:

用户注册 yfzc.asp  数据验证

用户注册1 Register  我的注册模块

3

登录模块 用户登录 yfdl.asp

用户登录1 Login 我的登录模块

4

客户留言板 客户留言板 lylb.asp yfly.asp clly.asp

我的留言板

客户留言板1 Guest conn.asp add.asp

5 图书清单列表 图书清单 我的图书清单列表 glsd.rar
6 网络数据库应用 课程设计说明 我的设计说明

实验1 申请个人网站空间

实验2  设计个人主页

实验3  网站标志的制作和使用

实验4 制作缩放旋转的网站标志

实验5 在网页中插入多媒体

实验6 用表格改善页面布局和网页布局设计

实验7 创建图片超级链接

实验8 创建框架网页

实验9 创建用户意见反馈表单和跳转菜单

实验10 插入 FrontPage组件

实验11  在网页中插入控件和插件

 

实验1 申请个人网站空间

所用软件: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,打开个人主页。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验2  设计个人主页

实验内容:(P303)

1.打开 Windows 的资源管理器,建立文件夹,如 E:\本地站点。

2.打开 FrontPage,打开站点,如 E:\本地站点。

3.下载文件到 E:\本地站点。不要采取直接编辑、文件另存为的方法。

  要求采取复制粘贴的方法,可以保持链接老师网站的参考内容。

4.在 FrontPage 中打开主页 index.htm。

  链接实验要求时采取浏览方法找到实验要求文件。

5.实验要求页面:填写班级、学号、姓名。链连实验结果。

6.学生独立设计个人主页,设置背景图像(<100kB)和音乐(<10kB),要求主页<10kB。

  要求个人主页链接:实验要求|期中机试|期未机试|网络书店|网络天地

 百度空间设置背景音乐:

 登录—设置—高级设置—开始自定义—内容模板—背景音乐—保存修改。

心得体会:在实验中学习和掌握到什么技巧?有什么提高?有什么想法和建议?

 

实验3  网站标志的制作和使用

  

     

所用软件:Micromedia Flash MX 动画制作软件、FrontPage 网页制作软件。

实验目的:学习网站标志的制作和插入个人主页中

实验内容:

1.制作网站标志:教材(P142、P209)、实验教材(P17)

  注意网站汉字取名,搜弧网新浪网的汉字名能与网站域名英文或拼音对应。

  可以到网易 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 制作缩放旋转的网站标志

1.插入—新建元件—图形。

2.用文字工具—输入网站标志,如“网络天地 828 http://wltd828.126.com”。

3.切换到场景—打开图形库—把网站标志元件拖入场景中—缩小元件。

4.右击第10帧,插入关键帧,放大元件。

5.右击第20帧,插入关键帧,缩小元件。

6.依次右击第20、30、40、50、60帧,分别插入关键帧,分别顺时针旋转元件 90°。

7.右击第70帧,插入关键帧,缩小元件。

8.依次右击第1、10、20、30、40、50、60帧,创建动画动作。

9.可以制作成每秒播放1帧,每分旋转1周。电大谢xz1电大谢xz5秒针

10.修改—影片,帧频:1帧/秒,尺寸:550px * 400px,背景颜色:橙色。

关键帧

1

15

30

45

60

秒数

旋转角度

1

0

15

90

30

180

45

270

60

360

 

实验5 在网页中插入多媒体

所用软件:FrontPage 网页制作软件

实验目的:学习在网页中插入多媒体、控件和插件

实验内容:

1.插入3组各3幅图片,分组进行处理,在图片上写字,如 ,(P309)

  缩小图片并重新取样(P311),自动缩略图。(P313)

2.插入 GIF89a 格式动画,如 动物世界。(P314)

3.准备视频文件:上网浏览,下载视频文件;

  播放 VCD 剪取一段小于1MB的视频文件,如 舞头抬头

  用数码相机摄像一段小于1MB的视频文件,如 摆头抬头

4.插入视频文件:AVI。插入—图片—视频 kjcj。(P315)

  

实验6 用表格改善页面布局和网页布局设计

实验内容:

1.表格控制文本和图片,边框粗细设为0。(P329)

2.制作“T”字型结构布局网页(P250)

3.制作“口”字型结构布局网页(P251)

4.制作书籍式首页(P253)

5.制作期刊杂志式首页(P254)

  

实验7 创建图片超级链接

实验内容:通讯地图 图像热点连接(P334)

1.把禅城区地图分为城区、城南、澜石、张槎、石湾和环市六小区。

2.每个小区建立一个班级通讯录

3.佛山市禅城区班级通讯地图上分别链接小区班级通讯录

 

实验8 创建框架网页

实验内容:框架网页  导航框架

1.创建有四个窗口的框架网页。(P345)

2.上面框架(top)设为标题框架或一级导航。

3.左面框架(left)设为栏目框架或二级导航。

4.右面框架(main)设为目标框架。

5.下面框架(bottom)设为脚注框架。

 6.文件—保存全部—框架集、标题框架、导航框架、主框架。

 

实验9 创建用户意见反馈表单和跳转菜单

实验内容:

跳转菜单必须指明 MM_jumpMenu 函数

弹出式菜单生成 mm_menu.js

动态网页生成 animate.js

广告管理器生成 FProtate.class FProtatx.class

悬停按钮生成 FPhover.class FPhoverx.class

1.创建用户意见反馈表单,如 意见反馈表。(P350)

2.创建跳转菜单,如 网站搜索和本站导航(P351)

3.网站搜索外部链接文化教育、热门网站、电影音乐、图像动画、

 搜索引擎和软件下载等类型的网站。

4.本站导航链接本站的二级网页。

5.加入“百度搜索”的搜索引擎。

 

实验10 插入 FrontPage组件

实验内容:组件 FPzj

1.横幅广告管理器(P352)

2. 字幕(P352)

3. 悬停按钮(P354)

4. 动态网页(DHTML)效果

 

实验11  在网页中插入控件和插件

实验内容:控件插件 kjcj

1.插入播放AVI视频文件的 ActiveX 控件(P355)

   插入—高级—ActiveX控件—选择控件—Windows Media Player—确定。

   ActiveX控件属性:右击AVI视频播放控件—ActiveX控件属性—选项—参数—

   Filename—修改—编辑对象数据:网页—浏览  F:\ddxie\dttx\hl.AVI文件—确定。

 2.插入 Java Applet Java小程序 星光闪闪 dtdsdyqx(P356)

   插入—高级—Java小程序—Java小程序源— 类文件.class jhanabi.class

3.插入 Flash 动画(P357)