Вторник, 21.11.2017, 05:37
ОТКРЫТАЯ ИНФОРМАТИКА
Приветствую Вас Гость | RSS
Главная Оформление сайта Регистрация Вход
Меню сайта

Форма входа

Поиск

Календарь
«  Ноябрь 2017  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
27282930

Оформление  сайта

Основные понятия:

Цвет фона и цвет шрифта. 
Форматирование текста. Заголовки.
Абзац. Принудительный разрыв строки. Выравнивание абзацев и фрагментов.
Выделение и усиление текста. Изменение цвета и размера шрифта.

Существуют специальные теги, позволяющие форматировать текст. 
<P> текст </P> - используются для обозначения начала и конца абзаца. Тег начала абзаца может иметь команду форматирования текста внутри абзаца, т.е. указания по выравниванию текста по центру, по левому или по правому краю:
аlign=”center”
аlign=”left”
аlign=”right”
Для этого же эффекта могут использоваться парные теги:
<LEFT> текст </LEFT>
<CENTER> текст </CENTER>

Существуют теги для оформления заголовков. Заголовок первого уровня выводится самым крупным шрифтом. Каждый следующий заголовок будет выводиться шрифтом меньшего размера.
<H1> Заголовок первого уровня </H1>
<H2> Заголовок второго уровня </H2>
<H3> Заголовок третьего уровня </H3>
<H4> Заголовок четвертого уровня </H4>
<H5> Заголовок пятого уровня </H5>

Можно изменять начертания символов: полужирный шрифт (bold), курсив (italic), подчеркивание (underline):
<B> жирный шрифт </B>
<I> курсив </I>
<U> подчеркивание </U>

<FONT > текст </FONT>
Позволяет задавать шрифт, размер и цвет символов выводимого текста, заключенного между тегами. 
Для установки шрифта используется атрибут face=”шрифт”, который ставится в открывающем теге элемента FONT. 
<FONT face=”Antiqua, Arial, Times”>
Для изменения размера выводимых символов можно установить в открывающем теге элемента FONT атрибут size=n, где n – число пунктов, на которое вы хотите увеличить (+n) или уменьшить (-n) размер шрифта.
Для установки цвета выводимых символов можно добавить в открывающем теге элемента FONT атрибут color=”цвет”.
Например:
<FONT face=”Arial, Times” size=+2 color=”red”> текст </FONT>

Чтобы вставить пустую строку, используется одиночный тег <BR>. Для создания горизонтальной линии (разделителя) внутри документа используется тег <hr>.

Управление цветом
Кодирование цвета используется для раскрашивания шрифтов, линий, фона и других элементов страницы. Цвета обозначаются английскими названиями или числовыми кодами. В общем случае цвет определяется RGB-кодом. Любой цвет представляется как комбинация красного (R), зеленого (G) и синего (B) цветов, взятых в определенных пропорциях. 

Вставка рисунков, изображений, фотографий
<IMG SRC=”имя файла”>
В документ можно вставить рисунки, изображения, фотографии с расширением .gif, .jpg.
При размещении картинок могут использоваться дополнительные параметры. Рассмотрим некоторые из них:
аlign=”способ выравнивания”
С помощью этого атрибута можно выровнять картинку по левому или по правому краю, по центру, по верхней границе или по нижней границе, для этого указываются следующие "способы выравнивания”:
LEFT – по левому краю;
RIGHT – по правому краю;
CENTER – по центру;
Кроме атрибута align часто используются атрибуты, позволяющие указать размер выводимой картинки в пикселях:
Widht=n – ширина выводимой картинки, n – число пикселей;
Height=m – высота картинки, m – число пикселей.
Атрибуты HSPACE и VSPACE обозначают горизонтальный и вертикальный отступ. Они используются для задания отступа от краев изображения до текста. 
Например: <IMG SRC=”picture.jpg” align=”left” hspace=20>



Дополнительная литература:

1. http://www.botik.ru/~robot/sidorov/index.htm
«Кухня Сидорова», гипертекстовый учебник А.А. Дуванова для начинающих Web-мастеров.

2. Пользовательский курс HTML

3. Элективный курс "Создание сайта на DRUPAL"

Наш опрос
Имеете ли вы доступ к компьютеру и в какой форме?
Всего ответов: 455

Друзья сайта
  • Министерство образования РБ
  • Официальный портал подготовки к ГИА и ЕГЭ
  • Всероссийская олимпиада школьников
  • Федеральный портал Российского образования
  • Институт развития образования РБ

  • Статистика

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

    Copyright MyCorp © 2017 Бесплатный конструктор сайтов - uCoz