-Рубрики

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

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

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

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

 

 -Статистика

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


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

Вторник, 11 Января 2011 г. 20:01 + в цитатник
Цитата сообщения Милолика_Покровская Учимся делать рамку.



На небольших примерах.Покажу как делать рамку и из чего она состоит.
По мере своих сил объясню самое основное что нужно знать ,чтобы делать рамки не просто копируя чужие,но и получая удовольствие от своих рамочек.
Каждая рамка это таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Эти свойства присваиваются элементам таблицы с помощью параметров 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"-Это название ШРИФТА ТЕКСТА.Тк же можно менять или добавлять ещё названия.
Вот и всё.Это то немногое,что нужно знать чтобы разбираться как делать рамочки.Пробуйте,экспериментируйте.
Посмотреть ещё рамки можно...
Все рамки в одном месте.

дневник Милолика Покровская
Рубрики:  Оформление блога,уроки

 

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

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

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

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