下载此文档

Web程序设计实验手册.doc

文档分类：IT计算机 | 页数：约12页举报非法文档有奖

1/12

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/12 下载此文档

文档列表 文档介绍

Web程序设计实验手册20111216武汉工业学院网站开发工具实验指导书适用专业:计算机科学与技术专业制定人:蒋丽华教研室:计算机科学与技术教研室数学与计算机学院2011年12月实验一HTML语言的熟悉与应用【实验目的】通过学****和应用HTML的基本元素,了解并初步掌握静态网页的运行原理及其制作过程。【实验内容】建一个左右结构的框架结构,要求如下:左边要求建立一个目录菜单,菜单的内容为教材书上的第二章的实例名。要求有不同的弹出方式(_top、_blank)。右边为单击左边菜单所显示的相应内容。其形式如下图所示。【实验报告要求】,并分别要求用不同的弹出方式。。,学****掌握各标记的属性及用法,给出相应注释。,包括实验中遇到的问题及解决方法。【小技巧】对于一些生僻的标记属性不必强行记忆,在用到的时候翻一下语法手册,多用几次就会熟练掌握了;刚开始,可以先选择几个不错的网页形式加以模仿,完成自己的主页;看到好的网页,在浏览器的“查看”菜单中选择“源文件”,就可以看到源程序,学****别人制作网页的一些方法和技巧,有时候通过这种办法可以学到书本上没有的东西,一些新功能也可以为你所用,出现在你的主页中。实验二HTML语言基础—表格应用[实验目的]使用记事本制作简单网页文本格式标记和表格标记学会使用链接标记和图像标记[实验任务]在“记事本”中写入简单的HTML语言,设计一个简单网页学会使用HTML语言设计表格,显示学生寝室室友的基本情况加入链接和图像标记,显示寝室室友的照片和邮箱[实验步骤]一、使用“记事本”(文件夹),命名规则为“学号(8位)+“-”+(实验序号)1”,如“20090101-1”实验文件夹的名称,如图1所示效果。“记事本”程序,编入下图2所示的HTML语言,完成后将该文本文件命名为“1-”,保存到上述对应工作目录中。,双击工作目录中的“1-”文件,显示效果如下图3所示。图2HTML代码图3“1-”网页显示效果二、文本格式和表格标记使用HTML语言文本格式标记和表格标记编写一个网页,显示学生寝室室友的学号和姓名。“记事本”程序,根据图4样例输入网页内容,并更新其中的学生信息为本人所在寝室或者同学的信息,结束后,以“1-”保存该文件到上述学生工作目录中,关闭文档。“1-”,效果图如图5所示。图4HTML代码图5“1-”网页显示效果三、,并获取上述网页中提到的同学电子版照片,并通过PhotoShop或者MicrosoftOfficePictureManager将图片尺寸编辑为150(宽)*200(高),单位为px,、。“记事本”程序编写如图6所示的网页HTML源代码。提示:如果“我是你”,我先研究一下这个代码是什么意思?因为重复的内容非常多!<html></html>一对、<head></head>一对<title></title>一对、<body></body>一对<table></table>表示表格、<tr></tr>表示表格一行、<td></td>表示一个单元格、<imgsrc=”…”>表示图像标记<ahref=”…”>XXX</a>“1-”,效果如图7所示。图7“1-”显示效果图[实验结论]利用HTML语言设计网页的代码书写是非常麻烦的,通过此练****使学生们可以了解HTML语言的语法特点及基本语句。表格深度实验:请按如下结果制作网页实验三CSS样式表【实验目的】了解和掌握CSS样式的语法规则;熟练掌握CSS样式的对于页面显示控制的作用,通过CSS+DIV实现主页的显示【实验内容】通过CSS+DIV定制一个主页。主页页面的形式自定,但要求有以下内容:浮动的广告图片TAB方式按钮两测有滚动广告图片(类似新浪)【实验报告要求】【实验目的】了解和掌握Javascript的语法规则;熟练掌握Javascript语言的流程控制语句、过程控制和函数的语法及具体的使用方法。【实验内容】(1)实现定时猜数游戏。要求如下:随机给出一个0至99(包括0和99)之间的数字,然后让用户在规定的时间内猜出什么数字。你可以随便猜一个数字,游戏会提示太大还是太小,从而缩小结果范围,最终

Web程序设计实验手册来自淘豆网www.taodocs.com转载请标明出处.