Язык разметки гипертекста HTML Занятие 3 © Николаева Вера Александровна, 2010 - 2011

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



Advertisements
Похожие презентации
Язык разметки гипертекста HTML Урок 1 © Николаева Вера Александровна, 2007
Advertisements

Язык разметки гипертекста HTML Занятие 1 © Николаева Вера Александровна,
Язык разметки гипертекста HTML Урок 4 Таблицы © Николаева Вера Александровна, 2009
«Основные элементы текста. Настройки окна документа. Форматирование абзаца» Тема:
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Текстовый процессор Word. Возможности программы Word 1. Работа с текстами: ввод текста; редактирование текста; форматирование текста (изменение параметров.
Microsoft Word. Текстовый редактор редактор – прикладная программа, предназначенная для создания и редактирования текстовых документов Текстовый процессор.
Web-страница Web-страница (англ. Web page) гипертекстовый ресурс Всемирной паутины, обычно написанный на языке HTML. Web-страница может содержать ссылки.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
HTML (от англ. HyperText Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине.англ.гипертекстаязык разметкиВсемирной.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Преобразование, изменяющее форму представления документа. (параметры страницы: ее формат (размер), ориентацию ит.д. преобразование, изменяющее форму представления.
Microsoft Word Художественное оформление текста в WORD.
Текстовый редактор WORD Форматирование текста. Виды форматирования Форматирование символов Форматирование символов Форматирование абзацев Форматирование.
Web-страницы и Web-сайты. Структура Web- страницы.
1. Какой из пунктов меню позволяет работать с мастерами документов: 1) Правка 1) Правка 2) Файл 2) Файл 3) Вставка 3) Вставка.
Казань 2011 год. Содержание 1. Возможности форматирования текста 2. Возможности редактирования текста 3. Работа с графическими объектами 4. Работа с таблицами.
СОДЕРЖАНИЕ СОДЕРЖАНИЕ Строка Меню Строка Меню Панель инструментов Стандартная Панель инструментов Стандартная Панель инструментов Форматирование Панель.
Секция «Основы сайтостроения» Кротова Т.В. Овчарова О.П.
Работа с текстовым редактором Параграф 15.. Форматирование текста.
Транксрипт:

Язык разметки гипертекста HTML Занятие 3 © Николаева Вера Александровна,

1. Вставить готовый текст, приготовленный в процессоре MS Office Word, на web-страницу можно 2-мя способами. Способ 1. Меню Вставка, Файл. Текст на web-странице © Николаева Вера Александровна, Недостаток этого способа: вместе с текстом MS Word «принесет» с собой и все параметры форматирования абзацев, что «замусорит» код web-страницы. Способ 2. Скопировать текст через буфер обмена сначала в программу Блокнот (чтобы освободить его от параметров форматирования MS Word-a), а затем повторно скопировать его на web-страницу из Блокнота – в web-редактор. Этот способ предпочтительнее способа 1 тем, что на web-страницу будет скопирован «чистый» текст, без параметров форматирования, а значит и код html web- страницы останется «чистым».

2. Основной текст web-страницы разбивают на абзацы. Число строк в абзаце – не более 7 – 8 (бОльшее число строк в абзаце допустимо только в исключительных случаях). Текст на web-странице © Николаева Вера Александровна, Способ 2. Комбинацией клавиш Shift + Enter (вспомним принудительный переход к следующей строке внутри абзаца в MS Word). Тогда тег заменяется на тег или несколько Для разбиения на абзацы используют Способ 1. Клавишу Enter, тогда ………………………….. Текст 1-го абзаца ………………………….. Текст 2-го абзаца В этом случае способы выравнивания абзацев могут отличаться. 1-й может быть выровнен по левому краю, например, а 2-й по ширине и т.д. ………………………….. Текст 1-го абзаца ………………………….. Текст 2-го абзаца В этом случае способы выравнивания абзацев одинаковые.

3. Для разделения абзацев можно использовать Текст на web-странице © Николаева Вера Александровна, Способ 1. Горизонтальную линию или горизонтальную линию с атрибутами Способ 1. Горизонтальную линию или горизонтальную линию с атрибутами Способ 2. Рисунок-орнамент в отдельном абзаце

4. Для создания интервала между абзацами используют Текст на web-странице © Николаева Вера Александровна, Способ 1. Несколько непарных тегов … Тогда зрительно кажется, что это – разные абзацы. Хотя способ выравнивания всех фрагментов – один и тот же, так как все-таки это – один абзац. Способ 2. Пустой абзац с пробелом Пустые абзацы без пробелов браузерами игнорируются!!! Способ 3. Веб-редактором - командой меню Формат, Абзац. Например, …

5. Основной текст абзаца в русском языке принято выравнивать по ширине Текст на web-странице © Николаева Вера Александровна, … 6. Для создания красной строки используют команду меню Формат, Абзац. Например, … 7. Для создания отступа абзаца слева и справа Способ 1. Используют парный тег … Способ 2. Используют кнопку на панели инструментов Форматирование веб-редактора. или 2, 3, и т.д. таких парных тегов.

8. Для размещения текста в несколько колонок используют таблицу без обрамления (border="0"). Текст на web-странице © Николаева Вера Александровна, Задание. На странице history-font.htm выберите любой абзац основного текста (например, 3-й) и отработайте на его примере всю теорию этой презентации. Затем задайте последовательно все возможные параметры абзацу с помощью меню Формат, Абзац и контролируйте изменения атрибутов тега абзаца в коде HTML.