Учимся делать рамку

Понедельник, 25 Октября 2010 г. 18:11 + в цитатник

Цитата сообщения Милолика_Покровская

Прочитать целиком В свой цитатник или сообщество!

Учимся делать рамку.

На небольших примерах.Покажу как делать рамку и из чего она состоит.
По мере своих сил объясню самое основное что нужно знать ,чтобы делать рамки не просто копируя чужие,но и получая удовольствие от своих рамочек.
Каждая рамка это таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Эти свойства присваиваются элементам таблицы с помощью параметров WIDTH,HEIGHT, VALIGN, BORDER, BACKGROUND, CELLSPACING, CELLPADDING это не все параметры,но основные, без них невозможно сделать рамку.
Код этой рамки.

1. table width="100%" -Дословный перевод "Ширина стола." тоесть этот тег отвечает за РАЗМЕР самой рамки(см. в коде).В моём случае он 100%.
А вот что будет если я поменяю в первом теге его размер со 100% на 50%

Рамка поменяла свой размер и стала ровно в половину меньше.

2. border="0" -Параметр BORDER служит для управления толщиной границ таблицы.Всем понятно ,что он обозначает -это КРАЙ СЛОЯ его толщина в рамке.У меня в рамке его нет поэтому стоит цифра"0"(см.в коде).Этот тег можно менять на любую цифру по вашему желанию.Например я поменяла в 1слое на border="7" и во 2слое на border="1"и вот что у меня получилось.

Видите как изменилась рамка.И в первом слое край стал более широким,чем во втором.

3. cellspacing, cellpadding-Параметры CELLSPACING служат для управления количеством свободного пространства между ячейками таблицы, а CELLPADDING — между границами ячейки и ее содержанием.Если совсем просто,то cellspacing-увеличивает ШИРИНУ фонового слоя,а cellpadding -расстояние между слоями.Поэкспериментируйте.
У меня в коде Параметры cellspacing, cellpadding="1".А смотрите что будет если я их поменяю например в 1 слое на cellspacing="30" и во 2и3слое на cellspacing="10" cellpadding="1" Вот что получится

Видите разницу.Рамка стала выглядеть совсем по другому.

5. tr valign="top"-Параметр VALIGN применяется только внутри тегов tr и td . Это ВЫРАВНИВАНИЕ задается сразу для всех ячеек,и управляет выравниванием рамки относительно окна браузера и выравниванием содержимого относительно границ ячеек.
Выравнивает рамку,чтобы слои,текст не налезали друг на друга.
6. BACKGROUND.-Самый основной параметр в рамке.Он обозначает ФОН и даёт фоновые слои рамке.Если видите этот параметр значит сюда загружаете свой фон.Благодаря ему РАМКА приобретает красивый вид.
7. IMG src -предназначен для отображения в рамке изображений или КАРТИНОК в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой.Если видите этот параметр,то знайте,что сюда мы вставляем нужную вам КАРТИНКУ.
8. WIDTH,HEIGHT. -Это размеры картинки её ШИРИНА и ВЫСОТА .Эти параметры меняются под размер картинки,линеечки и т.д.
9. font color="EEDD82"-Это ЦВЕТ ТЕКСТА.Имеет цифровое или ещё буквенное значение "blue"Можно менять значения.
10. font size="4"-Это РАЗМЕР ТЕКСТА.Можно менять значения, увеличивать или уменьшать текст.
11..font face="Times New Roman"-Это название ШРИФТА ТЕКСТА.Тк же можно менять или добавлять ещё названия.
Вот и всё.Это то немногое,что нужно знать чтобы разбираться как делать рамочки.Пробуйте,экспериментируйте.
Посмотреть ещё рамки можно...
Все рамки в одном месте.

дневник Милолика Покровская

Серия сообщений "уроки фотошопа":
Часть 1 - коллаж
Часть 2 - Photovisi – создание коллажа ОнЛайн
Часть 3 - Учимся делать рамку
Часть 4 - Делаем открытку в Paint
Часть 5 - Здесь собраны уроки по Photoshop от многих мастеров.
...
Часть 9 - Красивые рукописные шрифты + золотой стиль
Часть 10 - ДЕЛАЕМ КРАСИВЫЕ АНИМАЦИИ - урок №2
Часть 11 - Уроки для новичков Лиру.