Суббота, 17.11.2018, 02:17
Приветствую Вас Гость | RSS
Меню сайта
На сайте
Календарь
«  Ноябрь 2018  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
2627282930
Поиск по сайту
Новости
Флеш-игра
Статистика


Rambler's Top100
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Гость
Прямая связь
  САЙТ УЧИТЕЛЯ ИНФОРМАТИКИ

Практическая работа №2

Красок много у менявыбирай любую!
Для начала нам будет нужна палитра (все цвета интернета -http://www.artlebedev.ru/tools/colors/). Лучше всего сохраните палитру у себя на компьютере, она вам еще не раз пригодится:

Файл – Сохранить как (File – Save as)

Зачем все это? А затем, что все обозначения цвета в Html прописываются именно таким способом. Например, белый цвет – ffffff. Но вернемся к нашей страничке. Давайте окрасим слова Добро Пожаловать в красный.


<font color="#CC0000"> Добро пожаловать! :) </font>

Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнертекста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.

Попробуйте вместо СС0000 подставить другие значения цветов для атрибута color. Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» - #.

Кстати, если вы хотите лучше усвоить материал наших уроков, то вам следует не только исполнять от точки до точки мои задания, но и пытаться самостоятельно экспериментировать с кодом вашей странички на основе полученных вами знаний.



<html>Рейтинг@Mail.ru Рейтинг@Mail.ruRambler's Top100 Rambler's Top100
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000">
Добро пожаловать! :) </font>
</body>
</html>


Тэг <font></font> - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта (Arial), но об этом чуть позже.

Как же еще задавать цвета в документе? - вспомним об открывающем тэге <body>:


<body text="#336699">

Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали <font></font>. Если цвет текста в <body> не задавать, то по умолчанию он будет черным.

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699">

Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000">
Добро пожаловать!</font> :)
</body>
</html>


С цветами для текста мы разобрались, теперь подумаем о фоне. Шагаем дальше:)

 

На этой ступеньке мы узнаем, как изменять цвет фона документа, и поговорим немного об этике. 

Цвет фона устанавливается в уже знакомом нам тэге <body>: 

<body bgcolor="#000000"> 

Для наглядности я прописала черный цвет, вы же свой документ можете раскрасить любым другим. Кстати, если цвет в <body> не указывать, то по умолчанию он будет белым, хотя иногда цветом по умолчанию может являться любой другой, кроме белого, поэтому лучше всегда прописывайте цвет фона в body, а так же цвет основного текста (как его задавать вы уже знаете) и цвета ссылок (с ними мы познакомимся чуть позже). 


<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
Здравствуйте, это моя первая страница.
<br>Рейтинг@Mail.ruRambler's Top100
<font color="#CC0000"> Добро пожаловать!</font> :) 
</body>
</html> (посмотреть)
 

Обратите внимание: мы одновременно можем прописать в тэге <body> и цвет текста в документе, и цвет фона (это на всякий случай, если вы еще не поняли – одному тэгу может быть присвоено несколько атрибутов :). 

<body text="#336699" bgcolor="#000000"> 

С теоретической частью на данной ступеньке мы закончили, теперь присядем и немного поговорим о цветах. Нет, не о тех, которые растут в лесах, полях, оранжереях, а о цветах документа. 

Я хочу попросить вас, мой дорогой спутник, не злоупотреблять яркими фонами (желтым, красным, салатовым, ну, и черным с яркой смесью текста на нем). Почему? Да, просто пожалейте глаза ваших друзей, знакомых и случайного посетителя. Не следует также употреблять слишком много различных цветов на вашей страничке, это, как и яркий фон, отвлекает от содержания, мешает прочтению и выставляет вас самого не в лучшем свете. 

Пример: Девочка в ярко-розовых джинсах и противном салатовом топике с надписью Kiss me, безусловно, привлечет внимание, но надолго ли? Что вы о ней подумаете? Не уподобляйтесь такой не очень разумной девочке:). 

Кстати, о внимании, давайте переключим его на следующую главу моего повествования и шагнем на другую ступеньку.