| Разработка сайтов | ||
| Создание сайтов. Анализ и оптимизация HTML кода готовых бесплатных сайтов для раскрутки |
|
Создание сайта >> Разработка сайта >> Создание сайтов >> Разработка сайтов >> Создание >> Разработка сайтов >>
Создание сайтов
Посмотрим, как выполнен дизайн и HTML код шаблона для этого сайта. Мы используем шаблон сайта с фиксированной шириной:
|
Разработка сайта1. Структура web страницы Веб страница состоит из стандартного заголовка, набора мета-тегов, списка стилей и основного блока контента. Основной блок контента сайта - набор таблиц одинаковой ширины и одинакового оформления. Несмотря на то, что на экране броузера web страница выглядит цельным блоком, на самом деле, на уровне HTML кода, она разделена "поперечно" на несколько таблиц меньшего размера. Дело в том, что web броузеры имеют одну особенность - таблица отображается в окно броузера (и становится видимой пользователю) только после полной загрузки её и всех её элементов (текста, графики, скриптов и т.д.) При одинаковом видимом результате загрузка отдельных "маленьких" таблиц выполняется быстрее и на экран web страница отображаются быстрее.
Рассмотрим в качестве примера разработку HTML кода формирования "шапки" этой веб сайта.
|
|
<td background=1.jpg width=49 height=33></td> - для левого столбца
Ширину сайта (таблицы) можно сделать вычисляемой и зависящей от параметров экрана компьютера посетителя. Для этого можно использовать следующий скрипт: <script language="JavaScript"> <!-- var wtt=screen.width; var htt=screen.height; document.write("Screen resolution="+wtt+"x"+htt+" pixels"); //--> </script> wtt - ширина экрана htt - высота экрана Для динамического формирования таблицы достаточно дописать следующие строки: var wtt=screen.width - 100; - сделаем ширину таблицы на 100 pix меньше ширины экрана ... document.write("<table border=0 bgcolor=#C7650E cellpadding=0 cellspacing=0 width="+wtt+">"); ... ... Создание сайта >> Шаблоны >> Создание сайтов >> Разработка сайтов >> Создание сайта >> Разработка сайта >> Создание сайтаЕсли предполагается делать длинную 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)
Как писать контент Если шаблоны для создания большого количества сайтов, может возникнуть потребность в большом количестве оригинального контента. Контнт невозможно просто копировать из разных мест и размещать на своих сайтах. Поисковые системы имеют специальные программы для поиска дубликатов (зеркал) сайтов. Посещаемость таких сайтов будет минимальной. Существуют программы и онлайновые сервисы для обработки контента - уникализаторы, синонимайзеры, генераторы контента. Эти сервисы обрабатывают введенный исходный текст переставляя предложения или абзацы, заменяя слова в тексте синонимами, кириллические буквы аналогичными латинскими и т.д. Такой текст выдается за оригинальный, уникальный. Несмотря на уверения владельцев таких сервисов, эффективность такого контента стремится к нулю. Если ваша страница с таким контентом хорошо индексируется и будет приличная посещаемость, ваш сайт будет проверен "вручную". Я сталкивался с практикой ручной проверки сайтов из 1-2 страниц на бесплатном хостинге. Пришлось выполнить значительный объем работ для выполнения требований представителей поисковой системы. Сайты, попавшие в блокировку, можно считать потерянными. Даже если потом написать полностью авторский контент, разблокировка может произойти через пол-года и это не гарантировано. Наилучшим вариантом для переработки контента можно считать изложение. Т.е. необходимо несколько раз прочитать исходный текст и затем его изложить по памяти. Желательно в тексте использовать другие имена собственный, бренды, географические названия. Кое-что дополнительно о графике Поисковые системы индексируют информацию о изображениях, содержащихся в контенте веб сайта и его графическом оформлении.
Поэтому для картинок в тексте заполняйте поля Alt="" См. пример - <img src=4.jpg alt="Веб дизайн" border=1>
Keywords - набор ключевых слов, характеризующих изображение и необходимых для быстрого поиска в базе. Должны разделяться точкой с запятой.
Контент сайта >>>> Структура шаблона >>>> Графические элементы >>>> Разработка сайтов |
|
|