-Метки

3d куколки corel paint shop pro faq flash gimp halloween html Маски анимационные картинки анимационные фоны анимация анимашки бесшовные фоны видеоуроки видеоуроки фотошоп винтаж все для gimp все для дизайна все для фотошоп вязание вязание крючком год змеи девушки день всех влюбленных день св. валентина зима календари картинки картинки для творчества картины художников картины художников картинки для творчества кисти для фотошоп клипарт клипарт png клипарт девушки клипарт на прозрачном слое коллаж коллажи коллажи в corel компьютерная грамотность компьютерные уроки для чайников куколки кулинария любовь маски для фотошоп и corel мои работы морская тема мужская тема новогоднии обои и фоны новый год обои для рабочего стола осень открытки к праздникам оформление дневника оформление постов пасха пасхальные идеи подарки к праздникам своими руками поделки полезности праздники программы рамочки рамочки для постов растровый клипарт jpg рецепты рождество романтика рукоделие ручная работа своими руками сердечки сказочные картинки скачать gimp скрапнабор скрапнаборы украшалки уроки corel уроки corel paint shop pro уроки flash уроки gimp уроки html уроки photoshop уроки анимации уроки анимации в фотошоп уроки корел уроки фотошоп фильмы и аудиокниги онлайн фильтры и плагины фильтры и плагины фотошоп фильтры фотошоп флешинформеры флешки флешчасики фоны фоны для коллажей фэнтази хобби часики элементы для дизайна

 -Рубрики

 -Всегда под рукой

link back to: http://www.waldgeist.co.uk

 -Поиск по дневнику

Поиск сообщений в mariflash

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 29.11.2009
Записей:
Комментариев:
Написано: 2417


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

Среда, 14 Апреля 2010 г. 19:38 + в цитатник
Цитата сообщения Милолика_Покровская Учимся делать рамку.





На небольших примерах.Покажу как делать рамку и из чего она состоит.
По мере своих сил объясню самое основное что нужно знать ,чтобы делать рамки не просто копируя чужие,но и получая удовольствие от своих рамочек.
Каждая рамка это таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Эти свойства присваиваются элементам таблицы с помощью параметров 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="EEDD822"-Это ЦВЕТ ТЕКСТА.Имеет цифровое или ещё буквенное значение "blue"Можно менять значения.
10. font size="4"-Это РАЗМЕР ТЕКСТА.Можно менять значения, увеличивать или уменьшать текст.
11..font face="Times New Roman"-Это название ШРИФТА ТЕКСТА.Тк же можно менять или добавлять ещё названия.
Вот и всё.Это то немногое,что нужно знать чтобы разбираться как делать рамочки.Пробуйте,экспериментируйте.
Посмотреть ещё рамки можно...
Все рамки в одном месте.

Милолика Покровская
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку