Web программирования

План учебного занятия

·         Персональный компьютер

HTML
Термин HTML (HyperText Markup Language) означает язык маркировки гипертекстов. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Прежде чем преступить к созданию своих Web – страниц необходимо познакомиться с основными понятиями и терминами данного раздела.
Сайт - это набор страниц в формате HTML которые лежат на Web – сервере.
Web – сервер –  это постоянно подключенный к Интернету компьютер, который передает эти странички по запросу пользователей.
Web – узел – это намного больше чем совокупность Web – страниц. Это и система гиперссылок, связывающая узел в единое целое, и единое стилистическое оформление узла, и своевременное обновление находящейся информации на узле, и скорость загрузки отдельных страниц, и многое другое.
Домашняя страница – это Web – страница, которая передается сервером по запросу пользователя, указавшего в запросе имя Web, но не задавшего имени конкретной страницы.
Язык HTML расшифровывается как  «язык гипертекстовой разметки».
Файл HTML – это обычный текстовый файл с расширение htm или html, содержащий текст страницы, который мы видим в нашем браузере, и некоторые управляющие записи – теги.

Интернет страницы можно создавать несколькими способами.

Мы рассмотрим первый способ создания при помощи программ Блокнот  Internet Explorer.
Запустите программу блокнот и используя специальные коды – теги, запишите программный код для создания своей страницы (в ходе работы студенты пользуются инструкционной картой с тегами).

Дескриптор:

·         Познакомить с  программным обеспечением;

После создания карты – учащиеся защищают свои работы

Работа индивидуальная (можно в парах).

Пример программы записанной в блокноте:
<HTML>
<HEAD>
<BODY>
<BR><CENTER><I><B><FONT SIZE=7><HR> КОЛЛЕДЖ СЕРВИСА И ТУРИЗМА</B></BR></CENTER></I></FONT SIZE></HR> 
</HTML>
</HEAD>
</BODY>
Внешний вид готового документа в Internet Explorer:
После того как программа была написана в Блокноте сохраняем файл с расширение html, закрываем. Открываем программу Internet Explorer – Файл – Открыть – ищем наш сохраненный текстовый документ – открываем.

Дескриптор

·         определить достоинства и недостатки программ, предложенных в учебнике;

Для создания 3Д – панорамы на след.уроке

Для закрепления темы студенты пробуют создать Web – страницы.

Темы выбираются произвольно.

Закрепление материала:

1.                 Сколько способов создания HTML – страниц Вы знаете, и какие?

2.                 Какая функциональная кнопка изменяет вводимый текст в Internet Explorer?

3.                 Какие правила дизайна необходимо соблюдать при создании HTML-документа?

4.                 Какова последовательность действий при создании HTML-  документа во FrontPage?

Как осуществляется подготовка текста HTML-документа        средствами FrontPage?Дескриптор:

5.      Создать 3D-панораму в программе Image Composite Editor

·                    сегодня я узнал...

·                    было трудно…

·                    я понял, что…

·                    я научился…

·                    я смог…

Рефлексия по уроку: