文档介绍：本科学生综合性、设计性实验设计方案
实验课程名称 webGis
实验名称网页制作
指导教师及职称潘先春
开课学期2013 _ 至_2014 _ 学年_ 上学期
云南师范大学旅游与地理科学学院编印
实验名称:网页制作
实验时量:一个周
小组合作: □是□否
成员:宋国俊
1、实验目的:
。 HTML语言的组成及特点,学会利用HTML语言编辑网页。了解CSS。了解网站开发的流程。
; 掌握Dreamweaver中站点的设置; 掌握网站空间的申请及网页的上传。
; 掌握超级链接标记及其设置;
; 掌握图像的格式设置;掌握利用图像处理软件(FireWorks)进行图像的基本处理。
; 掌握插入媒体的标签及相应属性设置,掌握能够利用网上的软件进行媒体格式的转换。
 :表格布局,CSS布局,框架,布局。
:表单元素的使用
,或者visual stduio制作一个简单的网页。
2、实验材料及相关设备:
Windows xp系统 Dreamweaver /visual stduio
参考资料为Dreamweaver /visual stduio的相关运用操作手册及实验教材。
3、实验理论依据或知识背景:
Dreamweaver /visual stduio的相关运用操作手册及实验教材。和软件的具体的操作流程
4、实验方法步骤及注意事项:
。
1):在“记事本”中输入个人网页的相关文本。
(2):选择“文件”—>“保存”命令,将该文件保存为“”,此时该文档将显示IE图标。
(3):打开图标。
2. 在Dreamweaver中输入如下代码:之后打开。
.将上面中的内容,利用DreamWeavor完成,并注意在拆分视图下,观察它是如何将格式操作变成HTML代码的。
2制作个人网页的首页
,至少完成3个页面。
4超链接:Dreamwever 中提供了“链接检查器”工具用于超链接的检查。在文件面板的任意文件上右击,在弹出的快捷菜单中选择“检查链接”“选择文件/文件夹”命令。可检查当前选中的文件或文件夹中的超链接的工作情况。结果会显示在“结果”面板“链接检查器”的选项卡中,可以检查显示出断链接的情况,在状态栏中会有该网页的链接情况的统计数据。如果我们选择“检查链接”
我把一个链接到了百度,一个链接到了自己的qq空间,其它那些电影业链接到了相应的网址,只要连网就可以到达相应的网站。
5创建网站相册
6在网页中使用多媒体,我使用了MP3 avi,这样增加了效果
,用bgsound函数
选中音乐,再确定。如果是插入背景音乐:(二)使用<embed>标签:一打开页面就会自动播放音乐
插入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表单的运用。
插入表格