Урок № 21. Создаём страницы Третьего уровня. Формируем структуру сайта.
Автор: Андрей Краснокутский
Дата: 2010-02-15 Как сформировать правильную структуру сайта?
Посещая различные сайты в Интернете, Вы наверняка не раз замечали, что иногда, чтобы найти нужную информацию, приходится перелопатить кучу web-страниц, а подчас ненайдя то что ищите Вы просто уходили с этого сайта и никогда сюда больше не возвращались. А в душе оставался осадок.
А иногда приходя на какой то сайт Вы замечали, что все разложено четко и аккуратно, для поиска нужной информации достаточно сделать пару движений мышкой - все очень удобно и наглядно. На такие сайты хочется возвращаться снова и снова.

Это называется Структура сайта. Чем доступнее и прозрачнее Структура сайта, тем легче Посетителям на Вашем сайте. По своей натуре люди ленивы и им проще уйти на другой сайт, чем рыться на плохо структурированном сайте. Поэтому от того как у Вас все организовано - напрямую зависит количество посетителей, а так же будут ли к Вам приходить люди снова и снова.
Кроме того от организации Структуры сайта - зависит индексация web-страниц, т.е. как скоро эти страницы попадут в Посиковые Системы, а следовательно будут ли они выдаваться при запросе Пользователей Интернета.
Выводы напрашиваются сам собой:
-
Мы должны сформировать четкую и удобную структуру сайта.
-
Помочь Посетителям в поисках нужной для них информации.
-
Облегчить Поисковым Системам индексацию страниц сайта.
Вот этим мы и займемся в этом уроке. Мы начнем формировать структуру нашего сайта. Для этого создадим несколько дополнительных папок и страниц Третьего уровня.
По окончании урока, Вы будете знать "правильную" структура сайта, знать какие функции выполняют разные страницы и иметь на своём копьютере новые папки и страницы Третьего уровня. В следующем уроке мы закончим формировать "правильную" структуру сайта.
В комплекте к уроку идут Исходники, т.е. в любой момент можно открыть Исходник и проверить правильность Кода, скопировать весь код или нужную часть и вставить на свой сайт.
Урок представлен в двух вариантах:
-
Текстовый вариант в формате PDF, Вы можете распечатать урок на принтере, и повторять шаг за шагом держа перед глазами печатный вариант урока или изучать этот урок лежа на диване :). Текстовая версия урока снабжена подробными поясняющими скриншотами и картинками. Размер архива: 0,9 Мб. Приобрести урок № 21 в PDF формате+Исходник.
-
Второй вариант представлен в том же текстовом формате и в Видео формате: PDF + Видео . Видео версия урока, записана с монитора. Текстовый формат Вы можете так же распечатать на принтере. В Видео уроке я Вам буду показывать, и комментировать голосом все необходимые действия. Вам останется только все это повторять. Продолжительность Видео урока: 17:37 мин. Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я" Урок № 21 в формате Video + PDF.
В конце урока Вас как всегда ожидают Контрольные вопросы по пройденной теме урока и Домашнее задание. Выполняя эти задания Вы закрепите полученные в этом уроке знания.
Для людей изучающих данный курс, открыта специальная служба поддержки, куда Вы в любой момент можете обратиться за помощью или советом.
Приобрести урок № 21 в формате PDF+Исходник.
Размер архива: 0,9 Мб.
Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я":
Урок № 21 в формате Video + PDF.
Продолжительность Видео урока: 17:37 мин.
Другие уроки Обучающего Курса: Сайт от А до Я
Сайт своими руками от А до Я. Обучающий курс. О чем этот курс?
Урок № 01. Ищем тему для создания Вашего сайта и определяем «Востребованность сайта» Бесплатный ознакомительный урок (PDF).
Урок № 02. Программы необходимые для создания сайта и настройка этих программ.
Урок № 03. Создаём первый HTML файл в программе Dreamweaver и в ручном режиме в Notepad++
Урок № 04. Разбираем структуру HTML документа. Работаем в программе Dreamweaver.
Урок № 05. Изучаем таблицы в редакторе Dreamweaver CS 3. Закрепляем навыки в редакторе Notepad++
Урок № 06. Создаём «каркас» сайта в программе Dreamweaver CS 3.
Урок № 07. Делаем header (верхний графический элемент) для сайта в программе Photoshop.
Урок № 08. Заканчиваем изготовление header (Верхнего графического элемента) для сайта в программе Photoshop.
Урок № 09. Делаем footer (нижний графический элемент) для сайта в программе Photoshop.
Урок № 10. Устанавливаем Хеадер и Футер в "Каркас сайта" в программе Dreamweaver.
Урок № 11. Наполняем web-страницу текстом в программе Dreamweaver.
Урок № 12. Форматируем текст на web-странице в программе Dreamweaver CS3.
Урок № 13. Учимся создавать Заголовки и изменять Фоновый цвет web-страницы в программе Dreamweaver CS3.
Урок № 14. Готовим графику в Photoshop. Учимся создавать галереи изображений в программе Dreamweaver CS3.
Урок № 15. Подключаем к Сайту Каскадную Таблицу Стилей CSS в программе Dreamweaver CS3.
Урок № 16. Восстанавливаем созданные ранее стили с помощью CSS в файле style.css
Урок № 17. Дорабатываем дизайн сайта с помощью CSS.
Урок № 18. Создаём Меню для нашего Сайта.
Урок № 19. Проверяем внешний вид сайта в разных Браузерах. Создаём новые разделы Сайта.
Урок № 20. Учимся делать Гиперссылки. Заканчиваем оформление Меню сайта.
Урок № 21. Создаём страницы Третьего уровня. Формируем структуру сайта.
Урок № 22. Завершаем формирование структуры сайта. Формируем страницы Второго уровня.
Урок № 23. Покупаем и Регистрируем Доменное имя для сайта.
Урок № 24. Покупаем Хостинг для сайта.
Урок № 25. «Закачиваем» сайт на Хостинг. Ура!!! Наш сайт заработал в Интернете.
Просмотров: 10304
|