2016-2-25号更新：

下面的代码是我一年前写的，现在回想起来确实出现了很多错误，内容显得累赘。当时自己对web前端不是很了解，所以很多简单的用法不是很会，正如有句话说的好，你今天在满意的节作到了明天再来回首，你仍然会觉得很多地方不足，需要改进。上面代码是可以使用的，这里我也就不更新代码了，在这个项目当中能够使用就行。如果需要精简代码我相信也难不倒在做的各位IT精英们。

这一篇文章我将讲解html网页编程的基本规范，其实在我的html网页基础里面也讲解的很明白，这里我大概讲一下基本用法。下面写把代码写上来然后在一步一步讲解,后面的注释一定不要添加进去！！！

<html>                            /* 网页固定格式 */
<head>  /* 网页头部 */
<title>智能网络家居系统--网络人VS灰鸽子制作</title>/* 网页上的标题栏 */
</head>
<body  background="./image/back.jpg">/* 网页背景图片./image/back.jpg是存放的路径，*/
<br>
<br>
<h1 align="center"><font color="red">    /* 网页上的字体居中显示红色 */
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* 为了方便布局加的空格 */
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
智能网络家居系统</font></h1>
<p><center><b><font size="5">                          /* 网页上的字体居中 */
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

请登录</font></b></center></p><BR><BR>
<form action="../cgi-bin/login.cgi" method="post"><center>   /* 创建form表单设置第一条脚本路径和名字，post方式 */
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
用户名：
<input type="text" name="name"><br> /* 输入你的登录账户，字符串存放在name */
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
密&nbsp; 码：
<input type="password" name="password"><br><br>/* 输入你的登录密码 ,字符串存放在password*/
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" value=" 登 录 ">          /* 登录提交按钮,这是html基本格式，这里不详解了 */
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;<input type="reset" value="重新输入">   /* 重新输入按钮 */
</center></form>
<br><br><br><br><br><br><br><br><br><br>        /*下面都是一些字体的显示，和前面基本一样的*/
<p><center><font color="brown">
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
智能网络家居系统项目 基于FL2440制作</center><p>
<p><center>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
2015-08-11&nbsp; by 网络人VS灰鸽子</center></p>
<p><center>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
个人博客：http://blog.csdn.net/qq_21792169</center></p>
</body>
</html>

在这里网页就写完了，其实网页也挺简单的，我们的主要工作是放在cgi脚本的处理，这里才是重点，我们可以测试下，./image/back.jpg，你可以在开发板上/etc/boa/www下创建一个image文件夹，该文件加专门用来存放图片，这里要可开始背景图片路径对应，不然网页找不到图片的位置。

然后开PC机上访问开发板的IP地址就OK了。

下文在是这个项目的核心内容，对C库函数，JAVA脚本，放心我都会总体讲解，主要还是框架,不懂发邮箱给我。

