网站建设和设计总实验报告.docVIP

网站建设与设计 实 验 报 告 实验名称 网站建设与设计--九次实验 学　　院 计算机工程学院 班　　级 10软件1W 学　　号 姓　　名 董 鑫 2013年　06　月 12　日 学　　号姓名 董鑫 实验日期 2013.04.09 实验名称 实验一、基于HTML的网站设计 实验目的： 熟悉HTML文档的结构。 掌握常用HTML标签的功能、属性及其使用方法 熟悉各种HTML标签设计相应功能的网页。 实验内容： 运用Html与CSS语言设计一个简单的网站。 实验原理：（含相关算法流程图，可写多页） 首先建立一个以你的学号+姓名(如蔡路)命名的站点目录（文件夹），然后在该文件间中建立若干个有关联html文件，用来构成一个简单的网站，其中网站的主页命名为index.html。 在网站主页上运用框架、表格、超链接技术建立网站的导航结构。 网站的各个页面中所涉及的Html标签种类不少于10种。要综合运用Html的列表、图像、热区、超链接、猫记等标签技术。锚（定位标记）a name=top顶部位置/a a herf=”#top”回到顶部位置/a 分别采用内嵌式的CSS与外部链接CSS程序的方式对网页进行美化。 要在网站中设计一个登录页面login.html，在该页面中使用Html的Form技术实现用户登录的客户端。所涉及的Form元素包括单行文本输入框、密码输入框、复选框、单选框(radio)、单选框(radio)、下拉框(select)、多行输入框(textarea)、图片提交(input type=image)等。 所有的Html代码与CSS代码必须有必要的注释！ 实验过程与结果：（可写多页） 文件夹C:\Users\半分山水\Documents董鑫\ 实验小结（应包括下列内容） 备注： 批阅教师 时间 实验成绩 学　　号姓名 董鑫 实验日期 2013.04.16 实验名称 实验二、JavaScript程序设计 实验目的： 深刻理解Javascript函数中变量的作用域和各类控制语句的功能；理解和灵活运用JavaScript中常用的几个对象及浏览器对象的属性和方法； 实验内容： 变量的作用域 控制语句与函数? 运用windows对象的属性与方法实现动感网页效果；? JavaScript的事件处理与交互式网页；? 实验原理：（含相关算法流程图，可写多页） 创建动态函数： var varName=new Function(argument1,...,lastArgument); 说明：所有的参数都必须是字符串型的，最后的参数必须是这个动态函数的功能程序代码。  实验过程与结果：（可写多页） 1、变量的作用域 将面的程序嵌入Html进行调试，观察并对明窗口中显示的结果进行解释；? script language=javascript var x=13,y=29; function test() { var num,y=10; num=x+y; x++ document.write(内部的num的值为：+num+br); } test(); document.write(测试x的值为：+x+br); document.write(测试y的值为：+y+br); document.write(外部的num的值为：+num+br); /script 内部的num的值为：23测试x的值为：14测试y的值为：29 解释：定义了一个test函数，函数的作用是输出和。 程序执行时，首先输出内部的num的值为：23，因为其中参与运算的y的值是10，而不是29，当俩个变量名称相同时，取局部变量。 下面输出测试x的值为：14，因为x经过函数运算后已经加1。 最后输出测试y的值为：29，因为y值并未改变。 没有输出num是因为它的作用域只在test的函数中。 2、控制语句与函数? 用3种方式实现下列问题(if语句、条件表达式、函数调用)： 根据时间段的不同，在网页中显示不同的问候语，若小时数在12点以前，则输出”早上好！”的问候语，颜色为绿色；若在12点至18点，则输出”下午好！”颜色为黄色；18点以后输出”晚上好！”颜色为黑色。? [参考代码] 方法1: sc