以无人船、摄像系统、超声波避碰系统为基础，使用先进的航行算法完成路径规划并实现GPS自动导航，自主航行，能够定时定量的进行全自动采样作业。同时无人船搭载全自动水质采样器和水质在线监测仪，可以进行PH、溶解氧、电导率等参数的实时监测，并将取得的水质参数通过网络与云端实时传输共享到基站软件中，最终自动生成工作报告，如实记录采样工作的时间、地点和内容，实现水质实时监控、全方位监测的目的。
水质监测无人船特点：
1、无人船船体尺寸较小，外壳采用环保用材ABS/PP塑料，具有抗撞、重量轻、便于携带的明显特点。
2、船只可抗4-5级风浪，船行速度较快。通过合理的结构设计方案搭载水质监测传感器，完全符合传感器在水中的测试环境要求。
3、船体的标准锂电池供电组可实现连续续航功能，也可实现遥控远距离操作，船体可加载视频摄像头，即时观测视频范围内的水面情况。
4、水质监测无人船通过成熟的无人船自动驾驶智能控制技术，结合GPS定位技术，可实现船只定位及自动巡航、一键返航等船只的自动航行功能。同时具备成熟的远程通信方案，可提供物联网通信方案和数据传输通信方案，在4G通信信号覆盖的环境下，用物联网技术将水质测试的数据远距离即时传输到数据管理中心或者水质监管部门。
水质监测无人船使用物联网技术联网，可实时将数据传输到数据中心和控制中心，从而实现远距离监控。且水质监测船可共用一套数据中心与控制中心，一个数据中心和控制中心可同时控制多条水质监测船。
1、打开dw，新建一个html页面，进入html页面编辑。
2、在代码的body中间编写一个div层。
3、将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到知道的目录下。
4、点击dw的文件按钮，在弹出的下拉框中，选择“新建”。
5、在新建的窗口中，找到“css”这一栏，点击“css”新建一个css样式。
6、写样式用".pingmu{}"开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条。
7、将这个css样式保存到同级目录下，如ceshi.html在c盘，css样式也保存在c盘。
8、保存好样式后，双击这个ceshi.html页面，用浏览器打开后看到100像素宽高的黑块。
