WEB-программирование. Создание и редактирование документов HTML

Содержание

Слайд 2

Цель

Отработать навыки создания web-страницы на примере программ Блокнот и браузер.

Цель Отработать навыки создания web-страницы на примере программ Блокнот и браузер.

Слайд 3

«Мозговой штурм». Вопросы-Ответы.

«Мозговой штурм». Вопросы-Ответы.

Слайд 4

1. Язык разметки гипертекста –
2. Совокупность тематически связанных между собой Web-страниц.
3.Унифицированный

1. Язык разметки гипертекста – 2. Совокупность тематически связанных между собой Web-страниц.
адрес ресурса

«Мозговой штурм». Вопросы-Ответы.

Сайт

HTML

URL

Слайд 5

4. Услуга хранения
5. Текст, связанный при помощи ссылок (гиперссылок) с другими текстами

«Мозговой

4. Услуга хранения 5. Текст, связанный при помощи ссылок (гиперссылок) с другими
штурм». Вопросы-Ответы.

«Мозговой штурм». Вопросы-Ответы.

Гипертекст

Хостинг

Слайд 6

6. Текст или рисунок, содержащий скрытый адрес, при нажатии, которой происходит переход

6. Текст или рисунок, содержащий скрытый адрес, при нажатии, которой происходит переход
на другую Web-страницу–
7. Какие бывают домены?

«Мозговой штурм». Вопросы-Ответы.

гиперссылка

Географические и тематические

Слайд 7

6. Программа для просмотра web-страниц

«Мозговой штурм». Вопросы-Ответы.

Браузер

6. Программа для просмотра web-страниц «Мозговой штурм». Вопросы-Ответы. Браузер

Слайд 8

Что такое тэг?

Тэг – это элемент HTML, представляющий из себя текст, заключенный

Что такое тэг? Тэг – это элемент HTML, представляющий из себя текст,
в угловые скобки <>.
Обычно используются два тэга - открывающий(<тэг>) и закрывающий ().
Такой символ в закрывающем теге - / - имеет название СЛЭШ

Слайд 9

Структура Web-страницы можеть выглядеть таким образом:



<br>




Структура Web-страницы можеть выглядеть таким образом:

Слайд 10

Основные тэги для создания Web-страницы:

- Цвет фона страницы (устанавливает розовый

Основные тэги для создания Web-страницы: - Цвет фона страницы (устанавливает розовый фон)
фон)

– тэг создания абзаца

- по центру

- размеры заголовков

Слайд 11

Добавление иллюстрации

Для добавления картинки на страничку используют тег:

Рисунок обычно должен

Добавление иллюстрации Для добавления картинки на страничку используют тег: Рисунок обычно должен
иметь расширение .gif, .png, .jpg.
НАПРИМЕР,
Картинка по центру:

Слайд 12

Как сохранить созданную Web-страничку?

Документ HTML можно создавать например, в программе «Блокнот» и

Как сохранить созданную Web-страничку? Документ HTML можно создавать например, в программе «Блокнот»
сохранять необходимо в виде файла с расширением *.html или *.htm
Например: время года.html
Имя файла: WEB-программирование.-Создание-и-редактирование-документов-HTML.pptx
Количество просмотров: 44
Количество скачиваний: 0