Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Урок № 17. Дорабатываем дизайн сайта с помощью CSS.

Автор: Андрей Краснокутский

Дата: 2010-01-19

Создаем общий стиль оформления сайта.

В этом уроке мы продолжаем работу начатую в прошлых уроках, а именно мы продолжаем создавать общий стиль оформления нашего сайта. Ведь дизайн сайта - это одна из важных составляющих имиджа Интернет проекта. Как говорится по одёжке встречают. А кроме того приходя на сайт посетитель по внешнему виду сайта, делает выводы о профессионализме его владельца. А первое впечатление, согласитесь - важная вещь. Вспомните по одёжке встречают....

Итак, в этом уроке мы уберем с Вами созданные в прошлых уроках Рамки (созданные с помощью HTML), вокруг Главной и Вложенных таблиц (которые не вписываются в дизайн) и создадим но уже средствами CSS , новые, более подходящие и более элегантные окантовки вокруг всех основных элементов сайта: Главной и Вложенной таблиц, вокруг Футера и Хеадера.

Причем если Вы помните, CSS предоставляет гораздо больше возможностей для оформления дизайна. Например если HTML позволяет задать рамку вокруг всего объекта (таблицы, столбца и т.д), от CSS позволяет это сделать как со всех сторон, так и с каждой по отдельности или с нескольких необходимых сторон. Вот этими свойствами мы и воспользуемся.

Вы узнаете как создаются не только сплошные рамки, но и рамки из Черточек или Точечные рамки.

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

Дорабатываем дизайн сайта с помощью CSS

Итак, в этом уроке мы создадим свой неповторимый стиль для дизайна сайта с помощью Каскадной Таблицы Стилей CSS .

В комплекте к уроку идут Исходники, т.е. в любой момент можно открыть Исходник и проверить правильность Кода или скопировать весь код или нужную часть и вставить на свой сайт.

Урок представлен в двух вариантах:

  1. Текстовый вариант в формате PDF, Вы можете распечатать урок на принтере, и повторять шаг за шагом держа перед глазами печатный вариант урока или изучать этот урок лежа на диване :). Текстовая версия урока снабжена подробными поясняющими скриншотами и картинками. Размер архива: 0,6 Мб. Приобрести урок № 17 в PDF формате+Исходник.
  2. Второй вариант представлен в том же текстовом формате и в Видео формате: PDF + Видео . Видео версия урока, записана с монитора. Текстовый формат Вы можете так же распечатать на принтере. В Видео уроке я Вам буду показывать, и комментировать голосом все необходимые действия. Вам останется только все это повторять. Продолжительность Видео урока: 24:46 мин. Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я" Урок № 17 в формате Video + PDF.

В конце урока Вас как всегда ожидают Контрольные вопросы по пройденной теме урока и Домашнее задание. Выполняя эти задания Вы закрепите полученные в этом уроке знания.

Для людей изучающих данный курс, открыта специальная служба поддержки, куда Вы в любой момент можете обратиться за помощью или советом.

 

Приобрести урок № 17 в формате PDF+Исходник.
Размер архива: 0,6 Мб.

Урок доступен в составе Обучающего Видео Курса: "Сайт от А до Я":
Урок № 17 в формате Video + PDF
.
Продолжительность Видео урока: 24:46 мин.

 

Другие уроки Обучающего Курса: Сайт от А до Я

Сайт своими руками от А до Я. Обучающий курс. О чем этот курс?

Урок № 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. «Закачиваем» сайт на Хостинг. Ура!!! Наш сайт заработал в Интернете.

 

Просмотров: 5918


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео курс по созданию сайтов: Сайт от А до Я
С нами сделать сайт
сможет даже Ребёнок!
"Сайт от А до Я"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT