webGis网页制作实验报告.docxVIP

PAGE

实用文档

本科学生综合性、设计性实验设计方案

实验课程名称webGis

实验名称网页制作

指导教师及职称潘先春

开课学期2013＿至＿2014＿学年＿上学期

云南师范大学旅游与地理科学学院编印

实验名称：网页制作

实验时量：一个周

小组合作：□是□否

成员：宋国俊

1、实验目的：

a.了解HHTML中涉及的技术。HTML语言的组成及特点，学会利用HTML语言编辑网页。了解CSS。了解网站开发的流程。

b.掌握如何在Dreamweaver中进行网页编辑；?掌握Dreamweaver中站点的设置；?掌握网站空间的申请及网页的上传。

c.掌握常用的文本与段落修饰标记;?掌握超级链接标记及其设置；

d.掌握网页制作中常的三种图像格式；?掌握图像的格式设置；掌握利用图像处理软件（FireWorks）进行图像的基本处理。

e.掌握网页制作中常见的多媒体类型及特点；?掌握插入媒体的标签及相应属性设置，掌握能够利用网上的软件进行媒体格式的转换。

f.掌握网页制作中页面的而已技术?：表格布局，CSS布局，框架，布局。

g.掌握网页制作中页最常用的交互工具：表单元素的使用

h.熟练的操作Dreamweaver，或者visualstduio制作一个简单的网页。

2、实验材料及相关设备：

Windowsxp系统Dreamweaver/visualstduio

参考资料为Dreamweaver/visualstduio的相关运用操作手册及实验教材。

3、实验理论依据或知识背景：

Dreamweaver/visualstduio的相关运用操作手册及实验教材。和软件的具体的操作流程

4、实验方法步骤及注意事项：

1.利用记事本实现主页实例。

1):在“记事本”中输入个人网页的相关文本。

(2):选择“文件”—“保存”命令，将该文件保存为“主页.html”，此时该文档将显示IE图标。

(3):打开图标。

2.在Dreamweaver中输入如下代码：之后打开。

.将上面中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。

2制作个人网页的首页

3.制作完成个人主页网站，至少完成3个页面。

4超链接：Dreamwever中提供了“链接检查器”工具用于超链接的检查。在文件面板的任意文件上右击，在弹出的快捷菜单中选择“检查链接”“选择文件/文件夹”命令。可检查当前选中的文件或文件夹中的超链接的工作情况。结果会显示在“结果”面板“链接检查器”的选项卡中，可以检查显示出断链接的情况，在状态栏中会有该网页的链接情况的统计数据。如果我们选择“检查链接”

我把一个链接到了百度，一个链接到了自己的qq空间，其它那些电影业链接到了相应的网址，只要连网就可以到达相应的网站。

5创建网站相册

6在网页中使用多媒体，我使用了MP3avi，这样增加了效果

1.插入音乐，用bgsound函数

选中音乐，再确定。如果是插入背景音乐：（二）使用embed标签：一打开页面就会自动播放音乐

插入Flash动画:将插入工具栏切换到“常用”模式，单击“媒体：Flash”按钮,插入Flash按钮:将插入工具栏切换到“常用”模式，单击“媒体：Flash”按钮旁边的三角形，在菜单中选择“媒体：Flash按钮”按钮.插入Flash文本:将插入工具栏切换到“常用”模式，单击“媒体：Flash”按钮旁边的三角形，在菜单中选择“媒体：Flash文本”按钮在设置属性；

7分别利用表格及CSS技术完成书上的的布局方式。

通过管理或新建样式

使用面板组

执行窗口——CSS样式

使用窗口——标签检查器——CSS属性面板

CSS属性面板可以设置样式面板中的8类属性。

字体（font-family）、大小（font-size）、.粗细（font-weight）、样式（font-style）、.变量、行高（line-height）、大小写（text-transform）、颜色（color）、修饰（text-decoration）

在“插入”工具栏单击“布局”按钮，进入布局模式。

8表单的运用。

1.输入文本水平线表单

插入表格

3.插入文本框复选框提交框，按钮

最后的表单就是下面图

于是一个个人简单的网页就制作完成了。

参考文献：

Dreamweaver/visualstduio的相关运用操作