- •2. Литература:
- •3. Задание:
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №2
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №3
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа № 4
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа № 5
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа № 6
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа № 7
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа № 8
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №9
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №10
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №11
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа № 12
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №13
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №14
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
- •Практическая работа №15
- •2. Литература:
- •3. Задание:
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •Контрольные вопросы:
- •Практическая работа №16
- •2. Литература:
- •3. Задание:
- •4. Содержание отчета:
- •5. Порядок выполнения работы:
- •6. Контрольные вопросы:
4. Содержание отчета:
4.1 Наименование и цель работы
4.2 Код программы
4.3 Ответы на контрольные вопросы
4.4 Вывод о проделанной работе
5. Порядок выполнения работы:
5.1 Создайте свою папку, куда в дальнейшем будете размещать свои документы.
5.2 Запустите Блокнот.
5.3 Наберите HTML – код своей программы.
5.4 Сохраните свой документ с расширением *.html, для чего в меню файл выберите команду Сохранить как... Из перечня Тип файла выберите Все файлы.
5.5 Откройте свой файл и просмотрите результат.
6. Контрольные вопросы:
6.1 Для каких целей применяются формы на веб - страницах?
6.2 В чем отличие кнопки – переключателя и кнопки - флажка?
ПРИЛОЖЕНИЕ:
Формы помогают организовать взаимодействие пользователя с авторами сайта. Главное при создании форм – следить за тем, чтобы предложенные вами поля были удобны для посетителей и приемлемы для ответов на ваши вопросы.
Форма определяется тэгами: <FORM>...</FORM>. Тег <FORM> всегда записывается с обязательным атрибутом ACTION, который используется для того, чтобы соединить вашу форму с программой по сбору данных.
<FORM ACTION="URL"> Содержание формы с тегами и атрибутами. </FORM>
Содержание формы - это теги для сбора данных (они всегда используются вместе с атрибутами): <INPUT> - это тег для сбора информации от посетителей ваших страниц и её сохранения для последующей обработки. NAME=".." - это атрибут - метка, для обработки собранных данных механизмом CGI. TYPE=".." - это атрибут, который указывает на способ обработки собранных данных. Атрибуты NAME и TYPE используются совместно с тегом INPUT
<FORM ACTION="URL"> <INPUT NAME="метка 1"> <INPUT TYPE="submit"> Остальная часть формы... </FORM>
Практическая работа № 12
Наименование: Создание простой таблицы CSS для HTML – документа
1. Цель: Научится применять таблицы стилей при оформлении вед - страницы
2. Литература:
2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.
3. Задание:
3.1 В строке заголовка должен отражаться номер практической работы
3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.
3.3 Создать html – страницу с заголовком h1 – Моя страница
Далее идет текст в §1
Заголовок h2
Далее идет текст в §2 и ссылка на любой документ
Заголовок h2
Далее идет текст в §3 и две ссылки
3.4 В таблице CSS создать правила для html – страницы
Вариант 1
h1 – синего цвета
§1 – черного цвета
§2 – красного цвета
Все h2 – зеленого цвета
Ссылки: непосещенные – желтые, с нижним подчеркиванием;
посещенные – красные, с верхним подчеркиванием;
под указателем мыши – черные, без подчеркивания;
активные – фиолетовые, без подчеркивания.
Вариант 2
h1 – зеленого цвета
§1 – синего цвета
§2 – черного цвета
Все h2 – красного цвета
Ссылки: непосещенные – розового, с нижним подчеркиванием;
посещенные – желтого, с верхним подчеркиванием;
под указателем мыши – зеленого, без подчеркивания;
активные – оранжевого, без подчеркивания.