Студопедия

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

Разделы сайта

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






Цель занятия

Модель службы передачи сообщений (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 предложений).

 

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




© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.