42549

Создание в редакторе документа HTML на основании примеров и просмотр в Web-браузере

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

Информатика, кибернетика и программирование

При каждом обновлении документа в блокноте обязательно его «Сохранить»(CTR+S) и выполнить в IE меню«Вид – Обновить(F5)» или на панели инструментов. Перейдите в блокнот и отформатируйте текст используя тэг br (перенос текста на другую строку, что-то вроде Enter). Вставьте его между тэгами Body и посмотрите IE, что получится...

Русский

2014-09-23

37.5 KB

4 чел.

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

Создать в редакторе документ HTML на основании  примеров и  просмотреть в Web-браузере.

 Цель: Приобретение практических навыков создания простейших HTML-страниц

Задачи лабораторной работы:

  1.  Создайте на диске отдельную директорию (папку) для будущей страницы.


D:\users\ek-01-1\fio

Теперь откроем блокнот и наберем следующий текст:

<html>
<head>
<title>Моя первая страница </title>
</head>
<body>

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ УКРАИНЫ

НАЦИОНАЛЬНАЯ МЕТАЛЛУРГИЧЕСКАЯ АКАДЕМИЯ УКРАИНЫ

КАФЕДРА ЭКОНОМИЧЕСКОЙ ИНФОРМАТИКИ

ОТЧЕТ

о выполнении лабораторных работ по дисциплине “Интернет технологии”

Выполнил:  Ст.гр. ЕК-01-1

ФИО

Принял:         ст. преподов.

ФИО

Днепропетровск   2005

</body>
</html>

Здесь тэги:  <html>  … </html>  начало и конец страницы

head> </head> - голова документа для заголовка в Internet Explore(IE)
<body> </body> - тело документа
<title> - заголовок.

А теперь сохраним этот документ, присвоив ему имя 1.
html

D:\ users\ek-01-1\fio\1.html

Теперь откроем
Internet Explore (блокнот не закрывать).
Файл - Открыть - кнопка Обзор - Наш документ (1.html).
Там вы увидите вашу страницу. Текст страницы не отформатирован и подается одной строкой.

При каждом обновлении документа в блокноте обязательно его «Сохранить»(CTR+S) и выполнить в IE меню«Вид – Обновить(F5)» или на панели инструментов.

  1.  Перейдите в блокнот и отформатируйте текст используя тэг <br> (перенос текста на другую строку, что-то вроде Enter). Вставте его между тэгами Body и посмотрите IE, что получится. Каждая строка документа должна быть отдельно.

Сохраним  документ и откроем IE(блокнот не закрывать).
Файл - Открыть - кнопка Обзор - Наш документ (1.html).

  1.  Окрасим документ в синий цвет.Цвета в документе задаватся в теге <body>:
    <body text="#336699">
    Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали <font></font> (если цвет в <body> не задавать, то по умолчанию он будет черным). Окрасим слово ОТЧЕТ в black
    - черный.

<font color="black"> ОТЧЕТ </font>

Существует 16 основных цветов: aqua - бирюзовый; black - черный; blue - синий; gray - серый; green - зеленый; lime - ярко-зеленый; maroon - темно-красный; white - белый; navy - темно-синий; olive - оливковый; purple - фиолетовый; red - красный; silver - светло-серый; teal - ярко-голубой; yellow - желтый; fuchsia - ярко-фиолетовый.

Кроме указанных основных цветов, есть дополнительные цвета:brown - коричневый, orange - оранжевый, cyan - оттенок бирюзового,  pink - розовый и др. Вместо указанных терминов для задания цвета можно использовать RGB-коды, например: #FFFFFF -белый (white), #FF0000 -красный (red). Меняя RGB-коды, можно подбирать желаемые цвета текста и фона.

