Урок № 19. Проверяем внешний вид сайта в разных Браузерах. Создаём новые разделы Сайта.
Автор: Андрей Краснокутский
Дата: 2010-01-28 Как выглядит сайт в других Браузерах.
Раз уж Вы занялись созданием собственного сайта, значит с компьютером общаетесь уже не первый день и успели почувствовать, что рынок программного обеспечения в наше время огромен. Одну и ту же задачу, можно решить с помощью разных программ.
То же самое творится и в Интернете. Браузеров развелось великое множество и не факт, что Ваш сайт будет выглядеть однаково например в Браузерах Internet Explorer и Opera. Поэтому мы должны сделать визуальную проверку в основных Браузерах, которыми пользуется большиство людей "гуляющих" в Интернете.
Происходит это из-за жестокой конкурентной боррьбы на рынке программного обеспечения. Каждый разработчик, старается выделиться и завоевать рынки сбыта. И к сожалению порой не всегда корректно в разных Браузерах отображается спецификация HTML.
Это очень ВАЖНЫЙ момент, не принебрегайте такой проверкой, иначе Вам возможно потом придется лихорадочно искать где Вы допустили ошибку и в результате переделывать весь сайт.

После выполнения визуальной проверки сайта в разных Браузерах мы создадим новые страницы для Разделов сайта или как иногда говорят Страницы Второго уровня. Страниц Второго уровня мы создадим по количеству Разделов сайта. Подберем имена файлов для новых web-страниц.
Работать мы будем с новыми Браузерами и с визуальным редактором Dreamweaver , Вы узнаете новые приемы работы в этом замечательном редакторе.
Итак, по окончании урока, Ваш сайт будет уже кроме Главной страницы (index.html) содержать страницы Разделов или как иногда говорят Страницы Второго уровня.
В комплекте к уроку идут Исходники, т.е. в любой момент можно открыть Исходник и проверить правильность Кода или скопировать весь код или нужную часть и вставить на свой сайт.
Урок представлен в двух вариантах:
-
Текстовый вариант в формате PDF, Вы можете распечатать урок на принтере, и повторять шаг за шагом держа перед глазами печатный вариант урока или изучать этот урок лежа на диване :). Текстовая версия урока снабжена подробными поясняющими скриншотами и картинками. Размер архива: 1,04 Мб. Приобрести урок № 19 в PDF формате+Исходник.
-
Второй вариант представлен в том же текстовом формате и в Видео формате: PDF + Видео . Видео версия урока, записана с монитора. Текстовый формат Вы можете так же распечатать на принтере. В Видео уроке я Вам буду показывать, и комментировать голосом все необходимые действия. Вам останется только все это повторять. Продолжительность Видео урока: 16:40 мин. Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я" Урок № 19 в формате Video + PDF.
В конце урока Вас как всегда ожидают Контрольные вопросы по пройденной теме урока и Домашнее задание. Выполняя эти задания Вы закрепите полученные в этом уроке знания.
Для людей изучающих данный курс, открыта специальная служба поддержки, куда Вы в любой момент можете обратиться за помощью или советом.
Приобрести урок № 19 в формате PDF+Исходник.
Размер архива: 1,04 Мб.
Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я":
Урок № 19 в формате Video + PDF.
Продолжительность Видео урока: 16:40 мин.
Другие уроки Обучающего Курса: Сайт от А до Я
Сайт своими руками от А до Я. Обучающий курс. О чем этот курс?
Урок № 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. «Закачиваем» сайт на Хостинг. Ура!!! Наш сайт заработал в Интернете.
Просмотров: 10824
|