🗊Презентация HTML программирование

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
HTML программирование, слайд №1HTML программирование, слайд №2HTML программирование, слайд №3HTML программирование, слайд №4HTML программирование, слайд №5HTML программирование, слайд №6HTML программирование, слайд №7HTML программирование, слайд №8HTML программирование, слайд №9HTML программирование, слайд №10HTML программирование, слайд №11HTML программирование, слайд №12HTML программирование, слайд №13HTML программирование, слайд №14HTML программирование, слайд №15HTML программирование, слайд №16HTML программирование, слайд №17HTML программирование, слайд №18HTML программирование, слайд №19HTML программирование, слайд №20
Скачать
Вы можете ознакомиться и скачать презентацию на тему HTML программирование. Доклад-сообщение содержит 20 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


HTML программирование .
Описание слайда:
HTML программирование .

Слайд 2


Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и прочее), который имеет свой собственный адрес. Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и прочее), который имеет свой собственный адрес. Web-сайт– это группа Web-страниц, объединенная гиперссылками, принадлежащих какому-либо частному лицу или организации. Гиперссылка- это некоторое слово или объект документа, содержащий указатель(адрес) для перехода на другой фрагмент документа или другую Web-страницу
Описание слайда:
Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и прочее), который имеет свой собственный адрес. Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и прочее), который имеет свой собственный адрес. Web-сайт– это группа Web-страниц, объединенная гиперссылками, принадлежащих какому-либо частному лицу или организации. Гиперссылка- это некоторое слово или объект документа, содержащий указатель(адрес) для перехода на другой фрагмент документа или другую Web-страницу

Слайд 3


Браузер - программа просмотра web-сайтов и осуществление путешествий по сети Браузер - программа просмотра web-сайтов и осуществление путешествий по сети Служба WWW (World Wide Web ) – всемирная паутина (распределенная по всему миру информационная система, содержащая миллионы разнообразных документов) использует протокол HTTP (протокол передачи гипертекста). Его основное назначение- обработка гиперссылок и передача документов клиенту.
Описание слайда:
Браузер - программа просмотра web-сайтов и осуществление путешествий по сети Браузер - программа просмотра web-сайтов и осуществление путешествий по сети Служба WWW (World Wide Web ) – всемирная паутина (распределенная по всему миру информационная система, содержащая миллионы разнообразных документов) использует протокол HTTP (протокол передачи гипертекста). Его основное назначение- обработка гиперссылок и передача документов клиенту.

Слайд 4


Из истории. Первый в мире сайт info.cern.ch появился в 1991 году. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web (всемирная паутина), основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.
Описание слайда:
Из истории. Первый в мире сайт info.cern.ch появился в 1991 году. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web (всемирная паутина), основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Слайд 5


Тим Бернерс-Ли является «отцом» основополагающих технологий веба — HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше.
Описание слайда:
Тим Бернерс-Ли является «отцом» основополагающих технологий веба — HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше.

Слайд 6


HTML программирование, слайд №6
Описание слайда:

Слайд 7


Разработка Web-сайтов
Описание слайда:
Разработка Web-сайтов

Слайд 8


ЭТАПЫ СОЗДАНИЯ
Описание слайда:
ЭТАПЫ СОЗДАНИЯ

Слайд 9


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

Слайд 10


HTML программирование, слайд №10
Описание слайда:

Слайд 11


Структура Web-страницы Текст HTML программы Коментарии <html> начало HTML кода <head> начало головной части <title>Первый документ</title> заголовок документа </head> конец головной части <body> начало тела программы <H1> Первый HTML документ </H1> заголовок <HR> горизонтальная линия <P> начало абзаца Кошка не похожа на собаку. А собака не похожа на кошку. именно это сходство и берем за основу. </P> конец абзаца </body> конец тела программы </html> конец HTML кода
Описание слайда:
Структура Web-страницы Текст HTML программы Коментарии <html> начало HTML кода <head> начало головной части <title>Первый документ</title> заголовок документа </head> конец головной части <body> начало тела программы <H1> Первый HTML документ </H1> заголовок <HR> горизонтальная линия <P> начало абзаца Кошка не похожа на собаку. А собака не похожа на кошку. именно это сходство и берем за основу. </P> конец абзаца </body> конец тела программы </html> конец HTML кода

Слайд 12


Сохранение, редактирование Web-страницы Напечатать текст HTML программы в текстовом редакторе Блокнот Созданную Web-страничку необходимо сохранить в виде файла с расширением *.html или *.htm В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат. Для добавления тэгов необходимо открыть файл Web-страницы с помощью Блокнота командой вид – просмотр HTML – кода. Например: Главная.html
Описание слайда:
Сохранение, редактирование Web-страницы Напечатать текст HTML программы в текстовом редакторе Блокнот Созданную Web-страничку необходимо сохранить в виде файла с расширением *.html или *.htm В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат. Для добавления тэгов необходимо открыть файл Web-страницы с помощью Блокнота командой вид – просмотр HTML – кода. Например: Главная.html

