网站界面的设计与制作
2018-06-24 本文已影响0人
h_6384
该网站开发工程师
输入:智慧农业,充分应用现代信息技术成果到传统农业中去,集成应用计算机和网络技术、物联网技术、音视频技术、专家智慧和知识等等,实现对农业生产的可视化远程诊断、远程控制、灾变预警等智能管理,使传统农业更加“智慧”。 智能大棚作为智慧农业实施的一个重要部分,发展迅速。智能大棚拥有综合环境控制系统,利用该系统可以直接调节室内温、光、水、肥、气等诸多因素,可以实现全年高产、稳步精细化标准化生产农产品,能有效降低经营成本,提高经济效益。
输出:在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