- •Понятие компьютерной сети. Виды компьютерных сетей. Краткая характеристика.
- •По территориальному признаку
- •Классификация сетей по территориальному признаку (глобальные, локальные, региональные, персональные) и по административным отношениям между узлами (иерархические, одноранговые).
- •Классификация сетей по топологии (звезда, кольцо, шина, гибридная). Достоинства и недостатки.
- •Технология «клиент-сервер». Типы серверов используемых в сети.
- •Структура и основные принципы построения сети Интернет. Услуги сети Интернет. Основные протоколы.
- •1.3 Типичные услуги телекоммуникаций
- •Сетевые протоколы. Краткая характеристика.
- •Проводные, беспроводные и комбинированные способы доступа в Интернет.
- •Принципы организации сети Интернет. Службы сети. Основные понятия: гипертекст, гиперссылка.
- •Программы для навигации по www (браузеры). Поиск информации в глобальной компьютерной сети Интернет с использованием различных поисковых систем.
- •Информационная система www. Средства создания Web-страниц (кодовые, визуальные редакторы).
- •13.Создание домашней web-страницы. Правила проектирования и создания структуры сайта. Форматирование текста с помощью html. Примеры.
- •Язык html,теги и структура 11в
- •14.Основные теги для создания свойств шрифтов и заголовков в html-документе. Размер шрифта. Примеры использования.
- •15.Основные теги для создания и форматирования абзацев в html-документе. Примеры использования.
- •17)Структура html-приложения.
- •18.Вставка мультимедийных и графических объектов в html. Примеры
- •Volume – громкость (от -10000 до 0 – максимальный уровень звука). Видео в html-документе
- •19.Создание и форматирование списков в html. Примеры.
- •Например:
- •Например:
- •20.Создание и форматирование таблиц в html. Примеры. Верстка макета веб-страницы с помощью таблиц.
- •21.Создание форм в html. Примеры.
- •22.Создание фреймов в html. Примеры.
- •23.Динамические html страницы. Основные понятия. Возможности.
- •24.Форматирование текста средствами css. Способы. Примеры.
- •Внутренние стили
- •25.Внедрение сценариев в html - документ. Примеры.
- •26.Хостинг. Виды. Интернет-провайдер. Виды услуг.
21.Создание форм в html. Примеры.
Веб-формы – удобный способ получения информации от посетителей сайта, обеспечивает обратную связь с посетителями и разработчиками сайта.
HTML формы могут содержать такие элементы управления как: Текстовые поля, Флажки Радио-кнопки, Кнопки отправления, Списки выбора, Многострочные текстовые поля, Метки.
С их помощью web-страница превращается в интерактивную.
Для создания формы используется тег <FORM>…</FORM>. Тег <FORM> должен содержать обязательный атрибут action=”…”, задает адрес, по которому будет обрабатываться форма.
Например:
<form action="file.php">
Элементы управления создаются тегом <INPUT>. Атрибут type задает тип элемента:
<INPUT type=”text” size=…> - создание текстового поля, size задает размер поля;
<INPUT type=”checkbox”> - создание переключателей-флажков, атрибут checked делает элемент выбранным;
<INPUT type=”radio”> - создание кнопок выбора, атрибут checked делает элемент выбранным;
<INPUT type=”submit”> - создание кнопки для отправки данных из формы;
<INPUT type=”reset”> - создание кнопки для очистки полей формы;
Тег <TEXTAREA cols=… rows=…> создает многострочное текстовое поле (cols и rows задают количество столбцов и строк).
Тег <SELECT> создает выпадающие списки. Элементы списка задаются тегом <OPTION>.
Пример:
<form>
Фамилия: <input type ="text" size=50> <br><br>
Имя: <input type="text" size=50> <br><br>
Отчество: <input type="text" size=50>
<br><br>
Дата рождения: <br><br>
Число: <input type="text" size=2>
Месяц:<select>
<option>январь
<option>…
<option>декабрь
</select>
</form>
22.Создание фреймов в html. Примеры.
Фреймы – это прямоугольные области экрана, каждая из которых содержит свой собственный HTML-документ. Фреймы подходят для оформления следующих документов:
Оглавление. Если поместить на Web-страницу оглавление в виде вертикального столбца, то пользователь сможет обратиться к нему в любой момент, и ему не нужно будет постоянно возвращаться к предыдущей странице. Поскольку, находясь во фрейме, оглавление всегда будет под рукой, пользователю нужно будет просто выбрать другой его пункт и сразу же получить нужную информацию.
Неподвижные элементы интерфейса. Можно зафиксировать на экране какое-то графическое изображение, например, логотип фирмы, в то время как остальная часть страницы будет прокручиваться в другом фрейме.
Формы и результаты. Можно создать форму в одном фрейме, а в другом отобразить результаты запроса.
Тег <FRAMESET>
Тег <FRAMESET> - заменяет тег <BODY> и используется для разделения экрана. Имеет закрывающий тег.
Атрибуты:
cols Делит экран по вертикали. Принимает значения в пикселях, в процентах или просто *. Значение * говорит о том, что конкретный столбец будет занимать всю остальную часть экрана
rows Делит экран по горизонтали. Принимает значения в пикселях, в процентах или просто *. Значение * говорит о том, что конкретная строка будет занимать всю остальную часть экрана
frameborder Определяет наличие рамок, т.е. границ фреймов. Принимает значения "yes" или "no".
border Определяет ширину рамки в пикселях.
bordercolor Определяет цвет рамок. По умолчанию (если используется стандартная цветовая схема системы Windows) границы фреймов имеют тусклый, серый оттенок. Но можно выбрать любой другой цвет. При определении цвета можно выбрать как его название, так и числовой эквивалент в системе RGB. Например, BLUE или #0000FF.
В отдельном теге <FRAMESET> имеет смысл использовать только один из атрибутов – cols или rows. Это означает, что фреймовая структура будет состоять или только из столбцов, или только из строк. Чтобы создать строки внутри столбцов или столбцы внутри строк, вам потребуется вложенные контейнеры <FRAMESET>…</FRAMESET>.
Тег <FRAME>
Тег <FRAME>, помещенный в контейнер <FRAMESET>…</FRAMESET>, определяет, что именно должно отображаться в конкретном фрейме. Не имеет закрывающего тега.
Атрибуты:
src задает URL-адрес документа, отображаемого в данном фрейме.
marginwidth Определяет расстояние между содержимым фрейма и его границами справа и слева.
marginheight Определяет расстояние между содержимым фрейма и его границами сверху и снизу.
scrolling Определяет присутствие в окне фрейма полосы прокрутки. Может принимать значения "yes", "no" и "auto"(по умолчанию).
noresize Определяет границы фрейма как "жестко закрепленные" и не позволяет пользователю изменить размеры окна фрейма. Причем фиксируются размеры всех фреймов, имеющих с закрепленным общую границу.
frameborder, border, bordercolor Эти атрибуты связаны с рамками и аналогичны таким же в теге <FRAMESET>.
name Определяет имя окна фрейма, не влияет на внешний вид фрейма. Позволяет контролировать процесс загрузки фреймов. Если окно фрейма имеет уникальное имя, то к нему можно непосредственно обратиться из других фреймов. Имя не должно начинаться с символа подчеркивания "_", иначе оно будет игнорироваться. Так как с этого символа начинаются некоторые служебные имена.
Пример 1
Для работы примеров 1 и 2 необходимо предварительно создать файлы 1.html, 2.html, 3.html, 4.html.