Слайд 13


HTML программирование, слайд №13
Описание слайда:

Слайд 14


Форматирование текста Разбиение текста на абзацы: <P>…</P> Центрирование объектов: <CENTER>… </CENTER> Выравнивание абзацев: <P ALIGN="JUSTIFY">, <P ALIGN=“LEFT">, <P ALIGN=“RIGHT"> Цвет, размер: <FONT COLOR="#00FFFF"> или <FONT COLOR=“BLUE"> <FONT SIZE="5“>; <FONT FACE=“ARIAL“> Пример: <FONT SIZE="5“ COLOR="#00FFFF” >
Описание слайда:
Форматирование текста Разбиение текста на абзацы: <P>…</P> Центрирование объектов: <CENTER>… </CENTER> Выравнивание абзацев: <P ALIGN="JUSTIFY">, <P ALIGN=“LEFT">, <P ALIGN=“RIGHT"> Цвет, размер: <FONT COLOR="#00FFFF"> или <FONT COLOR=“BLUE"> <FONT SIZE="5“>; <FONT FACE=“ARIAL“> Пример: <FONT SIZE="5“ COLOR="#00FFFF” >

Слайд 15


Запись текста в формате RGB
Описание слайда:
Запись текста в формате RGB

Слайд 16


Гиперссылки Для определения гиперссылки используется тег <A>, структура которого имеет следующий вид: <A HREF=“filename” > текст ссылки </A> Пример: <A HREF=“foto.bmp” > фотография </A> Возможно добавление атрибута TARGET со следующими значениями: _top – открытие документа в текущем окне _blank – открытие документа в новом окне
Описание слайда:
Гиперссылки Для определения гиперссылки используется тег <A>, структура которого имеет следующий вид: <A HREF=“filename” > текст ссылки </A> Пример: <A HREF=“foto.bmp” > фотография </A> Возможно добавление атрибута TARGET со следующими значениями: _top – открытие документа в текущем окне _blank – открытие документа в новом окне

Слайд 17


Вставка графических изображений Для вставки изображений используется тег <IMG>. Рассмотрим применение этого тега на примере: <IMG SRC=“foto.jpg” WIDTH=“542” HEIGHT=“407” ALT= “Я”> Где SRC – определяет URL – адрес графического файла WIDTH – ширина, HEIGHT – высота, ALT – альтернативный текст. Изображение так же может быть гиперссылкой: <A HREF=“1.bmp” > <IMG SRC=“1.jpg” WIDTH=“542” HEIGHT=“407” ALT= “Я”></A>
Описание слайда:
Вставка графических изображений Для вставки изображений используется тег <IMG>. Рассмотрим применение этого тега на примере: <IMG SRC=“foto.jpg” WIDTH=“542” HEIGHT=“407” ALT= “Я”> Где SRC – определяет URL – адрес графического файла WIDTH – ширина, HEIGHT – высота, ALT – альтернативный текст. Изображение так же может быть гиперссылкой: <A HREF=“1.bmp” > <IMG SRC=“1.jpg” WIDTH=“542” HEIGHT=“407” ALT= “Я”></A>

Слайд 18


Фон страницы Фоновое изображение – это файл с небольшим рисунком, который многократно повторяется, заполняя все окно браузера независимо от его размера Графика, используемая в качестве фоновой, задается в теге <BODY> Пример: <BODY BACKGROUND=“FON.PNG”> -фоновая картинка <BODY BGCOLOR=“ЦВЕТ”> - цвет фона
Описание слайда:
Фон страницы Фоновое изображение – это файл с небольшим рисунком, который многократно повторяется, заполняя все окно браузера независимо от его размера Графика, используемая в качестве фоновой, задается в теге <BODY> Пример: <BODY BACKGROUND=“FON.PNG”> -фоновая картинка <BODY BGCOLOR=“ЦВЕТ”> - цвет фона

Слайд 19


АТРИБУТЫ КАРТИНКИ
Описание слайда:
АТРИБУТЫ КАРТИНКИ

Слайд 20


литература Иванова И.А. Информатика. 11 класс: Практикум. –Саратов: Лицей, 2004. http://beluys.com/html_basics/html_page.html http://baxtop.ru/sozdanie-saita-s-pomoshhyu-html.htm
Описание слайда:
литература Иванова И.А. Информатика. 11 класс: Практикум. –Саратов: Лицей, 2004. http://beluys.com/html_basics/html_page.html http://baxtop.ru/sozdanie-saita-s-pomoshhyu-html.htm

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию