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

Презентация:



Advertisements
Похожие презентации
Создание Web-страницы.. Cтруктура HTML документа (основные разделы) Служебная информация информация о имени страницы Web документ.
Advertisements

Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Название страницы содержание страницы Структура любого HTML файла.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
(HyperText Markup Language) – язык гипертекстовой разметки.
ТЕГИ ФИЗИЧЕСКОГО ФОРМАТИРОВАНИЯ ШРИФТА. Начертание текста Тег - отображает текст полужирным шрифтом. Например: Это полужирный шрифт. Тег - отображает.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Инструментальные средства создания электронных образовательных ресурсов План лекции 1 Общее представление о языке HTML. Подготовка к созданию HTML-документа.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Oсновы HTML Hyper Text Markup Language. Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
HTML. Добавление графики в WEB-документ.
Транксрипт:

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

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

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

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

Таблицы

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

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

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

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

Текст

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

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

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

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

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

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

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

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

Ссылки

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

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

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