- •Федеральное агентство связи
- •Рекомендуемая литература
- •1).Выполнить задания по html:
- •Задание n 1. Элементы базовой разметки
- •Задание n 2. Базовая разметка документа
- •Задание n4. Таблицы
- •Задание n 5. Фреймы
- •Задание n 6. Управление окнами и фреймами на Java Script
- •Задание n 7. Формы & Java Script
- •Для выбора картинок можно использовать следующий пример: Меню Выбора (select)
- •Задание n 8. Графика & Java Script
- •Задание n 9. Стили
- •Задание n 10. Слои в документе & Java Script
- •Задание n 11. Графические часы
- •2) Создать web-страницы по индивидуальному заданию.
Задание n4. Таблицы
Соберите мозаику из задания N 3 по HTML, используя команду <TABLE>:
Создайте расписание занятий своей группы на один день недели, выделяя цветом соседние занятия.
При выполнении задания прочитайте литературу по темам:
Таблицы.
Цвет.
Задание n 5. Фреймы
Создайте страничку, содержащую три фрейма:
Фрейм 1
Фрейм 2
Фрейм 3
Во Фрейм 1 поместите гиперссылки на задания 1, 2, 3 по HTML. Во Фрейме 2 должен размещаться заголовок, а во Фрейме 3 - текст задания.
Создайте страничку, на которой бы в каждом фрейме было бы три гиперссылки:
Первые две позволяют разделить фрейм пополам (одна гиперссылка делит по горизонтали, вторая - по вертикали)
Третья позволяет соединить ранее разделенные фреймы.
Таким образом, фреймы можно будет бесконечно делить пополам, можно будет и соединять вновь.
Создать документ, в котором в заголовке окна браузера должна быть надпись "Frame Lab", а экран разделен на 3 фрейма. Вверху фрейм и файл имеют имя head; слева - index; справа - main. В файле head.htm содержится заголовок "РАСПИСАНИЕ ЗАНЯТИЙ" - по центру. В файле index.htm - дни недели, являющиеся гиперссылками, при нажатии на которые справа выводится список занятий в данный день. Файл main.htm содержит только фразу: "Выбирайте день недели". А для отдельных дней недели нужно создать файлы с именами вида d1.htm ... d6.htm. Цвет гиперссылок и фона подобрать самостоятельно. Высота фрейма head - 10% от высоты экрана. Ширина фрейма index - 30% от ширины экрана. В файлах d1.htm ... d6.htm название дня недели сделать жирным курсивом по центру, а занятия перечислить нумерованным списком.
При выполнении задания прочитайте литературу по темам:
Многооконные документы.
Задание n 6. Управление окнами и фреймами на Java Script
Создать форму, в которой разместите кнопку для создания нового окна.
Начало формы
Конец формы
Автоматизируйте сборку мозаики в html-файле из задания по гиперсылкам и графике (N 3). Для этого:
Сделайте так, чтобы для элементов мозаики были созданы фреймы соответствующего размера (для большинства фреймов ширина - 62, высота - 100) и расположенные соответствующим образом. В команде <FRAME> задайте опции MARGINHEIGHT=0 MARGINWIDTH=0, а в команде <FRAMESET> - FRAMEBORDER=no.
Сделайте так, чтобы в форме (расположенной в еще одном - основном фрейме) клиент мог бы задать любой элемент мозаики для загрузки картинки.
При выполнении задания прочитайте литературу по темам:
Формы.
Управления окнами.
Java и JavaScript в HTML документах.
Задание n 7. Формы & Java Script
Автоматизируйте сборку мозаики в html-файле из задания по гиперсылкам и графике (N 3). Для этого:
Сделайте так, чтобы в форме (расположенной в еще одном - основном фрейме) существовала возможность выбора (SELECT) любого элемента мозаики.
Сделайте так, чтобы в форме существовала возможность выбора любого фрейма.
Сделайте так, чтобы выбранный элемент мозаики загружался бы в выбранный фрейм.
Для выбора картинок можно использовать следующий пример: Меню Выбора (select)
Выбор нужного значения.
Начало формы
Конец формы
В программе использована следующая функция
function reflect(aForm)
{
var myIndex = aForm.units.selectedIndex
var myText = aForm.units.options[myIndex].text
aForm.result.value = myText
}
При выполнении задания прочитайте литературу по темам:
Формы.
Формы - разбор команд.
Java и JavaScript в HTML документах.