企业网站设计指南：网页设计中表格和层排版的使用技巧

企业网站设计指南：网页设计中表格和层排版的使用技巧

表格是页面结构网页设计中不可缺少的关键因素。运用表格排版能够规范整个网站页面，将网站页面中纯文本文字、image图片、动画等众多因素有条理地统一组织起来。层是一种新的CSS主题定位技能，它具备许多表格所不具备的特点，例如能够重叠，移动方便，能够设为隐藏，还能够增加添加许多举动来丰富网站页面结果效果。所以，很多情景概况下，能够同时运用表格与层搭配推进排版，既能够运用到表格的集体规范性，又能够运用到层的灵活性与丰富功能，从而设计规划出尤其精彩的网站页面。运用表格和层排版在Dreamweaver页面结构网页设计中，排版的方式方法有很多种，其中运用表格和层排版是基本的方式方法，通过设计规划形式能够轻松实现，简单易学，是大家常用的方式方法，对网页页面排版起到了关键的作用。

表格排版在网页制作时，要想将文本信息、image图片等组织得美观，有条理，就需要排版人员头脑里有一个集体部署布局的观点。在Dreamweaver中，规划网站页面信息内容部署布局主要是依靠表格来实现的。通过表格的相互嵌套和合并、拆分，能够将自己的构思完整地表现出来。表格是页面结构网页设计设计制作时不可缺少的关键因素，它以简洁明了和高效快捷的方式将数值数据、文本信息、image图片、表单等因素有序地表现在网站页面上，从而设计规划出版式漂亮的网站页面。运用表格排版的网站页面，在不一样第三方平台、不一样分辨率的查看浏览器里都能保持其原有的部署布局，且在不一样的查看浏览器第三方平台有较好的兼容性，所以表格是网页页面中最常用的排版方式之一。表格排版比较规范，集体性强，通常的网页页面排版中都会运用表格推进集体的排版，但其表现比较中规中矩，不会有太多其他的丰富功能。层转换成表格排版前面提到，层与表格都能够用来在网站页面中主题定位其他对象，它们有时能够互相取代，但两者并不完全相同，有时就必须运用其中的一种。例如，当需要用到表格来排版网站页面，但又认为表格的增加添加比较烦琐，而层比较灵活，这时候，排版者能够运用层到表格的转换来完成。具体的操作流程步骤是：（1）首先在层面板中勾选“防止重叠”选项，这样绘制层的时候就不会显现叠加和嵌套的现象；（2）在网站页面中绘制若干个层，把网站页面中的各因素增加添加到层里面；（3）把每个层自由地排列到网站页面中各个相应的位置；（4）运用层排版结束之后，要将层排版转化为表格排版，选取“调整修改”—“转换”—“层到表格”命令，在对话框中配置设置好相应的参数，确定之后层就会转换成对应的表格。这种排版方式方法在排列对象时比较灵活一点，但有时也会出现少许多余的单元格。当然，这种方式方法通常适用于不太复杂的网站页面的排版，对于比较复杂的图文混排网站页面，最好依然是运用以前的的表格排版方式方法。排版时容易显现的疑问及解决方式集体表格排版显现的疑问有很多人在网页页面中用表格排版时习惯运用一个大表格，然后在大表格中嵌入一个个小表格，认为这保持了排版的集体性，其实这个习惯是不好的。一个大而长的表格在查看浏览器中打开时会加重查看浏览器的负担，查看浏览器通常是等待整个表格的信息内容都接收到以后才表现这个表格的信息内容，如果一个很长的网站页面运用一个大表格排版，那么这个网页页面表现相应速度就会比较慢，使得网站页面展现的时间大大加长，很多时候有些网页页面的浏览访问者会失去等待的耐心而放弃查看浏览这个网页页面。处理的方式方法是：拆分表格，将大表格化整为零，把表格打散，并要尽也许地防止表格的层层嵌套。关注，拆分后的表格的宽度要配置设置为相等，这样表格的排版结果效果和拆分前相比并不存在转变，在查看浏览器中展现时，网站页面会从上至下一个个表格展现出来，明显加快了网站页面打开的相应速度。层排版显现位置偏差在网站页面中运用表格和层混合排版时，先加入表格推进网站页面的集体部署布局，然后在局部加入层。通常情景概况下，层加入到网站页面中之后是游离在表格之上的，它虽然移动方便，但在网站页面中的位置是固定的，由于表格的宽度是固定像素，配置设置在窗口中居中表现，所以当窗口变大时，表格会出现一个相对位移，但是层却还在原位，不存在跟着相对位移，因而显现层与表格中其他信息内容位置上的偏差。所以，层排版的灵活性同样也体现了一定的不稳定性。要想办法使层与网站页面中其他因素一样，满足随查看浏览器的变化而出现相对位置上的变化。这个疑问处理之后，接下来就能够在网站页面中运用层的少许举动来丰富网站页面。结语总之，页面结构网页设计中，信息内容虽然很关键，但是如果只有好的信息内容而不存在精美的排版以及合理的部署布局，那么再好的信息内容也很难引起浏览访问者的阅读查看浏览兴趣。通过合理的、有新意的网站页面部署布局，特别是主页设计规划，才能够将网页页面的信息内容完美地展现在浏览访问者面前。所以，排版者在平时要多参考他人优秀的网页页面排版作品，增强排版练习，这样才也许创造更漂亮的网页页面排版。

转载自：企业网站设计指南：网页设计中表格和层排版的使用技巧

网站建设服务

悉知科技是一个有着12年经验的网站建设开发公司，品牌建站/外贸网站建设/谷歌营销推广/品牌营销策划，这些我们都能帮您搞定！

在线咨询

网站建设制作方案是什么 ? 报价多少钱 ?

获取建站报价