Практическая работа «Фреймы»
Практическая работа «Фреймы»
Цель работы: познакомиться со структурой фреймов, научиться использовать фрейм при создании сайта.
Теоретический материал
Структура фрейма
…
Запомните: Для разделения окна на кадры предназначены параметры ROWS и COLS. Значениями этих параметров являются числа, определяющие ширину и высоту (в пикселях или процентах). Количество чисел – количество кадров-областей.
Задание 1. Определите области в окне браузера, в каждой из которых отображается свой html-документ. Воспользуйтесь структурой:
<html>
<frameset укажите параметры столбца или строки>
<frame src=*.html>
Структура |
Отобразите разбиение |
задание в множителях
|
|
<frameset cols="1*,2*,3*"> задание в множителях
|
|
<frameset rows="150,220,170*"> задание соответствующей высоты
|
|
<frameset cols=”35%,65%” > задание процентное
|
|
Задание: заполните таблицу самостоятельно, воспользуйтесь структурой:
html>
Измените документ, добавьте в строку <frameset rows="100, *">
border="10" bordercolor="red" frameborder="1" frameborder="yes", что изменилось
параметр |
назначение параметра |
noresize |
|
scrolling |
|
name |
|
marginwidth |
|
marginheight |
|
HTML Списки
HTML поддерживает списки трех разных типов, для каждоrо из которых предусмотрены свои собственные теrи:
-
- – нумерованный (с помощью цифр или букв) список, каждый элемент которого имеет порядковый номер (букву);
-
- – маркированный (не нумерованный) список, рядом с каждым элементом которого помещается маркер (а не цифровые или буквенные символы, обозначающие порядковый номер);
-
- – список определений состоит из пар «имя/значение», в том числе терминов и определений.
Задание: наберите конструкцию, отобразите, что получилось
Конструкция(HTML-код)
Результат
Алгоритм
- Прочитать задачу
- Определить цель
- Определить входные данные, их ограничения
- Ограничения на входные даннные
- Применить математическую моддель
<li>адаптивность li>
<li>дискретностьli>
<li>детерминированностьli>
- результативность
- словесный
- графический
- псевдокод
- Понедельник
- Решить задачу
- Оформить решение
- Выбрать редактор
- Посмотреть справочную информацию
- Заключительный отчет
- Проверить задачу на свойство массовость
- Вторник
- Пересмотреть график
- Отправить изображения
- Среда
...
Оформите письменный отчет.
Ответьте письменно на вопросы:
1. Фрейм это…
2. Назначение фреймов.
3. Структура фрейма
4. Задание внешнего вида фрейма