ЛАБОРАТОРНЫЙ ПРАКТИКУМ ПО HTML
Л/р №1: Структура HTML документа. Дескрипторы.
Л/р №2: Форматирование текста. Графика в HTML.
Л/р №3: Списки и таблицы.
Л/р №4: Гиперсвязи и фреймы.
Л/р №5: Технология CSS.
Зачетная лабораторная работа.
СПРАВОЧНАЯ ИНФОРМАЦИЯ
Копирование текста
Таблица цветов
Словарь HTML
Свойства CSS
РЕКОМЕНДУЕМЫЕ РЕСУРСЫ
Справочник по HTML и CSS. Для тех, кто делает сайты
PHP: Простой учебник - Manual
Профессиональные бесплат-ные шаблоны HTML и CSS
Яндекс.Вебмастер - проверка орфографии сайта
Адвего - проверка орфографии сайта
Поиск для сайта Яндекс
Поиск для сайта Google
Яндекс: «Поделиться» в соцсетях
Плагины JavaScript jQuery UI
Слайд-плагин Highslide JS/jQuery
Слайд-плагин Fancybox JS/jQuery
Слайд-плагин Lightbox JS/jQuery
"Кремлёвская" JS-утилита Masha
JS/jQuery утилита Flot для построения графиков
Краткий перечень свойств CSS
Цвет и фон
background-color
Описание: Устанавливает фоновый цвет элемента. Применяется ко всем дескрипторам.
Значения:
- Название цвета из таблицы цветов;
- transparent (по умолчанию).
color
Описание: Устанаввливает цвет текста. Применяется ко всем дескрипторам.
Значения:
- Название цвета из таблицы цветов (по умолчанию, как правило, черный.).
Текст
text-align
Описание: Устанавливает горизонтальное выравнивание текста.
Значения:
- left - выравнивание по левому краю (по умолчанию);
- right - выравнивание по правому краю;
- center - выравнивание по центру;
- justify - выравнивание по ширине документа.
text-decoration
Описание: Устанавливает оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.
Значения:
- blink - мигающий текст.
- line-through - перечеркнутый текст
- overline - линия проходит над текстом
- underline - подчеркнутый текст
Границы
border-color
Описание: Устанавливает цвет рамки. Применяется ко всем дескрипторам.
Значения:
- Название цвета из таблицы цветов.
border-width
Описание: Устанавливает толщину границы.
Значения:
- thin - тонкая;
- medium - средняя;
- thick - толстая;
- размер в пунктах, например, 1pt, 2pt и т.д.
border-style
Описание: Устанавливает тип линии.
Значения:
- none - линия отсутствует;
- hidden - скрытая линия;
- dotted - пунктирная линия;
- dashed - штриховая линия;
- solid - обычная линия;
- double - двойная линия (с интервалом между линиями);
- groove - углубленная линия;
- ridge - выпуклая линия;
- inset - утопленная линия;
- outset - выпуклая линия.