- •История развития Web-технологий
- •К лассификация Web технологий
- •Статические Web технологии. Основы технологии html
- •Статические Web технологии. Таблицы html
- •Статические Web технологии. Фреймы html
- •Статические Web технологии. Формы html
- •Статические Web технологии. Основы технологии css
- •Внутренние стили. Определяются атрибутом непосредственно в элементе. Мало отличается от традиционного html. Внешний вид документа трудно изменить.
- •Статические Web технологии. Css свойства текста
- •Статические Web технологии. Css свойства шрифта
- •Статические Web технологии. Css свойства границ элементов
- •Статические Web технологии. Css свойства таблиц
- •Динамические Web технологии. Основы технологии Java Script
- •Динамические Web технологии. Java Script, глобальные и локальные переменные, типы данных.
- •Динамические Web технологии. Java Script, операции над числовыми и строковыми типами данных.
- •Динамические Web технологии. Java Script, массивы
- •Динамические Web технологии. Java Script, операторы условного перехода
- •Динамические Web технологии. Java Script, циклы
- •Динамические Web технологии. Java Script, объектная модель
- •Динамические Web технологии. Java Script, обработка событий
Статические Web технологии. Css свойства текста
text-indent: Отступ первой строки текста в блоке
text-align: Выравнивание текста(left, right, center, justify)
text-decoration : Устанавливает эффекты оформления шрифта (underline (подчеркнутый), overline (надчеркнутый), line-through (перечеркнутый), blink (мерцающий))
letter-spacing: Межсимвольное расстояние (размер,normal)
word-spacing: Расстояние между словами (размер,normal)
text-transform: Задает преобразование регистра текста при отображении (none, capitalize -первая буква каждого слова заглавная, uppercase -все буквы заглавные, lowercase - все буквы строчные)
line-height: Межстрочный интервал (normal, число, размер, процент)
white-space: Способ обработки символов пустого пространства внутри блока (normal, pre - не изменять символы пустого пространства, nowrap -не разрывать строку).
Статические Web технологии. Css свойства шрифта
font-family : Определяет семейства шрифта, используемого в этом тексте. Может быть несколько таких семейств, отделенные друг от друга запятыми. Приоритет определяется порядком в этом списке. Значение:
имя семейства - семейства шрифта, применяемое для вывода текста. Имена, состоящие из нескольких слов, должны заключаться в кавычки.
имя типового шрифта, применяемого для вывода текста. Типовыми могут быть следующие шрифты: serif, sans-serif, fantasy и monospce.
inherit - применяется значение родительского элемента.
p {font-family: "Times roman", courier, serif}
font-style: Определяет начертания шрифта, такие как курсив или наклонное. Значение:
normal - обычное начертание (по умолчанию).
italic - курсив.
oblique - наклонное начертание.
inherit - применяется значение родительского элемента.
p{font-style: italic; }
font-weight: Определяет толщину выводимого шрифта. Значение:
normal - обычное начертание (по умолчанию). bold - полужирное начертание. Полужирное начертание выделяет текст. bolder - жирный шрифт. lighter - светлый шрифт.
p {font-weight: bold;}
font-stretch: Определяет толщину шрифта.Значение:
normal - обычная ширина (по умолчанию), wider- увеличение текущей ширины, narrower - уменьшает текущую ширину на единицу, ultra-condensed - наименьшее значение ширины.
ultra-expanded - максимальное значение ширины. body{ font-stretch: condensed }
font-size: Определяет кегель (высоту символов) шрифта. Значение:
абсолютный размер : xx-small(крайне малый), small (малый), medium (средний) (по умолчанию), large (большой), x-large (очень большое), xx-large (крайне большое).
относительный размер :(меньше), smaller (больше),
любое соответствующая стандарту высота - абсолютный размер шрифта.
любое соответствующее стандарту процентное значение.
p{font-size: 20px}
font : Удобное свойство для установки сразу всех параметров шрифта. Значение:
font-style - начертание. font-variant - значение, определяющее вывод шрифта в виде малых прописных букв. font-weight- толщина. font-size - кегль. font-family - семейство шрифтов.
inherit - применяется значение родительского элемента.
p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }
