Задания. 1. Откройте программу Блокнот (Notepad).

Упражнение 1

1. Откройте программу Блокнот (Notepad).

2. Наберите текст: < Hl> Здравствуйте, друзья < /Hl>.

3. Сохраните текст под именем l.htm в своей папке и закройте Блокнот.

4. Теперь найдите файл l.htm в своей папке и двойным щелчком по нему активи­зируйте броузер с Вашими данными. Теперь измените вид документа, для этого:

5. Вернитесь в исходный текст с помощью команд Вид – В виде HTML из броузера.

6. Откроется Блокнот, измените текст:

< H2> Здравствуйте, друзья < /H2>

и сохраните его под прежним именем l.htm.

7. Вернитесь к броузеру через Панель задач и нажмите на панели инструментов кнопку Обновить. Размер символов в надписи изменится.

8. Вернитесь к Блокноту, измените текст:

< Hl> Здравствуйте, друзья< /Hl>
< H2> Здравствуйте, друзья < /H2>
< H3> Здравствуйте, друзья < /H3>
и сохраните его под прежним именем l.htm в своей папке.

9. Вернитесь к броузеру и нажмите на панели инструментов

кнопку Обновить.

10. Поэкспериментируйте, оформляя текст с помощью других тегов.

Упражнение 2

1. Создайте на диске отдельную папку для своей будущей страницы. Вы можете назвать ее своим именем (фамилией). Например, D: \Askarova.

2. Запустите Блокнот.

3. Наберите текст HTML, в который включите все теги, что мы разобрали. Между тегами < BODY> и < /BODY> напишите несколько слов о себе.

4. В меню Файл (File) выполните команду Сохранить как. В диалоговом окне Сохранения файла найдите созданную папку, укажите в поле Тип файла Все файлы и сохраните файл, назвав его своим именем (фамилией), и указав расширение HTM. Например, D: \ASKAROVA\Alia.HTM

5. Закройте Блокнот. Вы уже создали реальный электронный документ. Можете посмотреть, что у Вас получилось. Для этого:

6. Откройте папку D: \ASKAROVA и загрузите файл Alia.HTM, при этом активизируется броузер Internet Explorer с Вашим файлом.

7. В меню Вид выполните команду В виде HTML. Откроется Блокнот с исходным текстом, как в упражнении 1. Измените некоторые теги или их атрибуты, а также вставленные в них тексты по Вашему усмотрению, далее сохраните исходный файл.

8. Затем перейдите в броузер щелчком по имени файла на Панели задач и нажмите кнопку Обновить. Снова перейдите в исходный текст и т.д. Обратите внимание на то, что если вы не забыли указать название в теге TITLE, то оно отразилось в верхней строке броузера.

Упражнение 3

Подготовьте HTML-документ, содержащий инфор­мацию о своем вузе так, чтобы размещенная информация имела несколько уровней вложенности.

Упражнение 4

Составьте HTML-документ с информацией о своей студенческой группе.

При этом используйте теги параграфов, перевода строки и горизонтальных линий.

Упражнение 5

Подготовьте HTML-документ для размещения на web-странице Вашего расписания занятий.

Каждый день недели оформляйте как новый параграф и отделяйте друг от друга с помощью горизонтальной линии.

Текст снабжайте комментариями для служебного пользования (например, время начала и окончания пары, Фамилия, И.О. преподавателя).

Упражнение 6

Создайте объявление в виде HTML-документа о предстоящем заседании студсовета. Посмотрев текст объявления с помощью программы Іnternet Explorer измените и оформите его по вашему усмотрению. Окончательный вариант работы сохраните на диске.

Контрольные вопросы:

1. Что такое Web-страница и какие существуют способы ее создания?

2. Дайте определения терминам языка HTML – тег (метка), гиперссылка.

3. Почему для разработки Web-страниц используется специаль­ный язык разметки гипертекста?

4. Какова общая структура документа HTML?

5. Какие теги должны присутствовать в HTML-файле обязательно? Какова логическая структура Web-документа?

6. Почему нельзя использовать текстовый процессор Word для разработки Web-документов?

7. С помощью каких известных вам программ можно создавать Web-документы в коде HTML?

8. С помощью каких программ можно просматри­вать Web-документы?

9. Как создается абзац в языке HTML?

10. Укажите способы изменения размеров букв в HTML-документе.

11. Как проводится горизонтальная линия в языке HTML?

12. Перечислите все атрибуты тега FONT.

Список рекомендуемой литературы:

1. Нидерст Дж. Web-мастеринг для профессионалов. –СПб.: Питер, 2001.-576 с.

2. Симонович С., Евсеев Г., Алексеев А. Специальная информатика: Учебное пособие. –М.: АСТ-ПРЕСС: Инфорком-Пресс, 1998. –480 с.

3. А. Гончаров. HTML в примерах. – СПб: " Питер", 1997.

4. Лэмонт Вуд. Web-графика. Справочник. – С-Пб: Изд. " Питер", 1998.

5. С. Бейн, Д. Грей. Как сделать красиво в Интернете. Перевод с англ. -СПб: " Символ-Плюс", 1998.

6. А.О. Коцюбинский, С.В. Грошев. Современный самоучитель работы в сети Интернет. М.: " Триумф", 1997.

7. Internet. Шаг за шагом. (на CD-ROM). –СПб.: " Питер Мультимедиа", 1997.

8. Энциклопедия пользователя Internet. (на CD-ROM). – М.: " Демос", 2000.

Лабораторная работа №2