在本文中，使用传统表单呈现的学术门户系统设计的局限性，例如下载速度慢，网页代码模糊，维护成本高，引起了学院门户系统的设计。用DIV CSS演示技术。验表明，DIV CSS技术页面布局方案比开发人员掌握的表格布局更灵活方便。DIV CSS;布局;表;大学门户网站。图分类号：TP3021文献标识码：A文章编号：2095-2163（2014）04-0068-04总结：根据大学网关Web系统表格布局的限制，如下载速度慢，页码本文提出了一种基于DIV CSS技术的大学网关系统的模糊和高维护成本等方法。验表明，布局DIV CSS比表格的呈现更灵活。键词：DIV CSS布局，表格布局，大学门户网站介绍网站大学门户网站是教育信息日常出版的综合平台，为学生提供课程选择服务，并发布各种高校教学和科研成果。前，许多大学门户网站的布局仍采用传统的表格布局。WEB2.0出现之前，表的布局是一种比较常见的布局方式，
宁波网站建设但随着网络技术的快速发展，这一规定的缺点逐渐显现。种类型的表格布局方法将网页的主要内容与页面的呈现格式混合，导致网页结构不清晰，不利于页面的设计。页和网站的维护。的布局也很慢导航，显示表布局的页面可以在下载表的所有元素后显示页面的完整内容。DIV CSS布局技术的出现克服了表格布局的上述缺点。
用DIV CSS布局技术的University Portal网站页面代码可以将页面内容和表示格式从页面[1]中分离出来，这将生成项目的项目代码大学门户网站更加清晰易读，这对开发者来说是有利的。来升级和维护网站。DIV CSS技术可以提高网站的下载速度，改进大学门户网站，并在未来提高浏览器门户兼容性[2]。DIV CSS布局技术已由W3C CSS工作组[3]提出，也称为级联样式表。CSS主要负责在Web设计中显示Web内容的格式和布局。
联样式表是一种标记语言，不需要编译，可以由浏览器直接运行，因为CSS是浏览器解释的语言。CSS在Web布局中运行良好。用CSS不仅可以控制网页的文本大小，颜色，文本对齐和字体类型，还可以控制高度。条，字母间距和英文字符大小。写段落格式并控制文本的第一个单词或行的样式。Web开发人员可以将他们创建的样式规则应用于整个站点的所有Web页面，因此您始终可以找到需要更改网站内容的格式，例如通过增加字体大小或通过更改字体。且只需要在相应的样式表中更改CSS属性的值。
CSS标记语言代码应用于网页有四种方法：将CSS代码直接存储在HTML标记样式属性中，在页眉中编写内部样式规则，嵌入外部样式规则和链接外部样式规则。外部样式规则将CSS代码放在纯文本文件中，与网页文件分开，这需要使用css作为扩展名。部样式表允许网站开发人员通过简单地编辑CSS文件来更改网页的整体布局。样，节省了网站的维护成本，提高了网站维护的效率，并且可以使用CSS文件修改整个网站页面的样式和布局。DIV标记是一个容器标记，可用于布局网页。页可以由多个DIV容器组成，每个容器对应于网页的单独模块。其他HTML标记一样，可以通过CSS控制DIV容器。联样式表可以控制DIV容器的显示大小，背景颜色，背景图像，字体类型，字体大小以及容器的特定位置。网页中的DIV容器定义的模块[4]。
DIV CSS表示方法的想法是首先使用DIV容器标签将网页划分为几个模块，每个DIV标签可能对应于单独的网页模块[5]。后，页面的内容元素分别放在相应的DIV模块中，然后每个容器模块的样式由CSS规则和CSS边框属性（Border），padding属性和边境财产（保证金）被采用。浮动属性（Float）来控制容器模块之间的相对位置，最后确定它们之间的布局和位置关系[6]。用DIV CSS技术分析和设计大学网站系统大学门户网站系统功能包括以下模块：主页，学校简介，组织，团队教师，人才培养，科研，国际交流，学生工作。
有关录取，职业指导和公共服务的信息。个模块的详细结构如图1所示。站的LOGO区域：显示大学的名称及其LOGO标志。
站的主要区域：以无序列表中的UL列表的形式查看大学的学术活动和校园广告信息。站新闻区：显示来自大学和学院的最新新闻列表。站上的友情链接区：显示每个兄弟的大学网站的链接信息。站版权信息区：显示大学门户系统的版权信息，以及大学的具体联系信息和地理位置信息。用DIV CSS技术设计页面结构的优点表明DIV CSS表示比传统表格布局更复杂，因为传输控制每个表示的DIV层。多CSS规则要实现代码。是，一旦开发人员掌握了DIV CSS布局方法，它将比表格布局更灵活，更方便。司表达的设计优势如下：在调整门户网站每个模块之间的相对位置时，使用DIV CSS技术设计页面结构的大学门户网站门户相对简单。
Web容器。
于每个DIV模块相对独立，因此不受其他模块的影响。用DIV CSS技术设计页面结构的大学门户网站的页面格式变化非常有效。DIV CSS模式下网站的内容代码和格式代码是分开的，以便大学门户网站的显示结构和显示格式的修改更加实用和有效。整和维护。用DIV CSS技术设计页面结构的大学门户网页可以连续下载和显示演示文稿的DIV层，以便更快地访问网页而不是网页的表格显示。用DIV CSS技术设计页面结构的大学门户网站提供与浏览器的高度兼容性。于DIV CSS网页布局符合W3C标准，因此该技术可向后兼容浏览器软件。表格布局模式相比，DIV CSS页面结构设计方法对于搜索引擎更方便，这使得可以在万维网上快速搜索大学门户。论使用DIV CSS Web页面演示技术的Web Portal System Web页面解决了以前表格页面布局的缺点。网页格式代码和网页定位代码中分离网页内容代码的技术使校园门户网站代码更加简洁，易于升级和维护网站，大大节省了人力和物力成本。际应用表明，使用DIV CSS技术的大学门户系统的下载速度明显优于使用表格表示技术的大学门户系统页面。外，该技术可以有效地减少网页流量，同时提高网页的下载速度。
本文转载自
宁波网站建设 http://www.leseo.net
补充词条：
宁波网络seo公司
宁波seo优化公司
宁波网络seo
宁波网站排名优化
宁波seo外包
