web程序设计实验手册

web程序设计实验手册

ID:14732639

大小:1.14 MB

页数:11页

时间:2018-07-30

web程序设计实验手册_第1页
web程序设计实验手册_第2页
web程序设计实验手册_第3页
web程序设计实验手册_第4页
web程序设计实验手册_第5页
资源描述:

《web程序设计实验手册》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、实验一HTML语言的熟悉与应用【实验目的】通过学习和应用HTML的基本元素,了解并初步掌握静态网页的运行原理及其制作过程。【实验内容】建一个左右结构的框架结构,要求如下:(1)左边要求建立一个目录菜单,菜单的内容为教材书上的第二章的实例名。要求有不同的弹出方式(_top、_blank)。(2)右边为单击左边菜单所显示的相应内容。其形式如下图所示。【实验报告要求】1.实验目的2.写出框架主要代码,并分别要求用不同的弹出方式。3.在浏览器中观察主页运行情况并给出运行界面。4.切换到HTML代码下,学习掌握各标记的属性及用法,给出相应注释。5.实验小结,包括实验中遇到的问题及解

2、决方法。【小技巧】对于一些生僻的标记属性不必强行记忆,在用到的时候翻一下语法手册,多用几次就会熟练掌握了;刚开始,可以先选择几个不错的网页形式加以模仿,完成自己的主页;看到好的网页,在浏览器的“查看”菜单中选择“源文件”,就可以看到源程序,学习别人制作网页的一些方法和技巧,有时候通过这种办法可以学到书本上没有的东西,一些新功能也可以为你所用,出现在你的主页中。实验二HTML语言基础—表格应用[实验目的]1.使用记事本制作简单网页2.文本格式标记和表格标记3.学会使用链接标记和图像标记[实验任务]1.在“记事本”中写入简单的HTML语言,设计一个简单网页2.学会使用HTML

3、语言设计表格,显示学生寝室室友的基本情况3.加入链接和图像标记,显示寝室室友的照片和邮箱[实验步骤]一、使用“记事本”制作网页1.在桌面上创建学生工作目录(文件夹),命名规则为“学号(8位)+“-”+(实验序号)1”,如“20090101-1”实验文件夹的名称,如图1所示效果。图1在桌在建立第一次实验学生工作目录2.打开“记事本”程序,编入下图2所示的HTML语言,完成后将该文本文件命名为“1-1.htm”,保存到上述对应工作目录中。3.关闭文档,双击工作目录中的“1-1.htm”文件,显示效果如下图3所示。图2HTML代码图3“1-1.htm”网页显示效果二、文本格式和

4、表格标记使用HTML语言文本格式标记和表格标记编写一个网页,显示学生寝室室友的学号和姓名。1.打开“记事本”程序,根据图4样例输入网页内容,并更新其中的学生信息为本人所在寝室或者同学的信息,结束后,以“1-2.htm”保存该文件到上述学生工作目录中,关闭文档。2.双击“1-2.htm”,效果图如图5所示。图4HTML代码图5“1-2.htm”网页显示效果三、链接标记和图像标记1.在学生工作目录中建立子目录images,并获取上述网页中提到的同学电子版照片,并通过PhotoShop或者MicrosoftOfficePictureManager将图片尺寸编辑为150(宽)*2

5、00(高),单位为px,并按01.jpg、02.jpg的规则进行命名。2.通过“记事本”程序编写如图6所示的网页HTML源代码。提示:如果“我是你”,我先研究一下这个代码是什么意思?因为重复的内容非常多!一对、一对一对、一对

表示表格、表示表格一行、表示一个单元格、表示图像标记XXX表示链接标记align属性表示水平对齐方式bgcolor属性表示背景

6、色width属性表示宽度mailto表示启动邮件程序图6HTML源代码3.双击“1-3.htm”,效果如图7所示。图7“1-3.htm”显示效果图[实验结论]利用HTML语言设计网页的代码书写是非常麻烦的,通过此练习使学生们可以了解HTML语言的语法特点及基本语句。表格深度实验:请按如下结果制作网页实验三CSS样式表【实验目的】了解和掌握CSS样式的语法规则;熟练掌握CSS样式的对于页面显示控制的作用,通过CSS+DIV实现主页的显示【实验内容】通过CSS+DIV定制一个主页。主页页面的形式自定,但要求有以下内容:(1)浮动的广告图片(2)TAB方式按钮(3)两测有滚动广

7、告图片(类似新浪)【实验报告要求】1.实验目的2.程序流程图3.部分关键代码实验四Javascript语法【实验目的】了解和掌握Javascript的语法规则;熟练掌握Javascript语言的流程控制语句、过程控制和函数的语法及具体的使用方法。【实验内容】(1)实现定时猜数游戏。要求如下:随机给出一个0至99(包括0和99)之间的数字,然后让用户在规定的时间内猜出什么数字。你可以随便猜一个数字,游戏会提示太大还是太小,从而缩小结果范围,最终得出正确结果。界面设计参考如下图所示。提示:(1)定时函数:setTimeout(“时

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。