HTML, Excel, Word, SEOКак сделать свой сайт ⇒ Последние штрихи создания сайта

СВОЙ САЙТ

Этапы создания сайта
· Контент сайта
· Выбор хостинга (бесплатный хостинг)
· Выбор хостинга (платный хостинг)
· Компоновка сайта
· Верхняя часть сайта
· Внешний лист стилей
· Последние штрихи создания сайта
· Размещение сайта в сети
· Раскрутка сайта. Счетчики посещений
· Регистрация сайта в каталогах и поисковиках
Поисковая оптимизация
· Поисковые системы
· Внутренние факторы ранжирования
· Внешние факторы ранжирования
· Правильный обмен ссылками
· Регистрация в белых каталогах
· Индексация сайта
· Подбор ключевых слов
· Общие советы
· Пример пошаговой раскрутки сайта
Основы администрирования сайта
· Что такое лог-файлы. Анализ лог-файлов
· Счетчики посещений сайта
· Работа с FTP
Форум phpBB2
· Стартовое окно
· Общие настройки
· Смайлики
· Управление форумами
· Управление пользователями
Основы SEO
· Информация в Интернете как средство заработка
· Как заработать на сайте
· Где взять посетителей на сайт
· Цель раскрутки сайта
· Как работает поисковик
· Что индексирует поисковик
· Что такое "релевантность"
· Ранжирование результатов поиска
· Семантическое ядро сайта
· Анализ контента сайта
· Внутренние факторы ранжирования
· Коррекция сайта
· Ссылочное ранжирование и авторитетность сайта
· Внешние ссылки
· Техническая работа со ссылками
· "Черные" методы продвижения сайта
· Поисковая реклама
· Планирование поисковой рекламы
· Софт для раскрутки сайта
· Серч - самый полный форум по поисковой оптимизации

 

Последние штрихи создания сайта


Закончим создание нашего учебного сайта.


Для этого нам осталось придумать, что разместить в зонах 2, 4, 5.


Слева (зона 2) предлагаю разместить навигационную панель по конкретному разделу сайта. От того, насколько рационально организована навигация по сайту, зависит, вернется ли посетитель вновь. Чем лучше продумана навигация, тем удобнее и приятнее "путешествовать" по сайту. Поэтому данному компоненту веб-дизайна надо уделять особое внимание.


Правую часть (зона 4) отведем под баннеры и рекламу (на начальном этапе об этом говорить еще рано, но, все же).


Нижнюю часть сайта (зона 5) оставим для служебной информации - копирайта, адреса электронной почты. Не следует забывать об этих, казалось бы, мелочах. Порой заходишь на вполне приличный сайт и полчаса ищешь адрес для обратной связи с автором, а иногда и не находишь. Больше подобные сайты посещать не хочется, не говоря уже о деловых отношениях с их авторами.


Попробуйте все это проделать самостоятельно. Примерный результат можно посмотреть здесь.


На этом описание создания учебного сайта закончим. На основе приобретенного опыта, думаю, не будет проблемой создание чего-то своего.


По мере совершенствования веб-мастерства для вас станет очевидным, что без дополнительных средств веб-дизайна (php, java-скрипты, формы и т.д.) не обойтись. Как же быть? Есть три пути.


Можно воспользоваться бесплатными скриптами. Благо их сейчас в избытке. Как правило, скрипты имеют подробные описания, и установить их не составит особого труда. Недостатки таких скриптов - "глючность" (не всегда, конечно) или функциональные ограничения. Поэтому, чтобы найти хороший бесплатный скрипт, полностью вас удовлетворяющий, придется изрядно потрудиться.


Гораздо более надежным вариантом является покупка или заказ написания скрипта. В этом случае вы можете четко и ясно изложить программисту, чего вы хотите от действия скрипта. Программист может написать скрипт и "привязать" его конкретно к вашему хостингу. Единственным минусом такого варианта является то, что за работу придется платить деньги и, может быть, немалые.


Ну и, наконец, можно самому освоить языки написания скриптов. С точки зрения удобства это идеальный вариант. Отрицательной стороной его является тот факт, что на это дело у вас уйдет не один месяц, а скорее не один год. Каким путем идти - решать вам.


Теперь, когда с разработкой сайта закончили, перейдем к его выгрузке в сеть и "раскрутке".



PS


Более продвинутым будущим веб-мастерам рекомендую ознакомиться с разделом HTML профессионально.


Полезный программинг сайта

Весьма вероятно, что ваш сайт с течением времени будет развиваться и "обрастать" новыми страничками, которых может стать довольно много (несколько сотен, а то и тысяч). В таком случае внесение каких-либо изменений, например, в общую навигацию сайта, будет сопряжено с определёнными трудностями (речь идёт о простом html), поскольку исправлять надо будет довольно много страниц. Поэтому, не стоит упускать сей довольно важный момент при начальной разработке ресурса.


Всё довольно просто. Мы будем использовать, так называемый, модульный принцип конструирования сайта. Что это значит? Зону 1 (шапка сайта), в которой, как правило, располагается общая навигация для всего сайта и зону 5 ("подвал" сайта"), в которой располагаются информационные данные о сайте и его авторе, - вынесем в отдельные файлы, которые будем "подключать" к каждой странице сайта. Весь этот процесс (так называемый, программинг сайта) будет осуществляться при помощи языка php.


Начнём!


В корневом каталоге всего сайта создадим файл без имени, но с расширением: .htaccess


Это обыкновенный текстовый файл, в который надо вписать следующие строки:

RemoveHandler .html .htm
AddType application/x-httpd-php .php .htm .html


Эти действия позволят нашим статическим страницам простого html "читать" и правильно исполнять инструкции языка php.


Теперь надо выделить повторяющийся (одинаковый на всех страницах сайта) html-код в отдельный файл. Скажем, код "шапки сайта" выделим в отдельный файл с именем top.html, а код "подвала сайта" - в bottom.html. ВНИМАНИЕ! Файлы top.html, bottom.html не являются "полноценными" html-страницами (они могут не содержать всех обязательных тегов стандартной html-страницы). Это всего лишь файлы с повторяющимся "куском" кода.


Из того места "стандартных" страничек, где был выделен код, - этот самый код надо удалить и на его место вставить следующие строки:
<?@include("top.html");?> - для шапки сайта; <?@include("bottom.html");?> - для подвала сайта;


ВНИМАНИЕ! Надо следить за относительным месторасположением файлов top.html, bottom.html и каждой отдельной страницы, к которой подключаются эти файлы! Если, например, подключаемые файлы находятся в корневом каталоге сайта, а страничка, подключающая эти файлы - в другом каталоге, то подключаемый код будет иметь вид:
<?@include("../top.html");?> - для шапки сайта;
<?@include("../bottom.html");?> - для подвала сайта;



Всё готово! Теперь, изменяя код только в файлах top.html, bottom.html он автоматически изменяется на ВСЕХ страницах сайта, где используется подключение!




В начало страницы



В начало страницы