Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и прочее), который имеет свой собственный адрес. Web-сайт– это группа Web-страниц, объединенная гиперссылками, принадлежащих какому-либо частному лицу или организации. Гиперссылка- это некоторое слово или объект документа, содержащий
HTML программирование . Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и прочее), Браузер - программа просмотра web-сайтов и осуществление путешествий по сети		Служба WWW (World Из истории. Первый в мире сайт info.cern.ch появился в 1991 году. Его создатель, Тим Бернерс-Ли, Тим Бернерс-Ли является «отцом» основополагающих технологий веба — HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше. Интернет представительстваСайты-визиткиКорпоративные сайтыИнтернет-витриныПромо-сайтыТематические сайтыИнтернет-порталыБлогиКаталоги сайтовПоисковые системыПочтовые системыИнтернет-форумыФото-, видео-, аудио-хостингиДоски объявленийСоциальные сети Разработка Web-сайтов2 способа Ручной С использованием конструктора ЭТАПЫ СОЗДАНИЯПодготовительныйДизайнWeb-программированиеHTML верстка сайтаРазмещение сайта в сетиРаскрутка и администрирование (поддержка) сайта Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Основные тэги для создания Web-страницы: - определяет формат документа  - содержит Структура Web-страницы  Текст HTML программы Сохранение, редактирование Web-страницыНапечатать текст HTML программы в текстовом редакторе Блокнот Созданную Web-страничку Вид html-страницы в:Блокноте				Internet Explorer Форматирование текстаРазбиение текста на абзацы: …Центрирование объектов: … Выравнивание абзацев: , Цвет, Запись текста в формате RGB Книжник Светлана Викторовна учитель информатики МБОУ СОШ №3. г. Кумертау ГиперссылкиДля определения гиперссылки используется тег , структура которого имеет следующий вид: Вставка графических изображенийДля вставки изображений используется тег .Рассмотрим применение этого тега на Фон страницы		Фоновое изображение – это файл с небольшим рисунком, который многократно повторяется, АТРИБУТЫ КАРТИНКИ ЛИТЕРАТУРА Иванова И.А. Информатика. 11 класс: Практикум. –Саратов: Лицей, 2004. http://beluys.com/html_basics/html_page.htmlhttp://baxtop.ru/sozdanie-saita-s-pomoshhyu-html.htmКнижник Светлана
Слайды презентации

Слайд 2 Web-страница- это отдельный документ (комбинация текста, рисунков,

Web-страница- это отдельный документ (комбинация текста, рисунков, анимации, звука и

анимации, звука и прочее), который имеет свой собственный адрес.
Web-сайт–

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

Слайд 3 Браузер - программа просмотра web-сайтов и осуществление путешествий

Браузер - программа просмотра web-сайтов и осуществление путешествий по сети		Служба WWW

по сети
Служба WWW (World Wide Web ) – всемирная

паутина (распределенная по всему миру информационная система, содержащая миллионы разнообразных документов) использует протокол HTTP (протокол передачи гипертекста). Его основное назначение- обработка гиперссылок и передача документов клиенту.


Слайд 4 Из истории. Первый в мире сайт info.cern.ch появился в 1991 году.

Из истории. Первый в мире сайт info.cern.ch появился в 1991 году. Его создатель, Тим

Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World

Wide Web (всемирная паутина), основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Слайд 5 Тим Бернерс-Ли является «отцом» основополагающих технологий веба — HTTP, URI/URL и HTML,

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

хотя их теоретические основы были заложены ещё раньше.


Слайд 6 Интернет представительства
Сайты-визитки
Корпоративные сайты
Интернет-витрины
Промо-сайты
Тематические сайты
Интернет-порталы
Блоги
Каталоги сайтов
Поисковые системы
Почтовые системы
Интернет-форумы
Фото-, видео-,

Интернет представительстваСайты-визиткиКорпоративные сайтыИнтернет-витриныПромо-сайтыТематические сайтыИнтернет-порталыБлогиКаталоги сайтовПоисковые системыПочтовые системыИнтернет-форумыФото-, видео-, аудио-хостингиДоски объявленийСоциальные сети

аудио-хостинги
Доски объявлений
Социальные сети


Слайд 7 Разработка Web-сайтов
2 способа

Ручной
С использованием конструктора

Разработка Web-сайтов2 способа Ручной С использованием конструктора

Слайд 8 ЭТАПЫ СОЗДАНИЯ
Подготовительный
Дизайн
Web-программирование
HTML верстка сайта
Размещение сайта в сети
Раскрутка и

ЭТАПЫ СОЗДАНИЯПодготовительныйДизайнWeb-программированиеHTML верстка сайтаРазмещение сайта в сетиРаскрутка и администрирование (поддержка) сайта

администрирование (поддержка) сайта


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

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

документов HTML.
Код страницы набирается в любом

текстовом редакторе например блокнот и оформляется с помощью команд языка HTML.
Тестируются html файл с помощью любого браузера.
Команды HTML задаются с помощью специальных элементов – тэгов, которые заключается в угловые скобки
Существуют два типа тэгов – парные и непарные.
Непарные, например
- тэг перевода строки
Парные мама , выделение слова полужирным шрифтом
Признаком окончания действия парного тэга служит слэш / .


Слайд 10 Основные тэги для создания Web-страницы:
- определяет формат

Основные тэги для создания Web-страницы: - определяет формат документа - содержит

документа
- содержит название страницы и справочную информацию о

ней

- содержит название страницы, которое отображается в верхней строке браузера
- отображает в браузере содержимое страницы

Слайд 11 Структура Web-страницы
Текст HTML программы

Структура Web-страницы Текст HTML программы

Коментарии
начало HTML кода
начало головной части
Первый документ заголовок документа
конец головной части
начало тела программы

Первый HTML документ

заголовок

горизонтальная линия

начало абзаца
Кошка не похожа на собаку.
А собака не похожа на кошку.
именно это сходство и берем за основу.

конец абзаца
конец тела программы
конец HTML кода

Слайд 12 Сохранение, редактирование Web-страницы
Напечатать текст HTML программы в текстовом

Сохранение, редактирование Web-страницыНапечатать текст HTML программы в текстовом редакторе Блокнот Созданную

редакторе Блокнот
Созданную Web-страничку необходимо сохранить в виде файла

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


Слайд 13

Вид html-страницы в:
Блокноте




Internet Explorer

Вид html-страницы в:Блокноте				Internet Explorer

Слайд 14 Форматирование текста
Разбиение текста на абзацы: …
Центрирование объектов: …
Выравнивание абзацев:

Форматирование текстаРазбиение текста на абзацы: …Центрирование объектов: … Выравнивание абзацев: ,

ALIGN="JUSTIFY">,
Цвет, размер: или

COLOR=“BLUE">

Слайд 15 Запись текста в формате RGB
Книжник Светлана Викторовна

Запись текста в формате RGB Книжник Светлана Викторовна учитель информатики МБОУ СОШ №3. г. Кумертау

учитель информатики МБОУ СОШ №3. г. Кумертау


Слайд 16 Гиперссылки
Для определения гиперссылки используется тег , структура которого

ГиперссылкиДля определения гиперссылки используется тег , структура которого имеет следующий вид:

имеет следующий вид:
текст ссылки





Пример: фотография

Возможно добавление атрибута TARGET со следующими значениями:
_top – открытие документа в текущем окне
_blank – открытие документа в новом окне


Имя файла

Текст в HTML - документе




Слайд 17 Вставка графических изображений
Для вставки изображений используется тег .
Рассмотрим

Вставка графических изображенийДля вставки изображений используется тег .Рассмотрим применение этого тега

применение этого тега на примере:

“Я”>
Где SRC – определяет URL – адрес графического файла WIDTH – ширина, HEIGHT – высота, ALT – альтернативный текст. Изображение так же может быть гиперссылкой: “Я”


Слайд 18 Фон страницы
Фоновое изображение – это файл с небольшим

Фон страницы		Фоновое изображение – это файл с небольшим рисунком, который многократно

рисунком, который многократно повторяется, заполняя все окно браузера независимо

от его размера
Графика, используемая в качестве фоновой, задается в теге
Пример: -фоновая картинка
- цвет фона


Слайд 19 АТРИБУТЫ КАРТИНКИ

АТРИБУТЫ КАРТИНКИ

  • Имя файла: html-programmirovanie.pptx
  • Количество просмотров: 145
  • Количество скачиваний: 1