Тема: «Приемы форматирования текста»
ЛАБОРАТОРНАЯ РАБОТА № 1
Тема: «Создание простейшей Web-страницы»
1. Запустите текстовый редактор БЛОКНОТ.
2. Введите следующий документ:
<HTML>
<HEAD>
<TITLE>Глобальные сети</TITLE>
</HEAD>
<BODY>
Глобальные информационные сети – одно из основных достижений человечества в области информационных технологий, главная примета вхождения в эпоху информационного общества
</BODY>
</HTML>
3. Сохраните этот документ под именем first.htm.
4. Запустите программу Internet Explorer.
5. Дайте команду Файл→Открыть. Щелкните на кнопке Обзор и откройте файл first.htm.
6. Просмотрите, как отображается этот файл – простейший корректный документ HTML.
Где отображается содержимое элемента TITLE?
Где отображается содержимое элемента BODY?
7. Как отображаются слова «Содержание и «документа», введенные в двух отдельных строчках? Почему? Проверьте, что происходит при уменьшении ширины окна.
ЛАБОРАТОРНАЯ РАБОТА № 2
Тема: «Изучение приемов форматирования абзацев»
1. Откройте документ first.htm в программе БЛОКНОТ.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
3. Введите заголовок первого уровня, заключив его между тегами <H1> и </H1>.
4. Введите заголовок второго уровня, заключив его между тегами <H2> и </H2>.
|
|
5. Введите отдельный абзац текста, начав его с тега <P>. Пробелы и символы перевода строки можно использовать внутри абзаца произвольно:
Мировая паутина WWW – это распределенная информационная система мультимедиа, основанная на гипертексте.
6. Введите тег горизонтальной линейки <HR>.
7. Введите еще один абзац текста, начав его с тега <P>:
Информация хранится в ней на огромном множестве объединенных в сеть серверов – компьютерах с соответствующим программным обеспечением
8. Сохраните этот документ под именем paragraph.htm.
9. Запустите обозреватель Internet Explorer.
10. Дайте команду Файл→Открыть. Щелкните по кнопке Обзор и откройте файл paragraph.htm.
11. Посмотрите, как отображается этот файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.
ЛАБОРАТОРНАЯ РАБОТА № 3
Тема: «Создание гиперссылок»
1. Откройте документ first.htm в программе БЛОКНОТ.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
3. Введите фразу:
Современные информационные системы продолжают, возникшую в конце 70-х гг. тенденцию распределенной обработки данных. Начальным этапом развития таких систем явилась совокупность вычислительных машин различной производительности, объединенных в систему с помощью каналов связи.
|
|
4. Введите тег: <A HREF=”first.htm”>.
5. Введите фразу: Ссылка.
6. Введите закрывающий тег </A>.
7. Введите фразу:
В зависимости от территориального расположения абонентских систем вычислительные сети можно разделить на три основных класса: глобальные сети, региональные сети, локальные сети.
8. Сохраните документ под именем link.htm.
9. Запустите обозреватель Internet Explorer.
10. Дайте команду Файл→Открыть. Щелкните по кнопке Обзор и откройте файл link.htm.
11. Убедитесь в том, что текст между тегами <A> и </A> выделен как ссылка (цветом и подчеркиванием).
12. Щелкните на ссылке и убедитесь, что при этом загружается документ, на который указывает ссылка.
13. Щелкните на кнопке Назад на панели инструментов, чтобы вернуться к предыдущей странице. Убедитесь, что ссылка теперь считается «просмотренной» и отображается другим цветом.
ЛАБОРАТОРНАЯ РАБОТА № 4
Тема: «Создание изображения и использование его на WEB-странице»
|
|
1. Откройте приложение Paint. Задайте размеры нового рисунка: 50 х 50 точек.
2. Создайте произвольный рисунок. Подберите самостоятельно фон для Вашего рисунка.
3. Сохраните рисунок под именем pic1.gif (в формате *.GIF).
4. Поменяйте фон Вашего рисунка на другой цвет.
5. Сохраните рисунок под именем pic2.gif (в формате *.GIF) и закройте приложение Paint.
6. Откройте документ first.htm в программе БЛОКНОТ.
7. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
8. Введите следующий текст, размещая его по строчкам:
Система WINDOWS включает в себя графический редактор PAINT, предназначенный для создания изображений. Созданные рисунки можно использовать непосредственно, если распечатать их на принтере. Их можно также вставлять в другие документы в качестве графических объектов. Редактор PAINT относится к растровым редакторам и кроме функций создания и редактирования изображений выступает также в качестве системного средства просмотра графических файлов в форматах *.BMP, *.PCX, *.GIF.
Установите текстовый курсор в начало текста.
9. Введите тег <IMG SRC=”pic1.gif” ALIGN=”BOTTOM”>.
|
|
10. Сохраните документ под именем picture.htm.
11. Запустите обозреватель Internet Explorer.
12. Дайте команду Файл→Открыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение.
13. Вернитесь в программу БЛОКНОТи измените значение атрибута: ALIGN=”TOP”. Сохраните файл под именем picture1.htm.
14. Запустите обозреватель Internet Explorer и откройте файл под именем picture1.htm. Посмотрите, как изменился вид страницы при изменении атрибутов.
15. Вернитесь в программу БЛОКНОТ и измените значение атрибута: ALIGN=”LEFT”. Сохраните файл под именем picture2.htm.
16. Вернитесь в программу Internet Explorer и откройте файл picture2.htm. Посмотрите, как изменился вид страницы при изменении атрибутов.
17. Вернитесь в программу БЛОКНОТ и добавьте в тег <IMG> атрибуты: HSPACE=40 VSPACE=20. Сохраните файл под именем picture3.htm.
18. Вернитесь в программу Internet Explorer и откройте файл с именем picture3.htm.
19. Вернитесь в программу БЛОКНОТ и измените имя рисунка: SRC=”pic2.gif”. Сохраните файл под именем picture4.htm.
20. Вернитесь в программу Internet Explorer и откройте файл с именем picture4.htm. Посмотрите, как изменился вид страницы при изменении атрибутов.
ЛАБОРАТОРНАЯ РАБОТА № 5
Тема: «Приемы форматирования текста»
1. Откройте документ first.htm в программе БЛОКНОТ.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
3. Введите тег <BASEFONT SIZE= “5” COLOR=”BROWN”>. Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.
4. Введите следующий абзац текста:
Информационная технология является наиболее важной составляющей процесса использования информационных ресурсов общества. К настоящему времени она прошла несколько эволюционных этапов, смена которых определялась главным образом развитием научно-технического прогресса, появлением новых технических средств переработки информации.
Начните этот абзац с тега <P>.
5. Введите теги: <P> <FONT SIZE=”-2” FACE=”ARIAL” COLOR=”GREEN”>.
6. Введите очередной абзац текста, закончив его тегом </FONT>:
Внедрение ПК в информационную сферу и применение телекоммуникационных средств связи определили новый этап развития информационной технологии и, как следствие, изменение ее названия за счет присоединения одного из синонимов: «новая», «современная». В понятие новой информационной технологии включены также коммуникационные технологии, которые обеспечивают передачу информации разными средствами, а именно - телефон, телеграф, телекоммуникации, факс и др.
7. В следующем абзаце введенного текста используйте по своему усмотрению парные теги: <B> (полужирный шрифт), <I> (курсив), <U> (подчеркивание), <S> (вычеркивание), <SUB> (нижний индекс), <SUP> (верхний индекс):
Новая информационная технология – информационная технология с «дружественным» интерфейсом работы пользователя, использующая персональные компьютеры и телекоммуникационные средства.
8. В следующем абзаце используйте по своему усмотрению парные теги: <EM> (выделение), <STRONG> (сильное выделение), <CODE> (текст программы), <KBD> (клавиатурный ввод), <SAMP> (пример вывода), <VAR> (компьютерная переменная):
Инструментарий информационной технологии – один или несколько взаимосвязанных программных продуктов для определенного типа компьютера, технология работы в котором позволяет достичь поставленную пользователем цель.
9. Сохраните полученный документ под именем format.htm.
10. Запустите обозреватель Internet Explorer.
11. Выполните команду Файл→Открыть. Щелкните на кнопке Обзор и откройте файл с именем format.htm.
12. Изучите, как использованные элементы HTML влияют на способ отображения текста.
13. Вернитесь в программу БЛОКНОТ и измените документ, так, чтобы элементы, задающие форматирование, были сложены друг в друга. Сохраните документ под именем format1.htm.
14. Вернитесь в программу Internet Explorer и откройте файл с именем format1.htm. Посмотрите, как изменился вид страницы.
ЛАБОРАТОРНАЯ РАБОТА № 6
Дата добавления: 2018-04-05; просмотров: 476; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!