Web-конструирование на HTML. Основные понятия.
презентация к уроку по информатике и икт (10 класс) по теме

Опубликовано 09.11.2013 - 0:11 - Пакульских Елена Валентиновна

Часть 1 комплекта презентаций к учебнику О.Б.Богомоловой "Web-конструирование на HTML"

Скачать:

ВложениеРазмер
Файл Демонстрация Power Piont149.9 КБ

Предварительный просмотр:


Подписи к слайдам:

Слайд 1

HTML – язык разметки гипертекста О.Б.Богомолова Web- конструирование на HTML , 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.

Слайд 2

Основные определения Язык HTML ( HyperText Markup Language — «язык гипертекстовой разметки») — набор команд (тегов) , вставляемых в текст web-страницы и определяющих форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы. Гипертекст — «многомерный» текстовый документ (либо объединение нескольких текстовых документов), построенный по принципу «нелинейного» структурирования материала за счет применения гипертекстовых ссылок (как внутренних, в пределах данного документа, так и перекрестных, указывающих на другие документы, в том числе размещенные на других компьютерах сети, или на их фрагменты), позволяющих одним щелчком мыши перемещаться из одной «смысловой точки» гипертекстового документа в другую. Контейнер — конструкция из парных «открывающего» и «закрывающего» тегов. При этом действие открывающего тега и его параметров распространяется на весь текстовый фрагмент, заключенный внутри контейнера .

Слайд 3

Основные определения Web-страница (интернет-страница, WWW-страница), web-документ — обособленный документ, хранящийся в отдельном файле на диске и включающий в себя текст, отображаемый на экране во время просмотра в браузере, а также теги языка HTML, дополненный хранящимися в отдельных файлах и подгружаемыми дополнительно по размещенным в тексте страницы ссылкам мультимедиа-иллюстрациями (рисунками, видео, аудио- и пр .). Сайт, web-сайт — набор web-страниц, составляющих единую подборку и связанных между собой перекрестными ссылками. Одна из этих страниц является основной (головной, индексной, стартовой) и автоматически выдается на просмотр пользователю, указавшему в браузере только адрес сайта, тогда как все остальные страницы, как правило, вызываются из основной с помощью гиперссылок .

Слайд 4

Основные определения: Браузер (web-браузер) — программа, запускаемая на локальном компьютере для просмотра web-страниц, их сохраненных на локальном диске копий, а также любых документов, созданных с использованием языка HTML. Сегодня наиболее популярными являются браузеры Microsoft Internet Explorer , Netscape Navigator / Netscape Communicator , Opera , Mozilla , Firefox и др.

Слайд 5

HTML – язык разметки текстовых документов Теги HTML ( команды ) – определяют как будет выглядеть текст: шрифт, выравнивание абзацев и т.д. Теги записываются между угловыми скобками < > . Например: , , < br > . Обычно теги бывают парными < начало тега > и - контейнер: ……. ……. < / body>

Слайд 6

Основные части HTML -документа HTML- документ … … … Голова … Тело .. .

Слайд 7

Основные части HTML -документа Тэг Значение начало HTML- документа … начало …конец головной части .. . начало …конец тела документа конец HTML- документа

Слайд 8