智能家居网络系统设计（二）相关推荐

  1. 智能家居网络系统设计（三）

    我还是按照这个程序的顺序来讲解,方便大家理解 一点,在这里得说明下boa服务器只是一个平台,只要搭建好了就可以不用去管它,我们只需要写cgi-bin和html文件,我们在上一篇文章中网页已经做好了,当 ...

  2. 基于树莓派的智能家居控制系统设计论文参考

    完整论文咨询可WX联系:gyf1842965496 智能家居控制系统功能实现详细介绍:基于树莓派的智能家居控制系统设计https://blog.csdn.net/G1842965496/article ...

  3. 基于树莓派的智能家居控制系统设计

    基于树莓派的智能家居控制系统设计 完整文件下载 基于树莓派的智能家居控制系统设计 https://download.csdn.net/download/G1842965496/85802405 一.功 ...

  4. ChatGPT直出1.5w字论文查重率才30% - 基于物联网技术的智能家居控制系统设计与实现

    文章目录 ChatGPT直出1.5w字论文查重率才30% - 基于物联网技术的智能家居控制系统设计与实现 一.绪论 1.1 研究背景与意义 1.2 国内外研究现状分析 1.3 研究内容与目标 1.4 ...

  5. ansole终端链接linux,基于Linux系统的智能家居远程控制系统设计论文.doc

    基于Linux系统的智能家居远程控制系统设计论文 学科分类号 0801 北京邮电大学毕业论文 题目 (中文):基于Linux系统的智能家居远程控制系统设计 (英文):The smart home re ...

  6. 树莓派 + Home Assistant + HomeKit 从零开始打造个人智能家居系统 篇二：初步配置 Home Assistant 并连接小米设备与 HomeKit

    树莓派 + Home Assistant + HomeKit 从零开始打造个人智能家居系统 篇二:初步配置 Home Assistant 并连接小米设备与 HomeKit 通过本篇教程,你将完成对 H ...

  7. 智能家居计算机控制系统的设计,智能家居控制系统设计知识分享.pdf

    智能家居控制系统设计 智能家居控制系统 专业:电气工程及其自动化 姓名:孟凡磊 指导教师:杨伟新 摘 要 伴随世界信息化水平不断提升, 越来越多的人对生活环境尤其是家 居环境要求随之提升,人们希望自己 ...

  8. 基于linux智能家居系统设计,基于linux系统的智能家居远程控制系统设计毕业设计论文.doc...

    本科学生毕业论文(设计) 题目 (中文):基于linux系统的智能家居远程控制系统设计 (英文):The smart home remote control system based on Linux ...

  9. 基于STM32设计的智能家居控制系统设计_语音+环境检测(OneNet)_2022

    1. 前言 如今的智能家居越来越深入人心,越来越受人们的欢迎.智能家居作为与人们日常生活息息相关的科技智能产物,可以给我们的生活带来舒适便利.随着物联网.云计算.无线通信等新技术的发展,智能家居得到了 ...

最新文章

  1. border-radius
  2. Win2008R2配置WebDeploy发布网站
  3. Go 1.4 正式版发布，官方正式支持 Android
  4. python3练习-装饰器
  5. git创建/合并分支/删除分支/将修改后的内容同步到GitHub远程仓库
  6. c语言指针输出两个数的最大值和最小值，并求和，有些不清楚这样写为什么不行。
  7. 列表初始化和赋值初始化的使用注意事项
  8. 基于 OpenCv 和 Python 的手指识别及追踪
  9. VB编程的RS485通讯操作界面源码 本程序适应各类带RS485通讯的设备，参数可以自由修改，主要是针对各类变频器RS485通讯(RTU)格式！
  10. dell服务器 指示灯_服务器指示灯说明
  11. php无法运行,php不执行是什么原因造成的
  12. 计算机工作多少,一台普通计算机能工作多少电量？
  13. 今日心得：七条人生箴言
  14. golang中椭圆曲线密码
  15. 一加手机可以刷鸿蒙系统吗,朋友想把1+手机安装鸿蒙系统，老板收费350，大家千万别被骗了！...
  16. 英语学习经验分享(四六级、竞赛、口语）
  17. 【解决方案】幼儿园安全事件频发，EasyCVR搭建幼教行业连锁园区视频监控系统让家长更放心
  18. 数值计算方法迭代法matlab实现
  19. 目标既定 使命必达 | 麒麟信安举行营销中心2023年度工作计划部署会
  20. iTextSharp PDF .NET 设置图片大小为A4尺寸

热门文章

  1. 【feign】OpenFeign访问需要OAuth2授权的服务
  2. 加密机技术，加解密技术，证书，加密算法
  3. 绿了杰克船长？深扒马斯克情感关系史…
  4. 秒传 php,文件上传之秒传文件
  5. HTML基础6折叠菜单手风琴菜单
  6. 微信公众号可以外链吗
  7. 【转贴】“被开通”工行“e支付”，巨额存款被盗，怎么破？
  8. kali Linux Vega工具安装与解决报错
  9. 硬件：如何选择固态硬盘
  10. Servlet的@WebServlet注解