Студопедия

Главная страница Случайная страница

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Цель занятия

Модель службы передачи сообщений (ISO/OSI) работа в сети.

- знакомство учащихся с общими положениями создания WEB-страниц и базовыми тегами языка HTML

- изучение процесса поиска информации в Интернет, зная адрес страницы, на которой она расположена.

- изучить основные структурные элементы, присутствующие на большинстве Веб-страниц World Wide Web.

Теоретическая часть:

HTML — это теговый язык разметки документов. Элементы — это структуры, которые описывают отдельные составляющие HTML-документа. Элемент состоит из трех частей: начального тега, содержимого и конечного тега. Тег— это специальный текст, заключенный в угловые скобки "<" и ">". Конечный тег имеет то же имя, что начальный тег, но начинается с косой черты "/". Атрибуты элемента определяют его свойства. Значение атрибута может быть заключено в одинарные или двойные кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего, или только внутри тега, если тег не имеет парного.

Базисные теги
Тип документа <HTML></HTML> Начало и конец файла арибуты
 
Имя документа <TITLE></TITLE> Должно быть в заголовке  
Заголовок <HEAD></HEAD> Описание документа  
Тело <BODY></BODY> Содержимое страницы  

Оформление тела Веб-страницы

Атрибут Действие Значения атрибута
BACKGROUND="URL" Фоновая картинка *.jpg, *.gif, .png. графический файл расположен в одной папке с Вашим документом
BGCOLOR="цвет " Цвет фона  
TEXT=”color” Цвет текста  
LEFTMARGIN="40" Определяет ширину левого и правого полей документа Пиксель
MARGINWIDTH="40" Определяет ширину верхнего и нижнего полей документа Пиксель

Таблица цветов НТМL

pink Розовый blue синий
cyan оттенок бирюзового teal ярко-голубой
orange Оранжевый gray серый
brown Коричневый yellow желтый
fuchsia ярко-фиолетовый olive оливковый
aqua Бирюзовый purple фиолетовый
silver светло-серый red красный
black Черный green зеленый

Практическая часть



Создание простейшей Веб-страницы:

Создайте стандартный текстовый файл.

Откройте его редактором "Блокнот".

Сначала напечатайте основные теги:
<HTML>
<HEAD>
<TITLE>Добро пожаловать !!!</TITLE>
</HEAD>
<BODY> Здравствуйте!!!
</BODY>
</HTML>

Сохраните документ с расширением *.htm.

Создайте веб-страницу с оформленным фоном и текстом.

HTML-код будет выглядеть следующим образом:

<HTML>
<BODY BACKGROUND="paint1.bmp" BGCOLOR="red" TEXT="cian" LEFTMARGIN="40" MARGINWIDTH="40">
...
Текст документа (5-6 предложений на любую тему).
...
</BODY>
</HTML>

Сохраните документ с расширением *.htm.

Подведение итогов занятия: проверка выполненных лабораторных работ и самостоятельно создать две веб-страницы с разными фонами и цветами текстов (5-6 предложений).

 

<== предыдущая лекция | следующая лекция ==>
Просмотр и корректировка документа | Задание для экспериментальной работы

mylektsii.ru - Мои Лекции - 2015-2017 год. (0.009 сек.)Пожаловаться на материал