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

Создание сайтов

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

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

Разработка сайта

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

      Рассмотрим в качестве примера разработку HTML кода формирования "шапки" этой веб сайта.
      
            Сайт
      
      "Шапка" данной 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)
      
      Кое-что дополнительно о графике
      
      Поисковые системы индексируют информацию о изображениях, содержащихся в контенте веб сайта и его графическом оформлении.

      Поэтому для картинок в тексте заполняйте поля 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 - добавить сайт    Статистика запросов Гугл    Каталог    Барби    Скачать    Шаблоны сайтов    Windows    Печать широкоформатной продукции и подарочная упаковка на сайте аПРИори   

        

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