|   
 
 
 
 
 
 
   
  Поиск по сайту:
логин : пароль :  
    Напомнить пароль?    
Реклама
Популярные статьи
    Реклама
     

    Основы вёрстки сайтов

    CSS, HTML, Статьи
     
     
     

    Самым популярным типом верстки HTML-страниц долгое время была табличная верстка. Таблицы, которые изначально проектировались как средство представления двумерных массивов данных, использовались преимущественно как инструмент для точного позиционирования контента на веб-странице.

    Стандарт HTML не позволяет расположить картинки и текст относительно друг друга на четкой расстояния, а табличная верстка, в которой различные части контента помещаются в разные ячейки таблиц, позволяет решить эту проблему. К тому же, табличная верстка очень удобна в проектировании сайтов с большим количеством графических элементов: в больших рисунках почти всегда можно выделить части, окрашенные одинаковым цветом, которые можно выбросить, заменив на пустые ячейки с соответствующим фоном, сэкономив таким образом на общем объеме графики и времени загрузки страниц.

     

    Однако с развитием технологии CSS (каскадные таблицы стилей), все очень изменилось. Теперь считается очень дурным тоном проводить верстку страниц "табличным методом". Вместо этого теперь большинство приличных сайтов пытаются верстать сайты блоками <div>...</div>. Такой способ является более трудным, но это значительно уменьшает размер кода и скорость его загрузки в браузер клиента. Кроме того, у этого метода есть много других преимуществ. Среди их и чрезвычайная "мобильность" элементов дизайна, что в некоторых случаях очень выгодно...

     

    На популярных сайтах новостей мы видим, что текст разбит на колонки. Причем один столбец выделяется для основного текста, а другой для так называемых «врезе». Врез называется краткая аннотация статьи.

    Второе применение колонки сводиться к установлению навигации по сайту. Там могут быть ссылки, новости, баннеры...

     

    В планировании, наполнении и компоновке сайта следует ориентироваться на 2 правила:

    1. Оптимальным для веб-страницы является объем текста для одной HTML-страницы в пределах 4-5 «экранов» при разрешении монитора 600х800 точек
    2. Пользователь воспринимает сайт как сборник нужной информации и предпочитает предметные ресурсы.
    3. Основная информационная часть каждой отдельной HTML-страницы должна находиться в пределах первого экрана

     

    Для коротких материалов достаточно развернутого подзаголовка, а для больших возможна краткая аннотация. Одним из вариантов может стать размещение материалов в виде коротких аннотаций с потенциальной возможностью прочесть полный документ.

    К тому же, лучше избегать размещения рисунков и фотографий, занимающих всю ширину первой страницы экрана. Тогда посетитель сразу сможет прочесть статью, не дожидаясь загрузки картинки и не «прокручивая» экран.

    Тексты должны содержать максимум полезной информации и минимум рекламной. Сначала в сжатом виде излагается информация общего характера, а для ознакомления с деталями пользователь переходит по ссылке к новому файлу. При этом дается краткая предварительная аннотация о том, какая информация представлена ??по этой ссылке.

    Объем текста - количество строк, знаков и т. д. - зависит от конкретного материала и системы ссылок. Общая рекомендация: основной текст должен содержаться на одной странице, если возможно, без прокрутки. На практике это удастся не всегда. Здесь может помочь система ссылок: более подробная информация (например, нужна не всем) содержится в отдельном файле.

    Эксперты отмечают, что на каждой странице масс быть не более 20-30 кБ HTML-текста. Это связано не только с возможностями человеческого воспринятия но и с особенностями работы поисковых систем, которые в большинстве случаев является крупнейшим источником посетителей на сайте...


     
       
     
     
      Материал по теме:
     
     
     
     
     
    Сайт о животных | Отдых в Феодосии
    Копирование и распостранение материалов на другие сайты строго запрещено!
      Яндекс.Метрика