webGis网页制作实验报告.docx
- 文档编号:28006329
- 上传时间:2023-07-07
- 格式:DOCX
- 页数:11
- 大小:4.61MB
webGis网页制作实验报告.docx
《webGis网页制作实验报告.docx》由会员分享,可在线阅读,更多相关《webGis网页制作实验报告.docx(11页珍藏版)》请在冰豆网上搜索。
webGis网页制作实验报告
本科学生综合性、设计性实验设计方案
实验课程名称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中提供了“链接检查器”工具用于超链接的检查。
在文件面板的任意文件上右击,在弹出的快捷菜单中选择“检查链接”“选择文件/文件夹”命令。
可检查当前选中的文件或文件夹中的超链接的工作情况。
结果会显示在“结果”面板“链接检查器”的选项卡中,可以检查显示出断链接的情况,在状态栏中会有该网页的链接情况的统计数据。
如果我们选择“检查链接”
我把一个链接到了XX,一个链接到了自己的qq空间,其它那些电影业链接到了相应的网址,只要连网就可以到达相应的网站。
5创建网站相册
6在网页中使用多媒体,我使用了MP3avi,这样增加了效果
1.插入音乐,用bgsound函数
选中音乐,再确定。
如果是插入背景音乐:
(二)使用
一打开页面就会自动播放音乐
插入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的相关运用操作手册及实验教材。
指导教师对实验设计方案的意见
对老师的教学方法和指导方式相当满意。
指导教师签名:
年月日
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- webGis 网页 制作 实验 报告