Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Практическая работа №8. Создание простейшей веб-страницы.

⇐ ПредыдущаяСтр 2 из 3Следующая ⇒

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

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

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

Базисные теги

Тип документа

<HTML></HTML>

Начало и конец файла

арибуты

Имя документа

Должно быть в заголовке

Заголовок

Описание документа

Тело

Содержимое страницы

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

Атрибут	Действие	Значения атрибута
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 предложений).

Практическая работа №9. Форматирование текста на Веб-странице.

Цель работы: Знакомство учащихся с приёмами форматирования веб-документа.

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

Для того, чтобы отформатировать текст, который будет располагаться на вашей веб-странице, необходимо воспользоваться следующими тегами:

Форматирование

Заголовки <H*></H*> * - от 1 до 6 Стандарт определяет 6 уровней заголовков Конец строки <TR> Начало абзаца <P> Выравнивание <H* > </H*> *-ALIGN= LEFT|CENTER|RIGHT По левому краю, по правому, по центру Цитата <BLOCKQUOTE> </BLOCKQUOTE> Обычно выделяется отступом

Шрифт

Жирный <B></B> Курсив <I></I> Размер шрифта <FONT SIZE=?></FONT> От 1 до 7 Цвет шрифта <FONT COLOR="#$$$$$$"> </FONT>

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

Форматирование текста.

На базе первой простейшей Веб-страницы создайте текстовый документ, имеющий следующее оформление:

Устройства компьютера (заголовок 1)

Внешние ( заголовок 2)

Принтер, сканер, монитор, клавиатура. (размер -2, цвет синий, шрифт Arial)

Внутренние (заголовок 2)

Винчестер, материнская плата, видеокарта.

<body>

<h1> Устройство компьютера </h1>

<h2> Внешние </h2>

<P> <font size = -2 face=”arial” color=blue> Принтер, сканер, монитор, клавиатура </font>

<h2> Внутренние </h2>

<p> <b> винчестер </b> <i> материнская плата </i> <U> видеокарта </U>

</body>

Самостоятельно создайте Веб-страницу, на которой будет изображен текст в следующем виде:

Методика освоения новых программ

Знакомство с примерами, шаблонами и образцами документов.

Для того, чтобы оценить возможности новой программы, лучше всего воспользоваться уже имеющимися образцами документов, созданных с её помощью.

Эксперименты с пробными документами.

Цель эксперимента – проверка действия команд редактирования.