|
Гіпермаркет Знань>>Інформатика>>Інформатика 8 клас>> Інформатика: Етапи створення веб-сайтів
Практична робота до предмету Інформатика 8 клас.
Тема «Практическая работа №8. Создание простейшей веб-страницы.».
Розгляд теми: Етапи створення веб-сайтів
Практическая работа №8. Создание простейшей веб-страницы.
Цель работы: Знакомство учащихся с общими положениями создания WEB-страниц и базовыми тегами языка HTML
Теоретическая часть:
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 предложений).
Надіслано учителем інформатики Міжнародного ліцею "Гранд" Чебаном Л.І.
Книги та підручники згідно календарного плануванння з інформатики 8 класу скачати, допомога школяру онлайн
Предмети > Інформатика > Інформатика 8 клас > Етапи створення веб-сайтів > Етапи створення веб-сайтів. Практикуми, лабораторні, кейси
|
