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