Web-miss: Vanessa (vensy)
Opened: 18.05.2010
Theme: Blake Lively
Orders: OPEN
Coming soon
Выберите пакет услуг *:

Ваше имя/ник *:
Ваш e-mail *:
Ссылка на ваш сайт *:
Опишите то,что хотите видеть в дизайне(блоки,шапка) *:
Ссылки на качественные фото для дизайна(по желанию):
Названия ссылок для нав. меню на лого *:
Если вам нужны доп. услуги,то перечислите какие:
Код безопасности *:

200
Главная » Статьи » Помощь с HTML,CSS и Ucoz » Изучение HTML

Урок №2. Установка разрезанной шапки.

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

P.S. Этот урок вошел сразу в три категории: Изучение HTML, Установка каркасов на Ucoz, а также в категорию "Уроки по GIMP: для любителей".

1. У нас с вами имеется, к примеру такая шапка( не пугайтесь, это скрин из прошлого урока. Оригинал мне найти не удалось.):

2. В прошлом мы разрезали ее на четыре части, вот каждая из них 1, 2, 3 и 4. Теперь зайдите в любой текстовый редактор(Блокнот и т.п.). Мы напишем следующий код:

<table cellpadding="0" cellspacing="0" border="0">
<tr>
     <td><img src="http://www.timeofinspire.com/1ehjr/Ucoz/bev/1.png" border="0" alt=""></td>
       <td><img src="http://www.timeofinspire.com/1ehjr/Ucoz/bev/3.png" border="0" alt=""></td>
</tr>
<tr>
    <td><img src="http://www.timeofinspire.com/1ehjr/Ucoz/bev/2.png" border="0" alt=""></td>
    <td><img src="http://www.timeofinspire.com/1ehjr/Ucoz/bev/4.png" border="0" alt=""></td>
</tr>
</table>

Разберем код:

<tr></tr> - строки таблицы, у нас шапка имеет 4 части, по две строки по два столбца в каждой.

<td></td> - соответственно столбцы

Первая строка <tr></tr> состоит из первых двух столбцов таблицы( где находятся первые две части шапки 1 и 3).

Вторая строка <tr></tr>, соответственно, содержит 2 и 4 части шапки, а именно, вторые два столбца.

P.S.S. Подробнее о таблицах мы уже говорили с вами на 1 уроке, читайте, кто еще не в курсе: Таблицы. Урок 1.

3. Все, наш код уже готов! Теперь просто переходим в ПУ сайта, заходив в Дизайн - Управление дизайном(шаблоны) - Верхняя часть сайта. Удаляйте все и вставляйте получившийся код :) 

Итог: При помощи таблиц можно не только построить структуру шапки но и сделать весь каркас сайта, особенно если у вас плохо с навыками верстки)

Категория: Изучение HTML | Добавил: vensy (11/07/14) | Автор: Полина E
Просмотров: 557 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]