World1000 - Таблицы или слои, что лучше?
Баннерная сеть

Личный кабинет

Имя

Пароль

Запомнить меня


Забыли пароль?
Зарегистрироваться

  2008-11-04 11:51
Издавна многие web-мастера используют таблицы для компоновки своего веб-сайта. Но у таблиц есть много недостатков. Самый главный недостаток это то, что большинство браузеров пока не прогрузят всё содержимое таблицы, ничего не покажут :-( !!! Ещё один недостаток заключается в том, что таблицы в исходном коде html трудны для восприятия! Вот обычная компоновка страницы:




Допустим, слой “banner” должен быть в самом верху. В тег <style> добавим:
#banner
{
z-index: 1;
position: absolute;
top: 0px;
left: 0px;
height: 60px;
width: 800px ;
}

Слой “links” будет шириной 135px и иметь отступ 60px сверху. Тогда в <style> надо добавить:

#links
{
z-index: 2;
position: absolute;
top: 60px;
left: 0px;
width: 135px ;
}

И наконец слой “text” имеет ширину 665px и отступы сверху 60px и слева 135px:

#text
{
z-index: 3;
position: absolute;
top: 60px;
left: 135px;
width: 665px ;
}

Ладно слои мы создали, теперь надо бы их наполнить! Вот полный код html:

<html>
<head>
<style>
<!--Описано выше-->
</style>
</head>
<body>
<div id="text">
Ваш текст... Текст страницы...
</div>
<div id="links">
Ссылки... Ссылки...
</div>
<div id="banner">
Надоедливая реклама...
</div>
</body>
</html>

Поскольку самое главное для посетителей – это содержание страницы, а не баннер и ссылки, то в теле страницы слой “text” идет самым первым. Этот слой загрузится вначале, а затем ссылки, и после них уже реклама.
Таким образом, посетитель увидит нужный материал раньше, и начнет его читать, а пока он читает, загрузится все остальное.
А ведь посетители – самое главное.
Быстрый переход
  • Company
  • Overview
  • Facts and Figures
  • Why Us
  • Testimonials
  • Careers
  • Capabilities
  • Technology Centers
  • Microsoft .NET
  • Java EE
  • PHP
  • AJAX
  • Skill Set
  • Domain Expertise
  • Web 2.0
  • Rich Internet Applications
  • Business Continuity
  • Quality Management
  • Methodology
  • Services
  • Advanced Web Development
  • Web Application Development
  • Web and Enterprise Portal Development
  • Website Design and Development
  • Web-based Database Programming
  • Web-enabling Legacy Applications
  • Opensource Software Customization
  • Business Application Development
  • Content and Document Management
  • Secure Intranets / Extranets
  • Customer Relationship Management
  • Workflow Management
  • Supply Chain Management
  • Interactive Learning
  • Independent QA and Testing
  • Application Security Consulting
  • Graphic Design / Multimedia
  • Maintenance and Support
  • Outsourcing
  • Outsourcing Overview
  • Dedicated Teams
  • Security and IP Protection
  • Engagement Models
  • Portfolio
  • By Business Domain
  • Corporate / Info Websites
  • Communities and Networks
  • B2B / B2C Internet Portals
  • Retail / Ecommerce
  • Media Distribution
  • Workflow Management
  • Customer Management
  • Enterprise Collaboration
  • Supply Chain Management
  • eLearning / Online Training
  • By Technology Focus
  • Microsoft .NET
  • Java EE
  • PHP
  • By Solution Type
  • Websites
  • Web Applications
  • Enterprise Solutions
  • Contact
  • Contact Form
  • Get Free Evaluation
  • Call Me Back
  • Contact Info
  • Map