Нас утро встречает прохладой· Оформить фразу по приведенному ниже образцу.
В слове УТРО все буквы должны иметь разные цвета. В слове ПРОХЛАДОЙ оформить буквы ПРО – красным цветом, ОЙ – синим. · Оформить строку с подписью (Студент группы NNN Фамилия Имя) курсивом, размер шрифта задать относительным изменением. Использовать теги <FONT SIZE=«+2»>;и <I>; · Просмотреть полученный документ в броузере. 6. Выполнить форматирование абзацев: · Создать новый документ 2_name.htm, сохранить его в той же рабочей папке. · Ввести текст (использовать копирование текста из документа 1_name.htm): <HTML>; <HEAD> <TITLE> Фамилия </TITLE>; </HEAD>; <BODY>; Приветствую Вас на моей второй web-страничке! <BR> Монолог Гамлета </BODY>; </HTML>; · Выровнять текст по центру. · Ввести текст: (*) · Оформить выравнивание абзаца по ширине. · Ограничить абзац горизонтальными разделительными линиями сверху и снизу, используя тег <HR>. · Скопировать текст и разбить его на абзацы. Выровнять по центру. ПОВЕДЕНИЕ НА ЗАНЯТИЯХ (*) Когда учитель входит в класс, учащиеся встают, приветствуют учителя. Подобным образ учащиеся приветствуют любого взрослого, вошедшего в класс во время занятий (кроме времени работы на компьютере). Каждый учитель определяет правила поведения учащихся на своих занятиях; эти правила не должны ущемлять достоинство ученика. Во время, урока нельзя шуметь, отвлекаться самому и отвлекать других товарищей от занятий посторонними разговорами, играми и другими, не относящимися к уроку делами, так как этим нарушаются права других на получение необходимых знаний. На уроке учащиеся имеют право пользоваться школьным инвентарем, который они возвращают учителю после занятия. Относится к нему надо бережно и аккуратно. Если учащийся хочет задать вопрос учителю или ответить на вопрос учителя, он поднимает руку.Ученик вправе отстаивать свой взгляд и свои убеждения при обсуждении различных спорных и неоднозначных вопросов в корректной форме. Сохранить документ. · Просмотреть документ в окне броузера, изменяя размер окна. 7. Выполнить оформление списков: · Создать новый документ 3_name.htm, сохранить его в той же рабочей папке жесткого диска. · Ввести текст: <HTML>; <HEAD> <TITLE> Фамилия </TITLE>; </HEAD>; <BODY>; Приветствую Вас на моей третьей web-страничке! </BODY>; </HTML>; · Дополнить текст документа (между тегами <BODY>…</BODY>) следующим текстом: · Оформить три последние строки как список нумерованный. Для этого использовать следующую конструкцию тегов: <OL>; <LI> Шрифты, </LI>; <LI> Заголовки, </LI>; <LI> Абзацы </LI>; </OL>; · Поменять оформление списка на список маркированный. Использовать теги <UL>, </UL> · Создать «смешанный» список: Я знаю как оформлять: Шрифты · Размер · Цвет · Гарнитуру · Индексы Заголовки · От 1-го до 6-го уровня Абзацы · Выравнивание · Разрыв строк внутри абзаца · С использованием переформатирования.
8. Предъявить результаты работы преподавателю.
Таблица основных тегов HTML-документа. Теги форматирования шрифта и абзаца
Таблица основных цветов
Вставка в HTML-документ рисунков. Создание закладок и гиперссылок · Научиться выполнять вставку рисунков в HTML-документ · Научиться создавать закладки и гиперссылки 1. Скопировать из Интернета или какой-либо папки в личную папку файлы три графических файла (например, Arrows1.wmf, Arrows2.wmf, Arrows3.wmf). Убедиться, что созданные ранее документы 1_name.htm, 2_name.htm и 3_name.htm также находятся в вашей папке на жёстком диске. 2. Вставка рисунков в документ. · Открыть в Блокноте документ 2_name.htm. · Вставить рисунок Arrows1.wmf в начало документа 2_name.htm. Для вставки использовать тег IMG с параметрами WIDTH и HEIGHT для установки размеров рисунка 50 пикселов по горизонтали и по вертикали. · Сохранить документ под именем 4_name.htm. · Просмотреть в броузере полученный результат. · Ввести в тег рисунка параметр ALIGN длявыравнивания рисунка по правому краю. Просмотреть результат в броузере. · Вставить рисунок Arrows2.wmf в конец документа 4_name.htm перед, подобрать тип выравнивания рисунка на свое усмотрение. Установить размер рисунка 100 пикселов по горизонтали и по вертикали. С помощью параметра ALT создать всплывающую подсказку «Рисунок 2», появляющуюся при наведении курсора мыши на рисунок. · Просмотреть в броузере полученный результат. 3. Создание гиперссылок и закладок. · В документе 3_name.htm закрепить гиперрсылки за следующими элементами списка: За словом Шрифт – гиперссылка на документ 1_name.htm. За словом Заголовки – на документ 1_name.htm. За словом Абзацы - на документ 2_name.htm. · Создать закладку в документе 1_name.htm перед фразой «Нас утро встречает прохладой». Дать ей имя «Morning». · Изменить первую гиперссылку (слово Шрифт) так, чтобы она указывала на закладку «Morning» в документе 1_name.htm. · Создать закладку в начале текущего документа 3_name.htm.. Присвоить ей имя «Hello». · Изменить вторую гиперссылку (на слове Заголовки), определив для неё переход в начало текущего документа на установленную закладку «Hello». · Создать закладку в документе 2_name.htm перед фрагментом монолога. Присвоить ей имя «Mono». · Установить на слово переформатирования гиперссылку на закладку «Mono». · Проверить правильность переходов по всем гиперссылкам. 4. Закрепить гиперссылки за графическими файлами: · Отредактировать тег вставки рисунка Arrows1.wmf, ввести в тег атрибут ALT для отображения текста подсказки «Вернуться». Просмотреть в броузере как реагирует рисунок на наведение курсора мыши. · Закрепить за рисунком Arrows1.wmf в документе 4_name.htm гиперссылку на документ 3_name.htm. Выполнить переход между документами. 5. Предъявить результат преподавателю.
|
