Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"
Оценка 4.7

Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"

Оценка 4.7
Раздаточные материалы +1
doc
информатика
Взрослым
08.05.2018
Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"
Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков" предназначена для освоения принципов создания Web-страниц с помощью языка разметки HTML. Состоит из трех заданий. 1 задание - Основные теги HTML - структура Web-страницы, 2 задание - форматирование абзаца, 3 задание - использование цветовой схемы.Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"
практиканачало.doc
Ввести HTML­код, задающий структуру Web­страницы:  Первое знакомство с языком HTML применить оформление текста курсивом
применить оформление текста жирным шрифтом
применить оформление текста жирным курсивом
применить оформление текста подчеркнутым шрифтом
3. Ввести команду [Файл  Сохранить]. Присвоить имя INDEX.html и запустить в браузере. 4.  Заголовки. Применить заголовки разного вида к следующему тексту:              Заголовки различных уровней:

 потянул дед за репку 

 взялась бабка за дедку 

 ухватилась внучка за бабку 

 вцепилась Жучка за внучку 

 потянулась Кошка за Жучку 
 вцепилась Мышка за кошку 
Тема: Создание HTML­страницы, работа по форматированию текста. Применение заголовков. Цель: Освоить принципы создания Web­страниц с помощью языка разметки HTML. Структура   Web­страницы.  Большая   часть   тэгов   образует   контейнер,   состоящий   из   открывающего   и закрывающего тэгов. Тэги можно набирать как заглавными, так и строчными буквами.              Web­страница помещается в контейнер  и состоит из двух частей: заголовка и содержания.  Заголовок   страницы   помещается   в   контейнер  .   Заголовок   содержит   название   страницы, которое помещается в контейнер  и при просмотре отображается в верхней строке браузера. Отображаемое в браузере содержание страницы помещается в контейнер . 1. Запустить текстовый редактор Блокнот командой [Пуск  Программы  Стандартные  Блокнот]. 2. Задание 1. Основные тэги HTML. Шрифт после чего  сохранить  новый вариант страницы  в блокноте, выполнив команду меню [Файл    Сохранить]. Зайти в браузер с открытым в нем предыдущим вариантом страницы и кликнуть по кнопке Обновить  .  5. Внести в текст страницы тэги, определяющие выравнивание абзацев. Отделить этот фрагмент от остального Задание 2. Форматирование абзаца.  текста с помощью горизонтальных разделительных линий. Разделительная линия:
 

Варианты форматирование абзаца: 

Некоторые из них могут быть выровнены поцентру

По-умолчанию абзацы выравниваются слева, но можно прописать это в теге абзаца.

Иногда требуется выровнять текст по правому краю.

Часто текст выравнивают по ширине. При этом выравнивании строки растягиваются так, чтобы касаться левого и правого края. HTML - набор соглашений для разметки документов, которые определяют внешний вид документов на экране компьютера при доступе к ним с использованием программы браузера. Документы, подготовленные языком HTML, называются HTML-документами. Представить, как выглядит код HTML-документа, можно, если загрузить документ в браузер


сохранить новый вариант страницы в блокноте, выполнив команду меню [Файл  Сохранить]. Зайти в браузер с открытым в нем предыдущим вариантом страницы и кликнуть по кнопке Обновить  .  6. Применить к странице подчеркивание различными  горизонтальными линиями. исходный код: применить подчеркивание различными горизонтальными линиями.

применить подчеркивание различными горизонтальными линиями.

применить подчеркивание различными горизонтальными линиями.

применить подчеркивание различными горизонтальными линиями.

применить подчеркивание различными горизонтальными линиями.

1. Запустить текстовый редактор Блокнот командой [Пуск  Программы  Стандартные  Блокнот]. 2. Создать HTML­страницу Index_two.html со следующим содержанием: Задание 3. Цветовые схемы. Теги шрифтов. 2. применить цитату («Veni, Vidi, Vici») 3. ввести акроним WWW­World Wide Web. 4. Ввести код программы (например, function y(n:integer):real; begin y:=(exp(n*ln(a)))/n; end;) 5. ввести математические формулы, например, S1+S2+…+Sn, a0xn+a2xn­1+…an. 6. Ввести текст так, чтобы он сохранял свой вид и в окне браузера: Книги про HTML Название     автор издательство   год Самоучитель HTML    А.Г. Жадаев Киев «Юниор» 2001 ПОДСКАЗКА! Содержание страницы заключается между тегами … … Моя первая web­страница … …   (Запустить файл в браузере) 3. Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок).  Цвет на Web­странице задают либо его названием, либо числовым шести разрядным шестнадцатеричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые – зеленого и третьи – синего).  Значение яркости цвета может меняться от минимальной 00 до максимальной FF. В табл. приведены примеры: Цвет  черный  белый  красный  зеленый  синий  серый  Код  #000000  #FFFFFF  #FF0000  #00FF00  #0000FF  #808080  Название     black  white  red  lime  blue  gray  ч  б  к  з  с  с     Цвет  фиолетовый  бирюзовый  желтый  золотой  оранжевый  коричневый  Код  #FF00FF  #00FFFF  #FFFF00  #FFD800  #FFA500  #A82828  Название     magenta  cyan  yellow  gold  orange  brown  ф  б  ж  з  о  к     Основную цветовую схему Web­страницы можно задать в тэге  с помощью атрибутов:    Цвет фона  Текстура фона  Цвет текста        При использовании текстуры, закрывающей собой всю площадь страницы, применение однотонного фона кажется излишним. Однако рисунки загружаются несколько медленнее, чем текст. Все это время посетители страницы будут видеть цвет фона, заданный атрибутом BGCOLOR. Поэтому для фона указывают цвет, совпадающий с основным тоном фонового рисунка.  BACKGROUND="file_name"  BGCOLOR="#RRGGBB"  TEXT="#RRGGBB"  Чтобы текст хорошо читался, цвета на странице подбирают контрастирующие по яркости: пастельный фон ­ темный текст, или темный фон ­ светлый текст. Нежелательны буквы белого цвета ­ они могут оказаться невидимыми при печати страницы на принтере.  Для оформления страницы можно использовать следующую цветовую схему: (после ) Установить для различных шрифтов цветовую гамму. В качестве текста использовать название практической работы, ФИО разработчика и название учебного заведения. Красным цветом выделить краткие сведенья о основах языка HTML. (Сохранить файл и Обновить страничку)

Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"

Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"

Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"

Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"

Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"

Практическая работа по информатике: "Создание HTML-страницы, работа по форматированию текста. Применение заголовков"
Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
08.05.2018