Материалы к домашней работе для 8-х классов. Создание Web-страницы. - презентация

1 Материалы к домашней работе для 8-х классов. Создание Web-страницы

2 Задание : Создать ТРИ Web-страницы (внешний вид смотри на следующем слайде); Страницы должны содержать ссылки друг на друга (первая на вторую и третью; вторая на первую и третью; третья на первую и вторую); Содержание страниц смотри на следующем слайде.

3 Примерный вид работы :

4 Cтруктура HTML документа (основные разделы) Служебная информация информация о имени страницы Web документ

5 Таблицы

6 Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 1Ячейка 2 Ячейка 3Ячейка 4 Такая таблица реализуется следующим кодом: 1,2 и 3,4 – строки 1,3 и 2,4 – столбцы

7 Вид таблицы - (толщина границы таблицы не видна;) A ( объединение ячеек;) Б В A БВ

8 Параметры тега ALIGN Задает выравнивание таблицы по краю окна браузера. Допустимые значения: left выравнивание таблицы по левому краю, center по центру и right по правому краю. Когда используются аргументы left и right, текст начинает обтекать таблицу сбоку и снизу. BGCOLOR Устанавливает цвет фона таблицы. BORDER Устанавливает толщину границ в пикселях. Границы отображается вокруг таблицы и между ячейками. WIDTH Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, параметр width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого. Как и в случае с высотой, если ширина явно не указана, то она будет вычисляться на основе содержимого таблицы. Может записываться в %, от видимого окна браузера.

9 Параметры тега ALIGN Задает выравнивание содержимого ячейки по горизонтали. Возможные значения: left - выравнивание по левому краю, center по центру и right по правому краю ячейки. BGCOLOR Устанавливает цвет фона ячейки. Используя этот параметр совместно с атрибутом bgcolor тега можно получить разнообразные цветовые эффекты в таблице. HEIGHT Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании параметра height высота ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот параметр будет проигнорирован. В случае, когда установлена высота ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали. WIDTH Задает ширину ячейки. Может записываться в %. Суммарное значение ширины всех ячеек может превышать общую ширину таблицы только в том случае, если содержимое ячейки превышает указанную ширину.

10 Текст

11 Абзацы Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между параграфами существует небольшой вертикальный отступ, называемый отбивкой. Синтаксис создания абзацев следующий. Абзац 1 Абзац 2

12 Тег BR В одних садах цветёт миндаль, в других метёт метель. В одних краях ещё февраль, в других - уже апрель. Проходит время, вечный счёт: год за год, век за век... Во всём - его неспешный ход, его кромешный бег. В году на радость и печаль по двадцать пять недель. Мне двадцать пять недель февраль, и двадцать пять - апрель. По двадцать пять недель в туман уходит счёт векам. Летит мой звонкий балаган куда-то к облакам. Как видно, при использовании тега между абзацами возникают слишком большие отступы. От них можно избавиться, если в местах переноса строк добавлять тег. В отличие от абзаца, тег переноса строки не создает дополнительных вертикальных отступов между строками и может применяться практически в любом тексте.

13 Заголовки Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня Заголовок пятого уровня Заголовок шестого уровня

14 Жирное начертание Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и жирное начертание. Для установки текста жирного начертания применяется два тега: и. Жирное начертание шрифта Сильное выделение текста

15 Курсивное начертание Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Курсив для текста определяют два тега: и. Курсивное начертание шрифта Выделение текста

16 Выравнивание текста Как поймать льва? Метод перебора Делим пустыню на ряд элементарных участков, размер которых совпадает с габаритными размерами льва, но при этом меньше размера клетки. Далее простым перебором определяем участок, в котором находится лев, что автоматически приводит к его поимке. Метод дихотомии Делим пустыню на две половины. В одной части - лев, в другой его нет. Берем ту половину, в которой находится лев, и снова делим ее пополам. Так повторяем до тех пор, пока лев не окажется пойман. left выравнивание по левому краю, задается по умолчанию; right выравнивание по правому краю; center выравнивание по центру; justify выравнивание по ширине (одновременно по правому и левому краю). Этот аргумент работает только для текста, длина которого более, чем одна строка.

17 Вставка изображения

18 или Width и height – размеры рисунка по ширине и высоте, соответственно, рекомендуется использовать реальные ширину и высоту (параметры не обязательные). Как правило, в качестве формата графического файла выступает GIF и JPEG.

19 Ссылки

20 Текст текст ссылки текст URL – адрес Web-страницы или полное имя файла …. Текст текст ссылки текст

21 Вставка адреса электронной почты : Задавайте вопросы по электронной почте

22 teg.ucoz.com/index/tekst/0-27 Первоисточник