Разработка и раскрутка web сайтов - вебдизайн
Анализ и оптимизация HTML кода готовых бесплатных сайтов для раскрутки
Сайт


      
      Если Вы скачали бесплатный web сайт с одного из следующих архивов:
mixweb.shmeleff.com, website.shmeleff.com или webtemplate.narod.ru, то Вы получили в своё распоряжение высококачественный компактный графический дизайн сайта, оптимизированный для быстрой загрузки даже по медленным каналам и быстрого отображения в окне броузера. HTML код и контент (содержание) web сайтов тщательно оптимизированы для быстрой загрузки в окно броузера и эффективной индексации в поисковых системах (SEO). На основе этих сайтов Вы можете строить системы раскрутки web ресурсов, создавая большое количество ссылок (см. далее).
      

      Анализ HTML кода Для того, чтобы использовать готовый web сайт наиболее эффективно, следует тщательно разобраться в его HTML коде, структуре web страницы и принципах оптимизации дизайна, использованных в данном случае.


      1. Структура web страницы Веб страница состоит из стандартного заголовка, набора мета-тегов, списка стилей и основного блока контента. Основной блок контента - набор таблиц одинаковой ширины и одинакового оформления. Несмотря на то, что на экране броузера web страница выглядит цельным блоком, на самом деле, на уровне HTML кода, она разделена "поперечно" на несколько таблиц меньшего размера. Дело в том, что web броузеры имеют одну особенность - таблица отображается в окно броузера (и становится видимой пользователю) только после полной загрузки её и всех её элементов (текста, графики, скриптов и т.д.) При одинаковом видимом результате загрузка отдельных "маленьких" таблиц выполняется быстрее и на экран web страница отображаются быстрее.

      Рассмотрим в качестве примера HTML код формирования "шапки" этой web сайта.
      
            Сайт
      
      "Шапка" данной web страницы состоит из трёх таблиц : верхней планки, центральной части с контентом (заголовком страницы в данном случае) и нижней планки.


            Разработка сайтов
            Разработка сайтов
            Разработка сайтов
      
      Рассмотрим HTML код, необходимый для каждой таблиц.
      
      <table border=0 cellpadding=0 cellspacing=0 width=900>
      Обычный тэг для таблицы. width=900 - ширина таблицы. Это значение нам будет необходимо для расчета ширины элементов <td> ... </td>
      <tr valign=top>
      Тэг (открывающий) строки таблицы.
      А далее - самое интересное и важное. В этой строке нужно создать 3 столбца : левый, центральный и правый. Ширина левого столбца и ширина правого будут строго определяться шириной графических элемнтов, которые будут объявлены как background.

      <td background=1.jpg width=49 height=33></td> - для левого столбца
      <td background=2.jpg width=798 height=33></td> - для центрального столбца
      <td background=3.jpg width=53 height=33></td> - для правого столбца
      Обратите внимание, что суммарная ширина столбцов width=49, width=798 и width=53 составляет 900. Т.е. равно ширине таблицы. При этом ширина левого столбца width=49 и ширина правого столбца width=53 точно соответствует ширине графических элементов background=1.jpg и background=3.jpg :
      
      Разработка сайтов    Разработка сайтов
      
      Точно по такому же принципу делается HTML код для центральной части с контентом. Только не задается высота (height) (для таблицы с большим, длинным контентом) и поэтому высота таблицы (длина страницы) автоматически раздвигается под конкретное наполнение (контент).
      
      <table border=0 cellpadding=0 cellspacing=0 width=900>
      <tr valign=top>
      <td background=4.jpg width=56></td>
      <td background=5.jpg width=792 align=center><font class="next">Разработка web сайтов - вебдизайн</font></td>
      <td background=6.jpg width=52></td>
      </tr>
      </table>
      
      Поэтому высота графических элементов для background левого и правого столбцов центральной части имеют очень маленькое значение - буквально несколько пикселей.  [
Сайт бесплатно]
      
      Веб дизайн    Вебдизайн
      
      Если предполагается делать длинную web страницу, то таких таблиц для средней части нужно делать несколько, разделяя большой массив контента на несколько небольших.  [
Раскрутка]
      
      Точно так же делаем для нижней планки - фактически полную копию HTML кода для верхней планки.
      
      <td background=7.jpg width=49 height=33></td> - для левого столбца
      <td background=8.jpg width=798 height=33></td> - для центрального столбца
      <td background=9.jpg width=53 height=33></td> - для правого столбца
      
      Дизайн сайтов    Дизайн сайтов    Дизайн сайтов
      
      Здесь средний графический элемент Дизайн сайтов очень узкий. В качестве background он будет "растянут" на 798 пикселей (width=798)
      
      Кое-что дополнительно о графике
      
      Поисковые системы индексируют информацию о изображениях, содержащихся в контенте web сайта и его графическом оформлении.

      Поэтому для картинок в тексте заполняйте поля Alt="" См. пример - <img src=4.jpg alt="Веб дизайн" border=1>
      
      Кроме того, картинки имеют несколько полей, которые почти никогда не заполняют, но которые обрабатываются фото сервисами и могут так же влиять на индексацию.
      
      Document title - Название работы. Лучше вводить текст, который чаще подают в запросах в поисковых системах.
      
      Author - автор работы (ФИО).
      
      Description - Описание того, что изображено на рисунке или фотографии.
      
      Description writer - Составитель описания
      
      Keywords - набор ключевых слов, характеризующих изображение и необходимых для быстрого поиска в базе. Должны разделяться точкой с запятой.
      
      Copyright status - в "выпадающем" списке необходимо выбрать "Copyrighted", т.е. защищено авторскими правами.
      
      Copyright notice - необходимо указать текущий год, имя и фамилию автора.
      
      Copyright info URL - указать www адрес, где прописана правовая информация на данное произведение.
      
      Headline - описание места съемки, если это фотография. Подробнее
>>
      


      
      

        

        

  
 :: Курсовик :: Free ebook :: Игры скачать :: Развивающие игры :: Игральные карты :: Учебник :: PSD :: Corel Draw :: Курсовики :: Скачать игры :: Free game :: Английский язык :: Бесплатные игры :: Готовые бесплатные веб сайты :: Курсовик :: MP3 :: Земельные участки  :: Веб сайты директория m2i.ru - m2i.ru, совместро с оптимизация от pr-cy.ru  ::  Каталог уникальных ресурсов  ::  Каталог сайтов Kiwikitti  ::  Каталог сайтов Omgstuff  ::  Barbie  ::  Photos and albums  ::  Free download  ::  Эффективная оптимизация веб сайтов PromoServer  ::  My bookmark  ::  Free bookmarks page  ::  Каталог сайтов INTERNETTODAY.RU - добавить сайт  ::  Статистика запросов Гугл  ::  Каталог  ::  Барби  ::  Шаблоны сайтов  ::  Печать широкоформатной продукции и подарочная упаковка на сайте аПРИори  :: 
        

Рейтинг@Mail.ru     Amfibi Web Search & Directory   Занесено в каталог Deport.ru