| Разработка сайтов | ||
| Создание сайтов. Анализ и оптимизация HTML кода готовых бесплатных сайтов для раскрутки |
|
Создание сайта >> Разработка сайта >> Создание сайтов >> Разработка сайтов >> Создание >> Разработка сайтов >>
Создание сайтовСоздание сайта можно вести на основе скачанных шаблонов или готовых сайтов. Если Вы скачали бесплатный сайт с одного из следующих архивов: mixweb.shmeleff.com, website.shmeleff.com или webpage.shmeleff.com, то Вы получили в своё распоряжение высококачественный компактный графический дизайн сайта, оптимизированный для быстрой загрузки даже по медленным каналам и быстрого отображения в окне броузера. HTML код и контент (содержание) веб сайтов тщательно оптимизированы для быстрой загрузки в окно броузера и эффективной индексации в поисковых системах (SEO). На основе этих сайтов Вы можете строить системы раскрутки web ресурсов, создавая большое количество ссылок (см. далее).
Анализ HTML кода Для того, чтобы использовать готовый веб сайт наиболее эффективно, следует тщательно разобраться в его HTML коде, структуре web страницы и принципах оптимизации дизайна, использованных в данном случае. |
Разработка сайта1. Структура web страницы Веб страница состоит из стандартного заголовка, набора мета-тегов, списка стилей и основного блока контента. Основной блок контента сайта - набор таблиц одинаковой ширины и одинакового оформления. Несмотря на то, что на экране броузера web страница выглядит цельным блоком, на самом деле, на уровне HTML кода, она разделена "поперечно" на несколько таблиц меньшего размера. Дело в том, что web броузеры имеют одну особенность - таблица отображается в окно броузера (и становится видимой пользователю) только после полной загрузки её и всех её элементов (текста, графики, скриптов и т.д.) При одинаковом видимом результате загрузка отдельных "маленьких" таблиц выполняется быстрее и на экран web страница отображаются быстрее.
Рассмотрим в качестве примера разработку HTML кода формирования "шапки" этой веб сайта.
|
|
<td background=1.jpg width=49 height=33></td> - для левого столбца
Создание сайта >> Управление >> Создание сайтов >> Разработка сайтов >> Создание сайта >> Разработка сайта >> Создание сайтаЕсли предполагается делать длинную 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>
Создание сайта >> Разработка сайта - руководство >> Создание сайтов >> Разработка сайтов >> Создание сайта >> Разработка >> Keywords - набор ключевых слов, характеризующих изображение и необходимых для быстрого поиска в базе. Должны разделяться точкой с запятой.
Разработка сайтов
|
|
|
|