- •Министерство образования и науки украины
- •Общие указания к выполнению лабораторных работ
- •Содержание и значение самостоятельной работы студентов при изучении дисциплины «Компьютерные сети и телекоммуникации»
- •Лабораторная работа № 1
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 2
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 3
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 4
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Содержание отчета
- •Лабораторная работа № 6
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Создание ссылки на электронный адрес
- •Создание абсолютной ссылки на Web-ресурс
- •Создание внутренних ссылок в документе
- •Содержание отчета
- •Лабораторная работа № 8
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 9
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы.
- •Содержание отчета
- •Лабораторная работа № 10
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Приложение 1. Типичные приемы работы в браузере
- •Приложение 2. Стандартная цветовая палитра
- •95007, Симферополь, просп. Академика Вернадского, 4
Содержание отчета
Описание команд и действий, используемых при выполнении работы. Отчет должен также содержать ваш адрес электронной почты и адрес форума, на котором вы зарегистрировались, а также его краткую характеристику.
Лабораторная работа № 4
Тема: Создание простейших web-документов. Форматирование абзацев и текста
Цель:
научиться создавать простейшие HTML-документы
научиться форматировать текст web-документа
Контрольные вопросы:
Что такое HTML?
Что такое теги?
Какие теги вы знаете?
Какова структура документа HTML?
Как создать отступ и абзац на web-странице?
Как задаются цвета в HTML?
Как задаются гарнитуры и размер шрифта в HTML?
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами документа, такими как:
<HTML> … </HTML> - дескриптор HTML;
<HEAD> … </HEAD> - дескриптор заголовка, обозначающий заголовочную часть документа HTML;
<TITLE> … </TITLE> – дескриптор названия документа. Информация, помещаемая внутри этого дескриптора, появляется в строке заголовка браузера.
<BODY> … </BODY> – тело документа HTML, в котором находится вся информация, выводимая на экран.
<!-- … --> – дескриптор комментария, используемый для внесения в текст примечаний, которые помогают ориентироваться в коде страницы.
В лабораторной работе используется контейнерный метод, разработанный для того, чтобы помочь избежать пропуска дескрипторов при кодировании. Этот метод позволяет сохранить симметрию кода.
Для выравнивания текста в пределах абзаца используются следующие атрибуты дескриптора <P>:
<p align=" … "> - где атрибут align может принимать следующие значения:
left – по левому краю;
right – по правому краю;
center – по центру;
justify – по ширине.
Для выделения текста в настоящей лабораторной работе используются следующие теги:
<I> Текст </I> – отображает текст курсивом.
<B> Текст </B> – устанавливает жирное начертание шрифта. Можно использовать совместно с тегом <I> для отображения шрифта жирным курсивом. (<b><i>Текст </i></b>)
<U> Текст </U> – устанавливает подчеркивание для шрифта
Кроме того, для оформления документа вы можете использовать таблицу стандартных цветов, приведенную в Приложении 2.
Порядок выполнения работы:
Откройте текстовый редактор: Приложения -> Стандартные -> Текстовый редактор (gedit).
Введите пару дескрипторов <HTML>, так чтобы между ними была пустая строка. Таким образом, у вас появился первый контейнер.
<HTML>
</HTML>
Теперь непосредственно под открывающим дескриптором <HTML> вставляем контейнер заголовка, состоящий из открывающего и закрывающего дескрипторов <HEAD> разделенных пустой строкой.
<HTML>
<HEAD>
</HEAD>
</HTML>
Введите в заголовок пару дескрипторов <TITLE>. Можно их вставлять в одну строку.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
</HTML>
Сразу после закрывающего дескриптора <HEAD> добавляем пару дескрипторов <BODY>.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Внутри контейнера <TITLE> пишите следующий текст:
<TITLE> Трест, который лопнул </ТITLЕ>
Внутри контейнера <BODY> наберите следующий текст и отформатируйте его, с приданием ему различного выравнивания, подчеркивания, курсива, полужирного начертания:
<BODY>
<p align = "center">Трест который лопнул
<Р align = "left">Энди наливает себе стаканчик нашей <U>лучшей ячменной</U> и препровождает его по назначению. Это была его <В>первая выпивка</В> за все время, что я его знал. </Р>
<Р align = "right">- Вроде как излияние богам, - пояснил он. Почтив таким образом языческих идолов, он осушил еще стаканчик - за преуспеяние нашего дела. А потом и пошло -он пил за всю промышленность, начиная от Северной тихоокеанской дороги и кончая всякой мелочью вроде заводов маргарина, синдиката учебников и федерации шотландских горняков. </Р>
<Р align = "justify">- Энди, Энди, - говорю я ему, - это очень похвально с твоей стороны, что ты пьешь за здоровье наших братских монополий, но смотри, дружок, не увлекайся тостами. Ты ведь знаешь, что самые <I>наши знаменитые и всеми ненавидимые архимиллиардеры не вкушают ничего, кроме жидкого чая с сухариками</I>. </Р>
<Р align = "right">Энди ушел за перегородку и через несколько минут вышел оттуда в парадном костюме. Во взгляде у него было что-то возвышенное и смертоносное, этакий, я бы сказал, благородный и праведный вызов. Очень не понравился мне этот взгляд. Я всматривался в Энди с беспокойством: какую штуку выкинет с ним виски? <I>В жизни бывают два случая, которые неизвестно чем кончаются: когда мужчина выпьет в первый раз и когда женщина выпьет в последний.</I> </Р>
<Р align = "justify">За какой-нибудь час "<В>муха</В>" у Энди выросла в целого скорпиона. Снаружи он был вполне благопристоен и умудрялся сохранять равновесие, но внутри он был весь начинен сюрпризами и экспромтами. </Р>
<Р align = "right">- Джефф, - говорит он, - ты знаешь, что я такое? Я <В>кратер</В>, <U>живой вулканический кратер</U>.</Р>
</BODY>
Сохраняем полученную страничку под названием lesson_1.html. Для этого выбираем в меню Файл пункт Сохранить или нажимаем клавиатурную комбинацию Ctrl+S. В появившемся окне Сохранения документа удалите название файла, предложенное по умолчанию, и наберите lesson_1.html (имя файла должно обязательно иметь расширение html).
Откройте сохраненный файл в любом браузере.