Сохраним  документ и откроем IE

  1.  Цвет фона в документе устанавливается в тэге <body>:

    <body text="#336699" bgcolor="yellow">
    Здесь устанавливается
    желтый цвет (bgcolor="yellow). Если цвет в <body> не указывать, то по умолчанию он будет белым, хотя иногда цветом по умолчанию может являться любой другой, кроме белого, поэтому лучше уж прописывайте цвет фона в body. Сохраним  документ и откроем IE.
  2.  Для выравнивания и центровки текста используются параграфы. Они вводятся тэгом:
    <p></p> 

С помощью параграфов можно:

Центрировать текст:
<p align="center">текст</p>

Выровнять текст по левому краю:
<p align="left">текст</p>

По правому краю:
<p align="right">текст</p>

Выравнивает текст по обоим краям:

<p align="justify">текст</p> 

Теперь преобразум документ к виду в пункте 1.

 Сохраним  документ и откроем IE.

  1.  Для выделения текст можно использовать заголовки и функции тэга <font></font>. 

Заголовки:

<H1> текст </H1>

<H2> текст </H2>

<H3> текст </H3>

<H4> текст </H4>

<H5> текст </H5>

<H6> текст </H6>

Применим заголовки к следующей строке:

<H3> о выполнении лабораторных работ по дисциплине “Интернет технологии” </H3>

Заголовки предназначены для выделения небольшой части текста (строки, фразы), но, для выделения большого фрагмента текста, или только одно слово, при этом без переноса строки, то используется тэг <font></font>:
<font size="+4"> текст </font>
<font size="+3"> текст </font>
<font size="+2"> текст </font>
<font size="+1"> текст </font>
<font size="+0"> текст </font>
<font size="-1"> текст </font>
<font size="-2"> текст </font>

Применим тэг к следующему тексту:

<font size="+4"> ОТЧЕТ </font>

Сохраним  документ и откроем IE.

  1.  Применение шрифтов к тексту. Как делается курсив, подчеркнутый текст, полужирный текст и фиксированный текст:

<b> Полужирный текст </b>

<i> Наклонный текст (курсив) </i>

<u> Подчеркнутый текст </u>

<tt> fixed - фиксированный шрифт </tt> 

Применим к одному фрагменту текста сразу несколько тэгов:

<tt><b><i> Днепропетровск   2005</i></b> </tt>

Сохраним  документ и откроем IE

8.  Ответить на контрольные вопросы по лабораторной работе.

Контрольные вопросы по лабораторной работе № 1

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

2. Дайте определения следующиму термину языка HTML - тег.

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

4. Какие теги форматирования текстового потока и абзацев Вы знаете?

5. Как задать цвет текста?

6. Как задать шрифты?

7. Как задать цвет фона?


 

А также другие работы, которые могут Вас заинтересовать

31206. Сети наблюдений 36.5 KB
  Сейсморазведочные работы 2D проводятся для изучения строения земной коры по отдельным профилям или сети профилей с целью решения задач на региональном поисковом детальном а иногда даже на детализационном этапах геологоразведочного процесса. Цели и задачи конкретной сейсмической съемки определяются этапом геологоразведочных работ на данной территории. Как известно в России принято выделять три этапа геологоразведочных работ региональный поисковый и детальный. Исследования по отдельным протяженным профилям на региональном этапе работ...
31207. Системы записи и предварительной обработки сейсмической информации 33 KB
  С точки зрения технологии применения сейсмической разведки в главном направлении в области поисков и разведки углеводородов всю выпускаемую аппаратуру можно условно разделить на два класса: аппаратура и оборудование для исследований по отдельным профилям линиям с использованием относительно ограниченного числа каналов. В ее названии присутствует индекс Л или L ; аппаратура и оборудование для исследований на площадях достаточно больших размерив с одновременной регистрацией волнового поля большим числом каналов. Для сейсморазведочных...
31208. Системы наблюдений со сложными но форме линиями приема или возбуждения 28.5 KB
  Система наблюдений при правильном планировании может обладать хорошим распределением удалений и азимутов. Предложено и ряд систем наблюдений регулярного типа в которых используются сложные по форме линии приема ЛПП или возбуждения ЛПВ. Среди систем наблюдений такого типа следует прежде всего указать на системы типа звезда и радиальная .
31209. Суда для сейсморазведочных работ 32.5 KB
  иметь специальное радионавигационное оборудование для уверенного ведения судна по запроектированной системе сейсмических профилей; обладать достаточной автономностью плавания 30 60 суток. м в наиболее комфортной части судна. Процесс смотки и размотки сейсмических кос требует установки на корме судна в полузакрытом помещении специальных барабанов с электроприводом и емкостью размещаемых кос объемом до 10 15 м3. Кроме этого весьма важно чтобы шумы самого судна шумы двигателя были бы также достаточно малыми.
31210. Типы систем наблюдений 38.5 KB
  В сейсморазведке при исследованиях по линейным профилям наиболее часто используются следующие системы наблюдений: фланговые с пунктами возбуждения расположенными по одну сторону базы приема линии пунктов приема ЛПП на ее конце или за ее пределами фланговые с выносом; встречные фланговые с пунктами возбуждения расположенными на обоих концах базы приема ЛПП или с двух сторон за ее пределами встречные фланговые с выносом; центральные с пунктом возбуждения в центре базы приема симметричные и с пунктом возбуждения...
31211. История формирования принципов телеметрии 36 KB
  Сначала появились первые телеметрические сейсморегистрирующие системы ТСС разработчики которых вообще отказались от кабельной системы передачи сейсмической информации от места ее регистрации от сейсмоприемников к месту ее окончательной записи в сейсморазведочную станцию. Телеметрические сейсморегистрирующие системы представляют собой сложно организованные и многофункциональные устройства основными элементами которых является полевой модуль сбора информации ПМ и центральная регистрирующая станция ЦРС По принципу передачи информации...
31212. Элементы методики ВСП 39 KB
  Гальперина метод ВСП начинает интенсивно развиваться и применяться при разведке на нефть и газ во всем мире. В настоящее время трудно себе представить сейсморазведочные работы без использования в том или ином объеме ВСП. ВСП метод скважинных около скважинных и межскважинных сейсмических исследований предназначенный для решения геологических методических и технологических задач на различных этапах геологоразведочного процесса с целью повышения геологоэкономической эффективности разведки месторождений различных полезных ископаемых...
31213. Телеметрические сейсморегистрирующие системы 39.5 KB
  Включает в себя следующие элементы: консоль оператора Opertor Console ModuleOSM на базе IBM486 блок управления системой System Control ModuleSCM с подблоком памяти SIM; линейный интерфейсный модуль Line Interfce ModuleLIM магнитофон Таре Trnsport ModuleTTM корреляторсумматор Correltor Stcker ModuleCSM. Оно включает в себя: полевые регистрирующие модули RSC MRX RSX; коммутационный модуль LT или АLТ Периферийное оборудование станции содержит: устройство управления источником взрыва...
31214. Телеметрические сейсморегистрирующие системы фирмы „SERCEL” 37.5 KB
  Сейсмическая станция SN368 включает в себя две подсистемы аппаратуры: центральную контролирующую электронику Centrl Control UnitCCU; полевое оборудование. Центральная контролирующая электроника CCU включает в себя б блоков: основной контрольный блок {Mster Control Unit MCU дисплей {Disply UnitDU; линейный расширитель Line Extension UnitLXV; ленточный регистратор {Tpe TrnsportsTT; устройство для подключения дополнительной периферии: принтера плоттера коррелятора сумматора дополнительного магнитофона; блок...