实验01-02 HTML基础与PHP开发环境
实验目的
-
掌握HTML常用标记的使用方法 2. 掌握PHP配置文件的配置方法
实验准备
一、搭建Apache-PHP-MySQL环境 -
从教育在线和Q群下载 Apache-PHP-MySQL环境搭建.rar 文件解压
-
运行 appserv-win32-2.5.10.exe 默认设置直到以下窗口,将服务器名设置为:localhost 端口号改为:8080 (默认的端口号80可能已经被占用);MySQL密码设为111 (便于记忆,其它默认)
-
测试:打开浏览器输入地址:127.0.0.1:8080 界面如下 环境搭建成
-
熟悉一下Apache服务器的httpd 命令(关闭、启动、重启WEB服务),运行 控制台 程序,输入:
httpd -k shutdown [ start ] [ restart ] -
熟悉一下Apache服务器配置文件httpd.conf
在AppServ目录下的Apache子目录,找到conf文件夹打开httpd.conf;如果想将端口修改为8088,按Ctrl+F键,搜索Listen,将端口修改为8088,重新启动Apache ( httpd -k restart ) -
熟悉一下MySQL常用命令,运行 控制台 程序,输入:
mysql -uroot -h127.0.0.1 -p111
show databases; use test; show tables;
create table if not exists user(编号 CHAR(6) NOT NULL PRIMARY KEY, 姓名 CHAR(8) NOT NULL);
set names gb2312;
describe user;
insert into user values(‘123456’, ‘钟南山’);
insert into user values(‘654321’, ‘张文宏’); select * from user;
实验内容
一、用PHP编写一个标准体重计算器,在当前页面显示结果(文件名命名为SY2_1.php)
标准体重计算公式:标准体重=(身高cm-100)×0.9(kg)
提示:参阅课本P54代码。
二、用PHP编写一个标准体重计算器,在另一个页面显示结果(文件名命名为SY2_21.php和SY2_22.php)
提示:参阅课本P55~56代码。
三、用JavaScript编写一个标准体重计算器 (文件名命名为SY2_3.html)
四、(选做)完成教材P305~309实验1 – 使用HTML制作网页 的实验1.11.3(文件名分别为SY1_1.php SY1_3.php)
五、思考与练习:实验1-使用HTML制作网页 中的实验1.1~1.3后面的【思考与练习】P309
实验结果提交
登录教育在线,将各题的.html和.php文件打包提交。
一、
(1)sy1_1.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>基本标记</title>
</head>
<body>
<h1 align="center">标题标记</h1>
<p align="center">分段标记</p>
<b>换行标记</b><br/>
<center> 对中标记</center><br/>
<hr size="2" width="300" noshade>
<div align="center" >
<font size="5" color="red" face= "黑体">块标记</font>
</div>
<a href="http://www.163.com">超链接</a>
</body>
</html>
(2)sy1_2.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>学生信息显示</title>
</head>
<body>
<table align=center border="1" bordercolor="skyblue">
<caption>
<font size="5" color=blue >
学生成绩表
</font>
</caption>
<tr bgcolor="#CCCCCC" height="30">
<td with = 80>专业</td>
<td with = 80>学号</td>
<td with = 80>姓名</td>
<td with = 90>计算机导论</td>
<td with = 90>数据结构</td>
<td with = 90>PHP</td>
</tr>
<tr bgcolor="#CCCCCC" height="30">
<td with = 80>计算机</td>
<td with = 80>001</td><