Презентация на тему к мастер-классу на тему: Создание Web-страниц с помощью языка HTML и других программных средств для представления проектов учащихся.

HTML (HyperText Markup Language). Если Вы хотите стать Web

- дизайнером, то вы непременно должны знать этот язык.

их называют флаги разметки, а также команды или коды

языка HTML, но чаще их называют теги (от английского слова tag).

(страниц в Internet).
Тег – это инструкция браузеру, указывающая способ

отображения текста.

возможности при работе с
Web-документами.

Наиболее известные и конкурирующие браузеры

– Netscape Navigator и Microsoft Internet Explorer.

увидеть описывающие его теги.
Сделать это очень легко: достаточно

открыть любую Web-страницу и в Строке меню выбрать
Вид→Просмотр HTML-кода

Тогда страница будет выглядеть следующим образом:

различаются.
=
=
Тег всегда начинается и заканчивается угловыми скобками “”.

где употреблён, до того места, где указан признак окончания

его действия, а им служит тот же самый тег, только начинающийся с символа слэш «/»

файл, присвоив ему расширение html

без переходов на новую строку. Хотелось бы показать стихотворение

по-человечески.

Для указания перехода на новую строку используется непарный тег
. Данный тег ставится в месте перехода на новую строку.

в Строке меню выбрать
Вид→Просмотр HTML-кода

нужно обновить.
ОБНОВЛЕНИЕ
I способ
В Строке меню выбрать
Вид→Обновить

фон. Для этого в теге допишем атрибут bgcolor

с указанием цвета.

Например:

этого в теге допишем атрибут text с указанием

цвета.

Например:

крупнее. Для этого воспользуемся парным тегом .

картинку. Нам понадобится непарный тег с атрибутом src,

после которого указывается полное название картинки.

Например:

козлёнка. Картинка с козлёнком называется 248.gif

Не забудьте сохранить

файл и обновить страницу

должен находиться внутри парного тега .
Например:

Задание Сделайте бегущей строкой название стихотворения и изображение козлёнка

стихами Агнии Барто.
Тексты стихотворений и картинки вы можете найти

в папке МАСТЕР-КЛАСС ЗАДАНИЕ.

Web-страницу необходимо на панели «новая публикация» выбрать в пункте

«Веб-узлы и электронная почта» строку «Веб-узлы».

На правой стороне выбрать вид Веб-узла.

Появившаяся страница будет главной и открываться первой при открытии файла.

следующие команды:
1. На вкладе «добавить на веб-узел» щёлкнуть по

строке «добавить страницу»

2. В появившемся окне поставить галочку в строке «добавить гиперссылку на панели навигации» и щёлкнуть кнопку «ОК»

3. На проект можно добавить любое количество страниц повторив пункты 1 и 2.

Главное правило при добавлении страниц – это порядок следования страниц друг за другом, чтобы правильно работали гиперссылки на страницы автоматически создаваемые программой.

тексты, рисунки, графики, диаграммы, таблицы, фотографии, анимацию и т.

д.

Для перехода с одной страницы на другую кроме гиперссылок создаваемых программой автоматически, можно создавать любые гиперссылки обычным способом указав в поле «связать с» пункт «местом в документе».

Для того чтобы посмотреть , как будет выглядеть ваш проект в формате веб-страницы (веб-сайта) и проверить как работают гиперссылки, можно щёлкнуть по строке «просмотр веб-узла» в любой момент создания проекта.

Publisher это правильное сохранение документа.
Чтобы сохранить проект в виде

одной веб-страниы (веб-сайта), необходимо выполнить следующие команды:

в строке Имя файла ввести нужное имя

в строке Тип файла выбрать Веб-страница в одном файле

Нажать кнопку Сохранить

HTML, (9-11 кл.) для создания веб-страниц (веб-сайта) можно использовать

программу Microsoft FrontPage.

Работа с этой программой похожа на работу с текстовым редактором WORD. Создавать веб-страницу можно в трёх режимах:
используя код HTML (вкладка Код);
используя текстовое окно (вкладка Конструктор);
одновременно используя код HTML и текстовое окно (вкладка С разделением)

создания веб-страниц и веб-сайта можно использовать различные программы:
Главное правильно

подобрать эти программы для различных классов, чтобы дети не испытывали затруднений при их освоении.
Надо учитывать объём памяти занимаемый готовыми работами, т. к. для публикации в Интернете это имеет большое значение.
Из рассмотренных нами программ наименьший объём памяти будут занимать страницы созданные с помощью языка HTML, без использования специальных программных сред, но эти страницы трудно обновлять.
Наибольший объём занимают страницы, созданные с помощью стандартных программ, имеющих возможность сохранять данные в формате веб-страниц (Microsoft Word, Microsoft PowerPoint, Microsoft Publisher и др.)
Самым эффективным способом является создание веб-страниц и веб-сайтов с помощью программ использующих язык HTML – таких как Microsoft FrontPage и аналогичных. Страницы созданные с помощью таких программ занимают небольшой объём памяти, быстро создаются, легко обновляются.