Создание учебного Web-сайта (презентация)

Цель урока.

научить создавать Web-сайты;

воспитание познавательных интересов, творческих способностей учащихся;

развития операционного мышления;

Создание учебного Web- сайта.

Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web- страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

Создание Web- сайтов реализуется с использованием языка разметки гипертекстовых документов HTML.

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

Создание учебного Web - сайта

цель урока

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

Создание учебного Web - сайта

• Web - сайт состоит из Web - страниц, объединенных гиперссылками. Web - страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

Создание учебного Web - сайта

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

HTML - начало и конец страницы описание страницы, в том числе и ее имя BODY BODY - содержание страницы TITLE TITLE -имя страницы. - цвет шрифта цвет фона P- абзац - выравнивание окна FONT - форматирование текста BR - перевод строки -горизонтальный разделитель IMG HEIGHT ="200" WIDTH ="200" SRC ="5 элемент (лица). JPG "- вставка, и размер рисунка " width="640"

тэги

• HTML HTML - начало и конец страницы
• описание страницы, в том числе и ее имя
• BODY BODY - содержание страницы
• TITLE TITLE -имя страницы.
• - цвет шрифта
• цвет фона
• P
  - абзац

• - выравнивание окна

• FONT - форматирование текста
• BR - перевод строки
• -горизонтальный разделитель
• IMG HEIGHT ="200" WIDTH ="200" SRC ="5 элемент (лица). JPG "- вставка, и размер рисунка

• Вид Web -страницы задается тэгами, которые заключают­ся в угловые скобки. Тэги могут быть одиночными или пар­ными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контей­нером).

Название нашей Web -страницы «Компьютер»:

• компьютер

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

Поместим для начала на страницу текст «Все о компьютере»:

• Все о компьютере

• Созданную Web - страницу необходимо сохранить в виде файла. принято сохранять титульный файл сайта, т. е тот, который первый загружается в браузер, под именем Index . htm .

Все о компьютере На этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. Терминологический словарь познакомит вас с компьютерными терминами. " width="640"

• Компьютер
• BGCOLOR="GREEN"
• Все о компьютере

• На этом сайте вы сможете получить различную информацию о компьютере,

• 
  его программном обеспечении и ценах на компьютерные комплектующие.
• 

• Терминологический словарь познакомит вас с компьютерными терминами.