WEB实验报告.docx

WEB实验报告.docx

《WEB实验报告.docx》由会员分享，可在线阅读，更多相关《WEB实验报告.docx（11页珍藏版）》请在冰豆网上搜索。

WEB实验报告

实验三Web内容创建

学时数：

2学时

实验类型：

综合

一、实验目的与要求：

1.熟悉Dreamweaver网站开发流程以及工作区的使用；

2.掌握Dreamweaver站点管理；

3.掌握Dreamweaver添加网页内容；

4.理解相对路径与绝对路径的区别。

二、实验内容：

1.使用Dreamweaver新建站点；

2.使用Dreamweaver创建课程网站主页，采用表格布局；

3.使用Dreamweaver创建实验报告页面、团队介绍页面，使用同步功能进行网站上传；

4.使用多种浏览器测试课程网站并上传至免费空间。

三、实验步骤：

1.使用Dreamweaver创建课程网站的主页、实验报告页面、团队成员简介页面；

1）新建站点。

打开Dreamweaver软件，点击新建站点：

输入站点名称，并设置对应的本地站点文件夹，如下图：

将本地站点与服务器站点进行同步，设置如下：

输入服务器的名称、ftp地址、用户名、密码，点击测试按钮测试与服务器是否连接成功，并点击保存按钮，如下图：

最后点击保存按钮：

2）新建课程网站主页。

新建一空白页，如下图所示。

保存网页，并命名为index.html，如图：

3）网页的表格布局。

将页面切换到设计视图，如下图：

插入三行一列的表格，表格的第一行作为页面的顶部，第二行作为页面的主体，第三行为页面的底部：

第一行：

插入课程的标题等，如下图：

设置菜单项：

第二行：

插入网页主体内容，“课程简介”设置为h2，插入图片与相关文字描述，如下图：

第三行：

插入网页的底部，切换到代码视图，加上如下代码，如下图：

Copyright©2012-2015版权所有

最后保存网页并运行，如下图：

4）按照同样的布局方式（表格布局），建立实验报告页面与关于我们的页面。

5）插入flash。

将实验报告转换成flash,首先下载转换工具软件，打开

运行flashpaper软件进行转换

在网站的根目录下新建一名为flash的文件夹，并将转换后的flash保存到该文件夹中：

网页中插入flash:

选择flash文件：

可设置flash显示的大小：

运行测试网页。

6）网站的同步与上传。

点击下图所示的按钮可与服务器上的网站进行同步：

四、实验体会

刚开始是有点困难的，不过熟悉了就容易多了；了解基本的操作。