网站界面的设计与制作

该网站开发工程师

输入：智慧农业，充分应用现代信息技术成果到传统农业中去，集成应用计算机和网络技术、物联网技术、音视频技术、专家智慧和知识等等，实现对农业生产的可视化远程诊断、远程控制、灾变预警等智能管理，使传统农业更加“智慧”。 智能大棚作为智慧农业实施的一个重要部分，发展迅速。智能大棚拥有综合环境控制系统，利用该系统可以直接调节室内温、光、水、肥、气等诸多因素，可以实现全年高产、稳步精细化标准化生产农产品，能有效降低经营成本，提高经济效益。
输出：在GitHub上寻找满意的项目，基于自己的需求修改。了解HTML的基本语法，查询W3C手册

该网站的开发技术

HTML语法: 用来描述网页内容的一些特定符号。
CSS层叠样式表: 可以改变HTML的基本特性，从而控制传统网页上的元素，诸如确的空白、段落缩进、文本的外观和链接的状态等等。这样，你就可以实现对网页元素的格式控制。 CSS不仅允许你指定单个网页的外观，还可以被用来为网站提供一致的界面。
Bootstrap: 用于快速开发 Web 应用程序和网站的前端框架。

该网站的开发过程

设计登陆界面

image.png

使用HTML语法和CSS完善登陆界面

image.png

• 第一步：在GitHub上寻找满意的项目，基于自己的需求修改（找到一个开源的项目） 【项目地址】： https://github.com/nauvalazhar/my-login
  
  

  image.png

• 第二步：2. 美化登陆界面
  用HTML的基本语法 将界面上的信息更改为中文，然后使用Chrome浏览器，修改页面布局。如图：

  
  
  

  image.png