1.收获
学习了网页的制作，感觉很有趣，毕竟这是自己第一次接触这个。在以前听说这个网页的制作是很难得，但是在学完之后感觉并不是好难。但是学习一门东西，要想把他学透还是要很多的时间和精力，并不是他简单就可以简单对待，越是简单的东西越要好好面对，就像修房子一样，如果你连简单的地基没有打好的话，那么你的房子也不会稳固。所以基础是非常重要的。在生活中一样，俗话说细节决定成败，所以要做好每一点就好了。加油！
2.技术
（1）html的简单使用
（2）使用服务器访问局域网数据
（3）form提交登陆表单
（4）使用URL实现下载和上传
3.技术的实际应用和实践
（1）html的简单使用
在制作网页之前我们需要下载两个东西，一个是Apache,另一个使php,Apache是用来配置一个服务器的，而php是用来返回数据的，当你访问一个网也得时候，你并不是直接访问服务器，而是通过中间的一个脚本语言来访问的，能够处理客服端的请求
而服务器端需要一个文件来处理用户登陆的请求，这个文件就是php或者是Java
我们要做网页首先要使后台服务器器运行，要使Apache运行起来
在这里我们需要一定的工具来进行编程，可以用我们记事本，也可以下载Sublim来进行编写，这里我们运用的是Sublim，在编写之前我们学要明白一些简单的语法，我们可以在网上搜索HTML菜鸟教程，那里面就会有一些语法的使用。
A.新建一个文件，他的属性为html,网页分为两部分，一个是头部，另一个是内容
首先是头部标题
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
然后是内容，可以是文字，可以是副标题，可以有链接，图片，视频，文本，表格
<!-- 显示文字 -->
<h1 align="center">标题</h1>
<h2 align="center">这是一个子标题</h2>
<!-- //显示文字 -->
<p>人生的曲折与坎坷铸就了我们对生活的百折不挠，也磨练了我们坚韧不拔的毅力。如何使我们的人生显得更有价值，体现生命的意义?我想拟定一份职业生涯规划书是我们不可或缺的基础石料。未来，掌握在自己手中。
</p>
图片：
<!-- //显示一张图片 -->
<img src="1.jpg" align="center" width="500",height="300" >
表格：
<table border="1" bgcolor="#FF7F50" align="center">
<tr>
<!-- //tr表示一行数据 td 表示多少数据 -->
<td width="50"> 姓名</td>
<td width="50"> 班级</td>
<td width="50"> 成绩</td>
</tr>
<tr>
<!-- //tr表示一行数据 td 表示多少数据 -->
<td width="50"> 小王</td>
<td width="50"> 18既可</td>
<td width="50"> 88</td>
</tr>
</table>
视频：
<!-- //插入视频 -->
<video controls="controls" width="500" height="300">
<source src="1.mp4" type="video/mp4">
</video>
链接：
<!-- //插入链接 -->
<a align="center" href="http://baidu.com">
<br><br><br>这是一个百度的链接
</a>
然后我们将这个文件保存到
然后找到一个浏览器，输入：http://自己的电脑的id/刚刚那个文件的文件名
如果出现的是乱码就在刚刚的那个文件里面加上
<meta charset="utf-8">
（2）使用服务器访问局域网数据
两种方式
默认端口号：80
http://www.baidu.com/domnload/images/1.jpg
http://www.baidu.com/download?type=jpg&category=ios
c/s:customer / server
移动端：App
----JAVA—Android
----- Kotlin oc-ios
浏览器：火狐 IE
----- HTML (H5-Html5):超文本的标记语言
----css
---- javaScript (js脚本语言)
服务器端：提供数据存储数据和访问的接口 API(应用程序的接口)
----API=Application Programming Interface
如果需要将自己本地的数据提供给外部访问
自己的电脑扮演的就是服务器
需要自己配置一个服务器 apache
window 必须自己搭建服务器
访问的步骤
*1.启动服务器
2.找到服务器工作路径 workspace
-----windows:Apache ->Apache -> htdocs
3.将需要提供给外部访问的文件放到当前目录下
4.如何访问：
-----本机：ip地址 127.0.0.1/test.html
-----其他电脑（在同一个网段 局域网）：
--------- http://ip/test.html
-------- http://ip/test.html/1.jpg
-------- http://ip/hello.php?name=jack&password=123
（3）form提交登陆表单
首先我们需要新建一个文件，用来设计客服端，再新建一个文件，用来设计构建服务器，他的文件属性php,性质的。
使用get方式提交数据
php用来返回客服端需要的数据
<!--
接收外部传递过来的数据 客服端提交的数据
数据的提交有两种方式
get/GHT:
向服务器提交数据 并且获取服务器返回的结果
特点：提交的数据都在url里面体现出来
不安全
当提交的数据比较多的时候就无法使用
数据不是特别重要 并且数据少量 用get
post/POST:
向服务器提交数据 并且获取服务器返回的结果
特点：提交的数不会展示在url里面
安全
可以提交大量的数据
-->
<?php
// 获取提交的用户名 get-$_GET post-$_POST
$name=$_GET["user_name"];
$password=$_GET["user_password"];
//查询数据库
//返回结果
echo "用户名：".$name."密码：".$password;
?>
做一个文件来做表单，来设计客服端，接收客服信息
<!-- 做一个表单用于提交用户数据 -->
<!DOCTYPE html>
<html>
<head>
<title>登陆</title>
</head>
<body background="2.jpg">
<!-- 表单的内容 -->
<!-- anction:内容提交到服务器的哪个文件中
提交的内容有服务器的哪个文件来处理
method:提交的方式 get/post
-->
<form action="login.php" method="get">
<center>
用户名：<input type="text" name="user_name">
<br> <br>
密  码：<input type="password" name="user_password">
<br> <br>
<input type="submit" value="提交">
</center>
</form>
</body>
</html>
使用post方式提交数据
php用来返回客服端需要的数据
<!--
接收外部传递过来的数据 客服端提交的数据
数据的提交有两种方式
get/GHT:
向服务器提交数据 并且获取服务器返回的结果
特点：提交的数据都在url里面体现出来
不安全
当提交的数据比较多的时候就无法使用
数据不是特别重要 并且数据少量 用get
post/POST:
向服务器提交数据 并且获取服务器返回的结果
特点：提交的数不会展示在url里面
安全
可以提交大量的数据
-->
<?php
// 获取提交的用户名 get-$_GET post-$_POST
$name=$_POST["user_name"];
$password=$_POST["user_password"];
//查询数据库
//返回结果
echo "用户名：".$name."密码：".$password;
?>
做一个文件来做表单，来设计客服端，接收客服信息
<!-- 做一个表单用于提交用户数据 -->
<!DOCTYPE html>
<html>
<head>
<title>登陆</title>
</head>
<body background="2.jpg">
<!-- 表单的内容 -->
<!-- anction:内容提交到服务器的哪个文件中
提交的内容有服务器的哪个文件来处理
method:提交的方式 get/post
-->
<form action="login.php" method="post">
<center>
用户名：<input type="text" name="user_name">
<br> <br>
密  码：<input type="password" name="user_password">
<br> <br>
<input type="submit" value="提交">
</center>
</form>
</body>
</html>
（4）使用URL实现下载和上传
使用URL实现下载（带参数）
public static void fzg(String[] args) throws IOException{
//使用代码访问（提交/访问）服务器数据
//URL
//HTTP://127.0.0.1/login.php?name=jack$password=123
//1.创建URL
String path="http://10.129.25.253/login.php?"+"user_name=jack&user_password=123";
URL url=new URL(path);
//2.指明请求的方式：get/post
//URLConnection封装了Socket
URLConnection connection=url.openConnection();
//获取连接对象
HttpURLConnection httpURLConnection=(HttpURLConnection) connection;
httpURLConnection.setRequestMethod("GET");
//接收服务器端的数据
BufferedReader br=new BufferedReader(new InputStreamReader(connection.getInputStream()));
while (br.readLine()!=null){
System.out.println(br.readLine());
}
}
}
使用post上传简单的数据（不是文件）
public static void post() throws IOException {
//1.创建URL
URL url=new URL("http://10.129.25.253/login.php");
//2.获取connection对象
//URLConnection
//HttpURLConnection 自己需要设定请求的内容
// 请求方式 上传的内容
HttpURLConnection connection=(HttpURLConnection) url.openConnection();
//3.请求方式为post
connection.setRequestMethod("POST");
//设置有输出流 需要下载
connection.setDoInput(true);
//设置有输入流 需要上传
connection.setDoOutput(true);
//4.准备上传数据
String date="user_name=jack&user_password=123";
//5.开始上传 输出流对象
OutputStream os=connection.getOutputStream();
os.write(date.getBytes());
os.flush();//写完了
//6.接收服务器端返回数据
InputStream is=connection.getInputStream();
byte[] buf=new byte[1024];
int len;
while((len=is.read(buf))!=-1){
System.out.println(new String(buf,0,len));
}
}
效果：
从服务器端下载文件（图片）
public static void getImage() throws IOException {
//URL
URL url=new URL("http://10.129.25.253/1.jpg");
//获取于服务器链接的对象
URLConnection connection=url.openConnection();
//读取下载的内容--获取输入流
InputStream is=connection.getInputStream();
//创建文件保存的位置
FileOutputStream fos=new FileOutputStream("D:\\android\\Javaday1\\java\\src\\main\\java\\day14\\1.jpg");
byte[] buf=new byte[1024];
int len;
while((len=is.read(buf))!=-1){
fos.write(buf,0,len);
}
}
效果：
