1、webGis网页制作实验报告 本科学生综合性、设计性 实验设计方案实验课程名称 webGis 实验名称 网页制作 指导教师及职称 潘先春 开课学期2013 至2014 学年 上 学期 云南师范大学旅游与地理科学学院编印实验名称:网页制作实验时量:一个周小组合作: 是 否成员:宋国俊1、实验目的:a.了解HHTML中涉及的技术。 HTML语言的组成及特点,学会利用HTML语言编辑网页。 了解CSS。 了解网站开发的流程。b.掌握如何在Dreamweaver中进行网页编辑;掌握Dreamweaver中站点的设置;掌握网站空间的申请及网页的上传。c.掌握常用的文本与段落修饰标记;掌握超级链接标记及其
2、设置;d.掌握网页制作中常的三种图像格式;掌握图像的格式设置;掌握利用图像处理软件(FireWorks)进行图像的基本处理。e.掌握网页制作中常见的多媒体类型及特点;掌握插入媒体的标签及相应属性设置,掌握能够利用网上的软件进行媒体格式的转换。f.掌握网页制作中页面的而已技术:表格布局,CSS布局,框架,布局。g.掌握网页制作中页最常用的交互工具:表单元素的使用h.熟练的操作Dreamweaver,或者visual stduio制作一个简单的网页。2、实验材料及相关设备:Windows xp系统 Dreamweaver /visual stduio参考资料为Dreamweaver /visual
3、 stduio的相关运用操作手册及实验教材。3、实验理论依据或知识背景:Dreamweaver /visual stduio的相关运用操作手册及实验教材。和软件的具体的操作流程4、实验方法步骤及注意事项:1.利用记事本实现主页实例。1):在“记事本”中输入个人网页的相关文本。(2):选择“文件”“保存”命令,将该文件保存为“主页.html”,此时该文档将显示IE图标。(3):打开图标。2. 在Dreamweaver中输入如下代码:之后打开。.将上面中的内容,利用DreamWeavor完成,并注意在拆分视图下,观察它是如何将格式操作变成HTML代码的。2制作个人网页的首页3.制作完成个人主页网站
4、,至少完成3个页面。4超链接:Dreamwever 中提供了“链接检查器”工具用于超链接的检查。在文件面板的任意文件上右击,在弹出的快捷菜单中选择“检查链接” “选择文件/文件夹”命令。可检查当前选中的文件或文件夹中的超链接的工作情况。结果会显示在“结果”面板“链接检查器”的选项卡中,可以检查显示出断链接的情况,在状态栏中会有该网页的链接情况的统计数据。如果我们选择“检查链接” 我把一个链接到了XX,一个链接到了自己的qq空间,其它那些电影业链接到了相应的网址,只要连网就可以到达相应的网站。5创建网站相册6在网页中使用多媒体,我使用了MP3 avi,这样增加了效果1.插入音乐,用bgsound
5、函数选中音乐,再确定。如果是插入背景音乐:(二)使用标签:一打开页面就会自动播放音乐插入Flash动画:将插入工具栏切换到“常用”模式,单击“媒体:Flash”按钮 ,插入Flash按钮:将插入工具栏切换到“常用”模式,单击“媒体:Flash”按钮旁边的三角形,在菜单中选择“媒体:Flash按钮”按钮 .插入Flash文本:将插入工具栏切换到“常用”模式,单击“媒体:Flash”按钮旁边的三角形,在菜单中选择“媒体:Flash文本”按钮 在设置属性;7分别利用表格及CSS技术完成书上的的布局方式。通过管理或新建样式使用面板组执行窗口CSS样式使用窗口标签检查器CSS属性面板CSS属性面板可以设
6、置样式面板中的8类属性。字体(font-family)、大小(font-size) 、.粗细(font-weight) 、样式(font-style) 、.变量、行高(line-height)、大小写(text-transform)、颜色(color)、 修饰(text-decoration)在“插入”工具栏单击“布局”按钮,进入布局模式。8表单的运用。1.输入文本 水平线 表单插入表格3.插入文本框 复选框 提交框,按钮 最后的表单就是下面图于是一个个人简单的网页就制作完成了。参考文献:Dreamweaver /visual stduio的相关运用操作手册及实验教材。指导教师对实验设计方案的意见对老师的教学方法和指导方式相当满意。 指导教师签名: 年 月 日