Всем доброе время суток

В 1 уроке мы с Вами рассмотрим создание таблицы, из которой в дальнейшем получится красивый дизайн сайта.

Для начала создадим таблицу шириной 900 пикселей (в дальнейшем Вы можете исправить ширину как Вам угодно) с 7 строками и 3 столбцами, размер границы не имеет значения, можете поставить даже ноль, но я посоветовал бы все-таки поставить все, как показано на скрине ниже:
Смотрите на скрине ниже:


Все таблица создана и готова к редактированию.
Нам надо объединить 3 верхние ячейки, эта область будет называться хедер (шапка сайта). Для того чтобы объединить ячейки выделите их мышкой и нажмите на кнопку "Объединить" в левом нижнем углу программы.

То же самое сделайте и с последними нижними 3 ячейками, это будет наш футер (подвал сайта).
После того как Вы объединили ячейки, надо отредактировать высоту хедера (шапки сайта), для этого нажмите мышкой по пустому полю хедера и задайте высоту 150 пикселей, как показано на скриншоте ниже:

После тоже самое сделайте с футером (подвалом сайта), только вместо 150 пикселей поставьте только 30 пикселей.
Пример на скриншоте ниже:

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

После тоже самое сделайте и с другой стороны.
Только что мы с Вами создали область для рекламы. А сейчас мы создадим область для основного текста, для этого выделим центральные ячейки как показано на скриншоте и объединим их:


После того как Вы все объединили, зададим нашей области для рекламы высоту, для этого надо снова выделить мышкой все 5 ячеек для рекламы (не важно с какой стороны, программа автоматически задаст высоту и для противоположной стороны) и назначить высоту 150 пикселей (с предыдущих скриншотов Вы уже знаете где надо задавать высоту для ячеек и таблиц). После всего этого выполняем следующее действие: Файл - Сохранить как - Вибераем директорию, куда сохранить файл и пишем имя файла index.html- Нажимаем ОК - и открываем наш файл в браузере.

Вот что получилось у меня, у Вас должно получиться, похоже, советую использовать браузер Opera, он ускорит загрузку страниц и есть возможность увеличить и уменьшить размер страницы:



На этом первый урок закончен, ДО ВСТРЕЧИ В СЛЕДУЮЩЕМ УРОКЕ)))

Раскрутка вашего сайта!



 
Besucherzahler russian mail order brides
счетчик посещений
©Копирайт " Уроки по DreamWeaver 8 2013 "
Hosted by uCoz