- •Раздел 1
- •Тема 1.1 Основные принципы технологии «клиент сервер»
- •Тема 1.2 Серверы приложений. Web-серверы.
- •1. Типы серверов
- •Типы серверов
- •Лекция 1.3 Основы Web-программирования.
- •1. Основы функционирования Интернет.
- •Основы функционирования интернета
- •Язык разметки html
- •Каскадные таблицы стилей (css)
- •Язык сценариев JavaScript
- •Объектная модель dhtml
- •Объектная модель dom
- •Основы языка xml и объектная модель xml
- •Лекция 1.4 Протоколы прикладного уровня.
- •Механизм взаимодействия клиента и ервера
- •Раздел 2. Основы Web-программирования.
- •Тема 2.1 Развитие языков разметки гипертекста
- •Структура html-документа
- •Лекция 2.2 Описание html. Теги языка, их свойства.
- •Тема 2.3 Фреймы. Формы.
- •Свойства фреймов
- •Синтаксис фреймов
- •Атрибуты и их значения
- •Планирование фрэймов и взаимодействия между фрэймами
- •Синтаксис
- •Тэги Формы
- •Меню выбора в формах
- •Отправление файлов при помощи форм
- •Тема 2.4 Каскадные таблицы стилей.
- •Структура и правила
- •Id селекторы (id Selectors):
- •Внутренние Таблицы Стилей
- •Глобальные Таблицы Стилей
- •Связанные Таблицы Стилей
- •Свойства Font
- •Свойства Text
- •Свойства Color и Background
- •Свойства Box
- •Классификация
- •Лекция 2.5 Характеристика и вохмодности xml.
- •Отображение документов xml
- •Правила создания xml- документа
- •Конструкции языка
- •Правила xsl
- •Лекция 2.6 Язык описания схемы данных xml (dtd).
- •Лекция 2.7 Объектная модель документа dom.
- •Лекция 2.8 Характеристика ис. Спецификация cgi.
- •Лекция 2.9 Расширение isapi. Серверы asp.
- •Лекция 2.10 Характеристика программного средства (рнр).
- •Лекция 2.11 Основы языка ис. Синтаксис.
- •Лекция 2.12 Элементы и выражения языка.
- •Лекция 2.13 функции ис.
- •Лекция 2.14 Характеристика программного средства (JavaScript).
- •Лекция 2.15 Синтаксис языка JavaScript. Операторы.
- •Выражения
- •Побитовые Операторы сдвига
- •Логические операторы
- •Операторы Строки
- •Лекция 2.16 Функции JavaScript.
- •Лекция 2.17 Объекты JavaScript. Методы и события.
- •Общие сведения
Меню выбора в формах
Под меню выбора в формах понимают такой элемент интерфейса, как LISTBOX. Существует три типа тэгов меню выбора для форм:
1. SELECT
Тэг SELECT позволяет пользователю выбрать значение из фиксированного списка значений. Обычно это представлено выпадающим меню.
<FORM>
<SELECT NAME=group>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
</SELECT>
</FORM>
2. SELECT SINGLE
Тэг SELECT SINGLE - это то же самое, что и Select, но на экране пользователь видит одновременно несколько элементов выбора (три по умолчанию). Если их больше, то предоставляется автоматический вертикальный скроллинг. Количество одновременно отображаемых элементов определяется атрибутом SIZE. Пример:
<FORM>
<SELECT SINGLE NAME=group SIZE=4>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>
3. SELECT MULTIPLE
Тэг SELECT MULTIPLE похож на тэг SELECT SINGLE, но пользователь может одновременно выбрать более чем один элемент списка. Атрибут SIZE определяет количество одновременно видимых на экране элементов, атрибут MULTIPLE - максимальное количество одновременно выбранных элементов. Пример:
<FORM>
<SELECT SINGLE NAME=group SIZE=4 MULTIPLE=2>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>
Отправление файлов при помощи форм
Формы можно использовать для отправки не только небольших информационных сообщений ввиде параметров, а также и для отправки файлов.
<FORM ENCTYPE="multipart/form-data" ACTION="url" METHOD=POST>
Отправить данный файл: <INPUT NAME="userfile" TYPE="file">
<P> <INPUT TYPE="submit" VALUE="Отправить файл">
</FORM>
Тема 2.4 Каскадные таблицы стилей.
1. Каскадные таблицы стилей.
2. Свойства CSS.
КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ
Cascading Style Sheets (Таблицы Каскадных Стилей) - это язык, содержащий набор свойств для описания внешнего вида любых HTML документовПРИМЕР HTML:
Структура и правила
Селекторы (Selectors):
Синтаксисис: селектор {свойства}
Любой элемент HTML - это возможный CSS селектор. Свойства селектора определяют стиль элемента, для которого он определен.
Классовые селекторы (Class Selectors):
Синтаксис: селектор.класс {cвойства}
Синтаксис: .класс {свойства}
CLASS - атрибут элемента в HTML, определяющий его класс. В CSS можно описать собственные стили для различных классов одних и тех же элементов.
Id селекторы (id Selectors):
Cинтакс: #id {свойства}
ID - индивидуально именованный стиль. C его помощью можно создавать стилистические исключения cреди элементов одного класса.
ПРИМЕР:
<html>
<head>
<title> Пример CSS </title>
</head>
<style>
.blue {color:blue; font-style:italic}
#boldunderline {text-decoration:underline; font-weight:bold}
</style>
<body>
<p class="blue"> Здравствуйте, это моя домашняя страница. </p>
<p class="blue" id="boldunderline"> Пока еще в стадии разработки ... </p>
<p id="boldunderline">... Но скоро откроется </p>
</body>
</html>
Как видно из примера, атрибут ID может быть использован без указания класса (последний параграф примера. Тогда параграф будет обладать только свойствами ID "boldunderline" (в примере - жирный, подчеркнутый текст).
Контекстуальные селекторы (Contextual Selectors):
Контекстные селекторы - это сочетания нескольких обыкновенных селекторов. Стиль задается только элеметнам в заданной последовательности в зависимости от каскадного порядка.
ПРИМЕР:
P EM {color:silver;}
В данном примере все элементы EM внутри элементов P будут иметь заданный стиль.
Придание нескольким элементам одинаковых свойств:
Скажем Вам нужно придать нескольким элементам Вашей веб страницы одинаковых свойств. В этом случае при определении селекторы перечисляутся через запятую перед блоком свойств.
ПРИМЕР:
h1,h2,h3,p,strong {color:green; font-style:italic;}
Все элементы h1, h2, h3, p и strong будут зелеными.