Упр. 1 ПРОСТЕЙШАЯ HTML- СТРАНИЦА Открыть редактор Блокнот и набрать текст: … </ title> </head> <body> </body> </html> Сохранить документ в своей папке под именем lesson1.html Открыть сохраненный документ.</p><p class='slide-number'>Слайд 9</p><p>Упражнение 2 Открыть lesson1.html и с помощью команд Вид → Просмотр HTML- кода открыть окно редактора Блокнот: <html> <head> <title> Урок 1 </ title> </head> <body> </body> </html> Сохранить изменения в документ Обновить открытый в браузере документ.</p><p class='slide-number'>Слайд 10</p><p>Упр. 3. Прописка сайта в поисковых системах В контейнере <head> …. </head> размещается тег <meta> , который имеет name – параметр : keywords - ключевые слова discription - описание страницы a uthor - автор content - значение параметра</p><p class='slide-number'>Слайд 11</p><p><html> <head> <title> Урок 1 </ title> <meta name= "keywords" content = " Стихотворение ”> < meta name= " discription " content = " Стихи о компьютере и об отношении к предмету информатика "> < meta name= "author" content = " Пакульских Елена Валентиновна ”> </ head> <body> </body> </html></p><p class='slide-number'>Слайд 12</p><p><html> <head> <title> Урок 1 </ title> <meta name= "keywords" content = " Стихотворение“ > < meta name= " discription " content = " Стихи о компьютере и об отношении к предмету информатика "> < meta name= "author" content = " Пакульских Елена Валентиновна ”> </ head> <body> Компьютер < br >< br > С информатикой в пути < br > Легче продвигаться - < br > Вычисления вести < br > И не ошибаться. < br > Дисковод, дисплей, блок-схема - < br > Нам слова известные, < br > И компьютер как система - < br > Очень интересен нам. < br > Диск, винчестер и модем: < br > Познаем все новое. < br > Мы построим много схем < br > И найдем искомое. < br > Биты, байты, килобайты < br > Нам помогут в сеть зайти < br > И без лишней суеты < br > Сразу нужный файл найти. < br >< br > Максим Самойлов </body> </html></p><p class='slide-number'>Слайд 13</p><p>Контрольные вопросы Что такое язык HTML? Для чего он нужен? Что такое браузер? Для чего он нужен? Из каких двух основных частей состоит любой HTML-документ? Что такое тег? Что такое контейнер? Чем HTML-теги отличаются от остального текста HTML-документа? Что означает косая черта («/») перед именем тега? Какие теги описывают общие правила отображения HTML-документа и содержат дополнительную информацию о нем?</p><p class='slide-number'>Слайд 14</p><p>Контрольные вопросы Между какими тегами располагаются команды, согласно которым браузер выводит текст в своем окне? Между какими тегами располагается имя HTML-документа, которое отображается в заголовке окна браузера? Между какими тегами задается метаинформация, чтобы поисковые системы могли легко найти ваш сайт по ключевому слову, описанию или имени автора? Как записать эту информацию в составе web-документа?</p><p class='slide-number'>Слайд 15</p><p>Контрольные вопросы Какие теги обязательно должны иметься в любом HTML-документе? Какой вариант HTML-кода для пустой web-страницы правильный? а) б) в) <html> <head> <title> </head> <body> </body> </html> <html> <head> <title>


По теме: методические разработки, презентации и конспекты

Обобщение и систематизация знаний об основных понятиях органической химии

Урок обобщения первоначальных понятий органической химии. Проводится после повторения материала об органических соединениях, изученного в девятом классе, и изучения основных типов химических реак...

Основные понятия и определения информационных технологий

Методическая разработка...

Web-конструирование на HTML. Форматирование текста.

Часть 2 комплекта презентаций к учебнику О.Б.Богомоловой "Web-конструирование на HTML"...

Основные понятия и термины теории физической культуры. Основные понятия и термины в теории и методике спортивных игр.

Краткий словарь терминов...

План конспект урока "Понятие базы данных и информационной системы. Основные понятия БД"

Аннотация к уроку «Понятие базы данных и информационной системы. Основные понятия БД».Тема:  «Понятие базы данных и информационной системы. Основные понятия БД».Работу выполнил: учитель инф...

Методическая разработка по теме "Основные понятия генетики. Основные закономерности наследственности"

Представляю план-конспект урока...

Конспект урока по предмету "Математические представления и конструирование" на тему: "Конструирование башни из кубиков. Понятие "много"

Здесь представлен конспект интегрированного урока по предмету "Математические представления и конструирование"...