
- •Практикум к разделу 4.2. Глобальные компьютерные сети
- •Работа 4.2.1. Создание ftp-аккаунта на бесплатном хостинге
- •Работа 4.2.2. Работа с тематическими каталогами в Internet
- •Работа 4.2.3. Поиск информации в Internet
- •Работа 4.2.4. Скачивание файлов из Internet с использованием менеджера загрузки. Использование файлообменников
- •Работа 4.2.5. Работа с электронной почтой с помощью программы электронной почты
- •Чтение почты
- •Создание и отправка сообщения
- •Работа 4.2.6. Создание почтового ящика на бесплатном почтовом сервере
- •Работа 11.7. Использование ftp-менеджера для закачивания файлов на Web-сервер
- •Работа 4.3.1. Создание простейшего Web-сайта по образцу
- •Работа 4.3.2. Создание Web-сайта по образцу с использованием гиперссылок
- •Работа 4.3.3. Создание Web-сайта по образцу с использованием таблицы
- •Работа 4.3.4. Разработка простейшего сайта на языке html
- •Работа 4.3.5. Разработка сайта на языке html с использование таблиц и списков
- •Работа 4.3.6. Разработка сайта на языке html с использование графики
- •Работа 4.3.7. Разработка сайта с применением основных законов Web-дизайна
- •Работа 4.3.8. Создание Web-сайта с использованием конструктора сайтов
- •Работа 4.3.9. Создание Web-сайта на заданную тему
Работа 4.3.5. Разработка сайта на языке html с использование таблиц и списков
Цель работы: Разработка сайта с использованием таблиц и списков
Справочная информация
В HTML предусмотрены тэги, позволяющие структурировать тексты, создавая списки различных типов.
<UL type = circle | disc | square>....</UL> - создание неупорядоченного списка. Каждый элемент списка начинается с небольшого отступа и предваряется некоторым вводным символов (circle - незакрашенный круг, disc - закрашенный круг, square – квадрат)1.
<LI type = circle | disc | square> - выделение элемента неупорядоченного списка. Закрывающий дескриптор можно не ставить. Возможно задание вводного символа, отличного от символа, указанного в тэге <UL>.
<OL start=n type=1| A | a | i | I >...</OL> - создание упорядоченного списка.
Атрибуты:
start - задание числа, с которого должна начаться нумерация
type - задание способа нумерации:
- 1 - арабские цифры (1, 2, 3...)
- A - прописные буквы (A, B, C...)
- a - строчные буквы (a, b, c...)
- i - малые римские цифры (i, ii, iii, iv...)
- I - большие римские цифры (I, II, III, IV...)
<LI type=1| A | a | i | I value=n> - выделение элемента нумерованного списка. Атрибут type позволяет изменить способ нумерации для данного элемента, а атрибут value - номер элемента. При изменении номера текущего элемента номер следующего будет на 1 больше и т.д.
ЗАДАНИЕ
Создать Web-сайт "Наша школа", состоящий из трёх страниц:
Страница 1.
Заголовок окна: Наша школа
Заголовок страницы: Наша школа
Гиперссылки: Наши учителя (ссылка на страницу 2)
Расписание уроков (ссылка на страницу 3)
Страница 2.
Заголовок окна: Наша школа
Заголовок страницы: Наши учителя
Создать двухуровневый маркированный список:
Математика:
Иванова Т.Б.
Сидоров О.Д.
Гордеева А.Д.
Физика:
Орлов Г.Н.
Рогов Е.А.
Русский язык и литература:
Лукашина О.Л.
Андронова И.С.
Малинина Е.Н.
Страница 3.
Заголовок окна: Наша школа
Заголовок страницы: Расписание уроков для 1 классов
День недели |
Урок |
1 классы |
2 классы |
||
|
|
1 А |
1 Б |
2 А |
2 Б |
|
1 |
Математика |
Чтение |
Математика |
Русский |
понедельник |
2 |
Русский |
Русский |
Физ-ра |
Математика |
|
3 |
Чтение |
Труд |
Русский |
Чтение |
|
1 |
Чтение |
Математика |
Русский |
Чтение |
вторник |
2 |
Рисование |
Чтение |
Чтение |
Труд |
|
3 |
Математика |
Русский |
Математика |
Русский |