НовоВики. «Мой Новосибирск родной!»

Урок 9 класс "Знакомство с языком разметки гипертекстовых документов HTML" — различия между версиями

Материал из Wiki.nios.ru
Перейти к: навигация, поиск
(Подготовка к работе)
(Урок 10 класс «Урок 9 класс "Знакомство с языком разметки гипертекстовых документов HTML")
 
(не показаны 4 промежуточные версии 1 участника)
Строка 1: Строка 1:
 
<html><div align="right" style="font-size:8px"><a href=""><img src="http://www.artbanner.com.ua/bannermake/banners121/6739378857892007.png" border="0" width="234" height="60" /></a><br><a href="http://artbanner.com.ua"></a></div></html>
 
<html><div align="right" style="font-size:8px"><a href=""><img src="http://www.artbanner.com.ua/bannermake/banners121/6739378857892007.png" border="0" width="234" height="60" /></a><br><a href="http://artbanner.com.ua"></a></div></html>
  
==Урок 10 класс «Урок 10 класс ""==
+
==Урок 9 класс "Знакомство с языком разметки гипертекстовых документов HTML"==
  
 
[[МБОУ СОШ №15, г. Новосибирск]]
 
[[МБОУ СОШ №15, г. Новосибирск]]
Строка 53: Строка 53:
 
'''Общий вид программы:'''
 
'''Общий вид программы:'''
  
<html>
+
[https://docs.google.com/document/d/1kmKmIYlqrCzVGa95A6kCrh_WAqyEfrPsf_4KUfftO6s/edit Общий вид программ]
 
+
<head>
+
 
+
<title>Моя персональная Cтраница</title>
+
 
+
</head>
+
 
+
<body bgcolor=ffffff text=003300>
+
 
+
Моя страница </body>
+
 
+
</html>
+
  
 
Основное содержание программы помещается между тэгами <body></body>.  
 
Основное содержание программы помещается между тэгами <body></body>.  

Текущая версия на 09:47, 25 апреля 2014


Содержание

[править] Урок 9 класс "Знакомство с языком разметки гипертекстовых документов HTML"

МБОУ СОШ №15, г. Новосибирск

14.04.2014г

Окунева Наталья Александровна

[править] Использованные сервисы

  • Документы Google (формы, рисунки)


[править] Цели урока

  • научиться разрабатывать документы, предназначенные для публика¬ции в Интернет;
  • отработать навыки редактирования веб-страниц в кодах HTML.


Учебно-методическое обеспечение:

Оборудование: мультимедийная установка, персональные компьютеры.

[править] Ход урока

1. Теоретический материал урока.

[править] Подготовка к работе

Для работы с HTML документом необходимо пройти подготовительный этап:

1.Создать персональную папку, где обязательным требованием явля¬ется использование для имени папки английские буквы;

2.Создать текстовый документ Блокнот;

3.Открыть документ и сохранить его под новым именем с расширени¬ем html иди htm

4.Закрыть документ;

5.Открыть html-документ;

6.Открыть Блокнот, выполнив команду Вид/в виде html.

В папке должны находиться два документа.

Текстовый файл можно будет удалить после создания html-документа. Основными элементами документа являются тэги (или дескрипторы). Каждый тэг ограничен угловыми скобками, и технология предполагает использование открытых и закрытых тэгов, указывающих на начало и конец форматирования определенного блока. Программа состоит из двух частей. В первой части задается заголовок страницы, которая отображается в заголовке окна и первая загружается, при просмотре страницы. Выбор названия заголовка имеет большое значение, т. к. именно по заголовку индексируется страница в поисковых системах. Название заголовка должно отражать суть информационного наполнения страницы.

Общий вид программы:

Общий вид программ

Основное содержание программы помещается между тэгами <body></body>.

Основные тэги

2. Вполнение Практической работы

Разработать страницу "Мое хобби" с использованием тегов для форматирования текста

[править] Рефлексия урока

Персональные инструменты