网站首页  词典首页

标题	基于DIV+CSS的装备管理系统网页实现
范文	郝二伟　张家伟 摘 要：DIV+CSS技术作为当前网页布局的流行技术，有其独特优点：它把网页的表现形式和内容分离，能够解决表格布局时产生的问题。介绍了DIV+CSS布局技术的概念及其优点，结合装备管理信息系统网页设计，展示了DIV+CSS布局技术的应用思路与实现过程。 关键词：DIV+CSS；装备管理系统；网页设计 中图分类号：TP319 文献标识码：A 文章编号：1672-7800（2015）005-0127-02 作者简介：郝二伟（1982-），男，河南济源人，硕士，中国洛阳电子装备试验中心工程师，研究方向为计算机应用技术、软件工程；张家伟（1987-），女，吉林通化人，硕士，中国洛阳电子装备试验中心助理工程师，研究方向为电子与通信工程。 0 引言 随着Web技术的飞速发展，采用DIV+CSS技术进行网页设计开始流行。DIV+CSS布局将HTML文档的表现形式与内容分开，易于网站更新维护，样式文件可以重复利用，代码标记比表格布局的代码量减少，因此受到越来越多网页设计者的青睐[1]。 装备管理信息系统的主要功能是实现装备管理过程中相关数据的读取和处理、显示。一个页面美观、信息内容精简、设计规范的网页，可以提升用户体验，提高系统的开发效率，增强系统的可扩充性。本文结合基于Web技术的装备管理信息系统项目开发过程，重点阐述了如何利用DIV+CSS技术设计实现装备管理系统的网页界面。 1 DIV+CSS简介 DIV，中文理解为“层”的概念，是用来为 HTML文档中的块内容设置结构和背景的元素，相当于一个容器，由起始标签和结束标签之间的所有内容构成，在它里面可以内嵌表格、文本等HTML代码。其所包含的元素特性由 DIV标签属性或者通过样式表格化来控制[2]。 CSS，是Cascading Style Sheets的英文缩写，中文翻译为“层叠样式表”。这是一种格式化网页的标准方式，利用它可以精确地控制页面的布局、颜色、背景和其它效果。对于设计者来说，CSS是一个非常灵活的工具，用户不必把复杂的样式定义编写在文档结构中，可将有关文档的样式内容全部脱离出来，在行内定义、在标题中定义，甚至可作为外部样式表文件供HTML页面调用[3]。 在网页设计中，DIV用来实现网页结构，CSS用来实现网页的表现样式。 2 DIV+CSS优点 采用DIV+CSS技术开发网页优点主要体现在以下6个方面： （1）表现形式和内容代码相互分离。在HTML文件中主要存放内容信息，在CSS样式文件中存放表现形式。 （2）简化了实现代码，相应提高了页面浏览速度。据统计，采用DIV+CSS布局的页面编码大小一般只有采用表格布局页面编码的50%，这样就使得页面在网络上传输时间缩短，占用网络带宽成本小。 （3）后期维护和改版方便。当需要改变页面风格的时候，仅仅修改CSS样式文件中的内容即可，因而提高了开发效率。 （4）易于实现网站风格一致性。 （5）支持不同种类的浏览器，兼容性好。 （6）与搜索引擎的关系更加友好，提高搜索引擎对网页的索引效率。 3 装备管理系统页面设计 3.1 页面布局 基于B/S架构的装备管理系统，主要实现装备信息的查询与日常管理信息的增加、修改、删除等功能，满足装备管理信息化需要。 按照网页设计的一般原则，结合本系统特点，将网页功能页面布局采取上中下结构。把网页page划分成3个基本大块，网页的顶部top主要放置网站logo和网站菜单menu，center部分放置页面的主要内容，又分为left左侧菜单栏和right主体区域，网页底部bottom主要放置网站版权信息、联系方式等网站信息。设计模板如图1所示。left左侧菜单栏中列出网站的各项功能链接，用户点击right区域就能打开对应的功能页面。 3.2 网页布局代码设计 新建index.html文档，在中插入如下代码： 网站logo图片 左侧导航区域 正文内容区域网站信息3.3 CSS样式代码设计 创建独立的CSS文件，命名为index.css。在上面的index.html文档头部标记中插入 1 [2] 存入我的阅览室
随便看	新形势下农村中学生英语口语能力的突破策略探究 英语字母追根溯源 初中英语成绩分化的原因与对策 我国英语教师多模态课堂话语研究综述 关于天津市历史风貌建筑标识英文语料库建设与多模态学习平台建设的研究 研究农村初中英语听力教法提高学生听力水平 论英语介词短语的名词化 基于核心素养的小学英语课堂提问方式研究 A Brief Analysis of Sociocultural Theory in Second language Acquisition 如何在初中英语教学中融入职业生涯规划 及物系统在科技英语文章中的应用 漫谈多媒体在小学英语教学中的应用 浅谈提高初中英语语法教学实效性的有效策略 情景教学法在初中英语口语教学中的应用 小组合作学习在初中英语教学中应用的现状探究 贵州平塘县小学英语校外培训融入思想品德教育的探索与实践 高中英语完形填空解题策略探究 高中英语教学中的情感教育实践思考 基于学习活动观的英语导学稿设计 浅析激发初中生英语学习动机的方法 核心素养下初中英语教学探究 核心素养导向下的微课在初中英语教学中的设计 赏识教育在初中英语课堂教学中的运用探讨 小学高年段英语阅读能力现状的调查报告 以生为本，深挖潜力 north-western north western northwest,northwest north-westward(s) northwest²,northwest northwest¹,northwest north²,north north³ north¹,north nos no's relinking relinks relinquish relinquished relinquisher relinquishers relinquishes relinquishing relinquishment relinquishments reliquefied reliquefies reliquefy reliquefying 明白表示 明白表达 明白证 明白说出 明白说出来 明白辩说 明白过了头 明白透彻 明白透彻的见解 明白通晓 明白通达 明白道理 明白道理和礼法 明白道理或事理 明白，了解 明白，清楚 明白，理解 明白，领悟 明皇放蝶 明皎皎 明盘 明盛 明目 明目张胆 明目达聪

科学优质学术资源、百科知识分享平台，免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。