- •Практическое занятие № 1. Создание html – документов в текстовом редакторе Блокнот. Структура документа, форматирование, работа со шрифтами.
- •Практическое занятие № 2. Создание html – документов в текстовом редакторе Блокнот. Работа со списками и гиперссылками.
- •Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
- •Практическое занятие № 3. Создание html – документов в текстовом редакторе Блокнот. Работа с таблицами.
- •Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
- •Практическое занятие № 4. Создание html – документов в текстовом редакторе Блокнот. Работа с изображений.
- •Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
Практическое занятие № 1. Создание html – документов в текстовом редакторе Блокнот. Структура документа, форматирование, работа со шрифтами.
Откройте текстовый редактор Блокнот (Пуск Программы Стандартные Блокнот).
Сохраните документ с имением doc1.html в папке С:\Winnt\Profiles\Ваше_имя_пользователя (Для этого в окне сохранения файла выберете в поле тип файла пункт «Все файлы», в поле имя файла вручную введите имя и расширение).
Введите следующий HTML – код: <HTML > <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <! -- Это очень простой документ --> У меня дома живут животные: собака кошка морская свинка попугай канарейка Документ составлен Ивановой А.А. </BODY> </HTML>
Сохраните документ. Просмотрите его в браузере. (Для этого откройте браузер и в адресной строке наберите полный путь к файлу или просто наберите С: а далее открывайте папки действуя как в Проводнике). Посмотрите как выглядит заголовок окна браузера.
Вернитесь в окно Блокнота и внесите следующие изменения a) Тег <TITLE> </TITLE> заполните текстом “Домашние животные Ивановой”; b) перед первой и последней строкой тела документа и словом “собака” вставьте тег <p>, перед словами “кошка”, “морская свинка”, “попугай”, “канарейка” – тег <br>.
Сохраните документ. Перейдите в окно браузера и обновите страницу. Проанализируйте изменения. Вернитесь в окно Блокнота.
Заключите слово “собака” в тег <i>, “кошка” – в тег <b>, “морская свинка” – в тег <u>, “попугай” – в тег <em>. Перед словом “канарейка” поставьте отрывающий тег <strong> и «забудьте» поставить закрывающий. Выполните действия шага 6 и продолжайте выполнять задания, следующие за данным пунктом.
a) Исправьте свою «ошибку», то есть допишите закрывающий тег </strong>; b) Первую строку документа заключите в теги <center></center>. c) В тег <p> перед словом “собака” добавьте атрибут align=”center”.
a) В первой строке тела документа впишите строку “Меня зовут Маша Иванова”. Заключите ее в тег <h2></h2>, перед самим текстом напишите четыре раза (через точку с запятой) мнемонический код пробела b) Строки “У меня дома есть животные” и “Документ составлен Ивановой М.А.” Заключите в тег <h3></h3>. В тег <h3> перед строкой “Документ составлен Ивановой М.А.” добавьте атрибут align=”right”. Выполните действия шага 6 и продолжайте выполнять задания, следующие за данным пунктом.
Задайте у тега <BODY> следующие атрибуты bgcolor=”green” text=”#FFFFFF”. Слово “собака” заключите в тег <font size=4 color=yellow face= Arial Cyr></font>. Выполните действия шага 6 и продолжайте выполнять задания, следующие за данным пунктом.
В первой строке тела документа задайте элемент <basefont size=4>. У тега font, содержащего слово “собака”, измените параметр size=+1. Выполните действия шага 6 и продолжайте выполнять задания, следующие за данным пунктом.
Перед строкой “Документ составлен Ивановой М.А.” вставьте разделительную линию <hr width=50 >. Выполните действия шага 6 и продолжайте выполнять задания, следующие за данным пунктом.
Измените атрибуты тега <hr width=50% noshade size=2 color=yellow>. Выполните действия шага 6 и покажите созданный документ преподавателю.