网站设计实验报告.docx

href="

href="

href="

实

验

原

理

（

算

法

流

程

）

href="

 ="STYLE12">微博

实

验

结

果

分

析

及

心

得

体

会

实验结果截图如下：

心得体会：

通过本次实验初步掌握HTML、CSS、DIV的应用，实验技巧欠佳还需更加努力。

成

绩

评

定

教师签名：

年月日

实验名称

实验三JavaScript

实验

类型

设计型

综合型

创新型

√

实

验

目

的

或

要

求

1.熟悉JavaScript

2.使用JavaScript制作特殊效果

3.在前一次建立的网站中加入JavaScript效果

实

验

原

理

（

操

作

步

骤

）

JavaScript是一种能让你的网页更加生动活泼的程式语言，是目前网页中设计中最容易学又最方便的语言。

可以利用JavaScript轻易地做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及可显示浏览器停留的时间。

1、运算符:

赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运符符和字符串运算符。

2、表达式:

运算符和操作数的组合称为表达式，分为四类：

赋值表达式、算术表达式、布尔表达式和字符串表达式。

3、语句：

Javascript程序是由若干语句组成的，语句是编写程序的指令。

Javascript提供了完整的基本编程语句：

赋值语句、switch选择语句、while循环语句、for循环语句、dowhile循环语句、break循环终止语句和continue循环中断语句。

4、函数：

函数是命名的语句段，可以被当作一个整体来引用和执行。

1）函数由关键字function定义；2）函数必须先定义后使用，否则将出错；3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；4）参数是传递给函数使用或操作的值或对象，它可以是常量，也可以是变量，也可以是类的对象；5）return语句用于返回函数或表达式的值，当函数返回值类型不为空时，必须有如果返回值类型为空，没有reurn项。

5、对象：

Javascript的一个重要功能就是基于对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。

比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

6、事件;用户与网页交互时产生的操作，称为事件。

绝大部分事件都是用户的动作所引发，如：

用户按鼠标的按键，就产生onclick事件，若鼠标的指针在链接上移动，就产生onmouseover事件等等。

在Javascript中，事件与事件处理程序配套使用。

7、变量：

如varmyVariable="somevalue";

实

验

原

理

（

算

法

流

程

）

相关代码如下：

--

BirthDay=newDate（"january06,2012"）;//改成你的计时日期

today=newDate（）;

timeold=（today.getTime（）-BirthDay.getTime（））;

sectimeold=timeold/1000

secondsold=Math.floor（sectimeold）;

msPerDay=24*60*60*1000

e_daysold=timeold/msPerDay

 daysold=Math.floor（e_daysold）;

e_hrsold=（e_daysold-daysold）*24;

seconds=Math.floor（（e_minsold-minsold）*60）;hrsold=Math.floor（e_hrsold）;

e_minsold=（e_hrsold-hrsold）*60;

minsold=Math.floor（（e_hrsold-hrsold）*60）;

//-->

--

document.write（"距离无路可逃赛事还有：

"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"）;

//-->

--

document.write（"距离无路可逃赛事还有：

"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"）;

//-->

varb=1;

varc=true;

functionfade（）{

if（document.all）;

if（c==true）{

实

验

原

理

（

算

法

流

程

）

b++;

}

if（b==100）{

b--;

c=false

}

if（b==10）{

b++;

c=true;

c=false

}

if（b==10）{

b++;

c=true;

}

if（c==false）{

b--;

}

u.width=150+b;

u.height=125-b;

setTimeout（"fade（）",50）;

}

实

验

结

果

分

析

及

心

得

体

会

实验结果截图如下：

心得体会：

通过本次实验对JavaScript及Java的学习和使用有了更深入的了解，JavaScript语言，通过浏览器可以直接执行，Java语言，须先进行编绎和连接等动作才可执行；JavaScript的结构较为自由松散，Java结构较为严谨；Java具有读写档案及网络控制等功能，JavaScript在网页内容的控制和互动性方面，比较方便快捷的。

成

绩

评

定

教师签名：

年月日

实验名称

实验四Web数据库应用

实验

类型

设计型

综合型

创新型

√

实

验

目

的

或

要

求

1.熟悉SQL、MYSQL的使用

2.建立简单的Web数据库

3.学习使用PHP编写服务器端程序

4.在前一次网站中加入表单，并建立动态网站

实

验

原

理

（

操

作

步

骤

）

 一、熟悉SQL、MYSQL

 SQL（StructuredQueryLanguage）是结构化查询语言。

SQL语句可以执行各种各样的操作，如：

更新数据库中的数据，从数据库中提取数据等。

MYSQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内。

MYSQL软件采用了GPL（GNU通用公共许可证）。

由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MYSQL作为网站数据库。

 二、建立Web数据库

 步骤如下：

（1）、打开XamppWeb服务器，在Xampp页面的右下角的“工具”栏下选择phpAdmin点击进入；

（2）、将localhost进行常规设置和外观设置如下：

 （3）、创建数据库

点击“创建”，出现提示“创建数据库成功”即：

说明创建数据库成功。

实

验

原

理

（

算

法

流

程

）

（4）、建表，如建立一张名为“WWE”摔角表，表中有2个字段分别为：

姓名、冠军次数，具体插入操作

如下：

（5）、WWE摔角数据表创建完成如下图所示：

实

验

原

理

（

算

法

流

程

）

 三、使用PHP调试已建的数据库

 相关代码如下：

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

php

$con=mysql_connect（'localhost','root',''）;

if（!

$con）

{

die（'Couldnotconnect:

'.mysql_error（））;

}

mysql_select_db（"wwe",$con）;

mysql_query（"setnamesgb2312"）;

$result=mysql_query（"SELECT*FROMwww"）;

echo"

姓名

冠军次数

";

while（$row=mysql_fetch_array（$result））

{

echo"";

echo"".$row['姓名']."";

echo"".$row['冠军次数']."";

echo"";

}

echo"";

mysql_close（$con）;

?

>

实

验

结

果

分

析

及

心

得

体

会

实验结果截图如下：

心得体会：

通过本次实验对MYSQL以及PHP的学习和应用有了更深刻的了解，实验技术欠佳还更需努力继而在以后学习中有更加深入的发展潜能。

成

绩

评

定

教师签名：

年月日

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

网站 设计 实验 报告

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。