Создание и редактирование Web-страниц

Презентация к урокам информатики по созданию и редактированию Web-страниц.

Парные теги содержат открывающийся и закрывающийся теги

(такая пара называется контейнером ).

Web- страница разделяется на заголовок и содержание.

_________________________________________________________

Заголовок Web- страницы заключается в контейнер

- название страницы

_____________________________________________________________

----------------------------------------------------

Ваше название страницы

_____________________________________________________________

СОДЕРЖАНИЕ СТРАНИЦЫ

____________________________________________________________

ЗАГОЛОВОК

СОДЕРЖАНИЕ

Форматирование текста на Web-странице

----------------------------------------------------

Ваше название страницы

_____________________________________________________________

То, что будет в заголовке (самый крупный)

То, что будет в заголовке (самый мелкий)

____________________________________________________________

Форматирование текста на Web-странице

----------------------------------------------------

С помощью тега FONT можно задать параметры форматирования текста.

Атрибут FACE задаёт гарнитуру шрифта. (например, FACE=“Arial”)

Атрибут SIZE задаёт размер шрифта

(например, SIZE=4)

Форматирование текста на Web-странице

----------------------------------------------------

Атрибут COLOR задаёт цвет текста.

(например, COLOR=“red” –красный текст

COLOR=“green” – зелёный текст)

COLOR=“blue” – синий текст

Атрибут ALIGN задаёт задаёт способ выравнивания текста.

(например, ALIGN =“left ” – выравнивание по левому краю, ALIGN =“right ”- по правому краю, ALIGN =“center ”- по центру )

ЗАГОЛОВОК

СОДЕРЖАНИЕ

Форматирование текста на Web-странице

----------------------------------------------------

Ваше название страницы

_____________________________________________________________

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

____________________________________________________________

Форматирование текста на Web-странице

----------------------------------------------------

Заголовки отделяются от остального текста горизонтальной линией с помощью одиночного тега .

Разделение текста на абзацы производится с помощью контейнера .

Вставка изображений на Web-страницу

----------------------------------------------------

• Если рисунок находится в той же папке, что и сохраненная Web-страница:

2. Если рисунок находится в другой папке, то указываем полный путь к рисунку:

3. Если рисунок находится на сервере в Интернете, то указываем адрес:

Вставка изображений на Web-страницу

----------------------------------------------------

Положение рисунка относительно текста – атрибут ALIGN

• TOP (вверх)
• MIDDLE (середина)
• BOTTOM (низ)
• LEFT (слева
• RIGHT (справа)

Альтернативный текст с помощью тега ALT

Пример:

Указатель ссылки /A “ yakovlenko.htm” 2. Если указываемая страничка находится в Интернете, то указываем полный Интернет-адрес: A HREF =“http://www.temenichi-ok.ucoz.ru” Теменичская школа /A " width="640"

Гиперссылки на Web-страницах

----------------------------------------------------

Гиперссылка создаётся с помощью тега и его атрибута HREF .

• Если Web-страница, на которую поставлена гиперссылка в той же папке:

A HREF =“Адрес странички” Указатель ссылки /A

“ yakovlenko.htm”

2. Если указываемая страничка находится в Интернете, то указываем полный Интернет-адрес:

A HREF =“http://www.temenichi-ok.ucoz.ru” Теменичская школа /A

Изображение /A Воспроизведение звукового файла A HREF =“sound.mp3” Звук /A Сохранение файла на компьютере A HREF =“Архив.zip” Скачать файл /A " width="640"