Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Презентации / Презентация "WEB-Сайт.Разработка WEB-Сайта."
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Информатика

Презентация "WEB-Сайт.Разработка WEB-Сайта."

библиотека
материалов
WEB-САЙТ. Разработка WEB-САЙТОВ. Книжник Светлана Викторовна учитель информат...
Web-страница- это отдельный документ (комбинация текста, рисунков, анимаци...
Браузер - программа просмотра web-сайтов и осуществление путешествий по сет...
Из истории. Первый в мире сайт info.cern.ch появился в 1991 году. Его создате...
Тим Бернерс-Ли является «отцом» основополагающих технологий веба — HTTP, URI/...
Интернет представительства Сайты-визитки Корпоративные сайты Интернет-витрины...
Разработка Web-сайтов 2 способа Ручной С использованием конструктора Книжник...
ЭТАПЫ СОЗДАНИЯ Подготовительный Дизайн Web-программирование HTML верстка сайт...
Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых докум...
Основные тэги для создания Web-страницы:  - определяет формат документа  - со...
Структура Web-страницы Текст HTML программы Коментарии 		 	 начало HTML кода...
Сохранение, редактирование Web-страницы Напечатать текст HTML программы в тек...
Вид html-страницы в: Блокноте				 Internet Explorer
Форматирование текста Разбиение текста на абзацы: … Центрирование объектов: …...
Запись текста в формате RGB Книжник Светлана Викторовна учитель информатики М...
Гиперссылки Для определения гиперссылки используется тег , структура которого...
Вставка графических изображений Для вставки изображений используется тег . Ра...
Фон страницы 		Фоновое изображение – это файл с небольшим рисунком, который м...
АТРИБУТЫ КАРТИНКИ  Без атрибутов - текст по умолчанию находится снизу картинк...
литература Иванова И.А. Информатика. 11 класс: Практикум. –Саратов: Лицей, 20...
20 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Описание презентации по отдельным слайдам:

№ слайда 1 WEB-САЙТ. Разработка WEB-САЙТОВ. Книжник Светлана Викторовна учитель информат
Описание слайда:

WEB-САЙТ. Разработка WEB-САЙТОВ. Книжник Светлана Викторовна учитель информатики МБОУ СОШ №3. г. Кумертау

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

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

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

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

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

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

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

Тим Бернерс-Ли является «отцом» основополагающих технологий веба — HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше. Книжник Светлана Викторовна учитель информатики МБОУ СОШ №3. г. Кумертау

№ слайда 6 Интернет представительства Сайты-визитки Корпоративные сайты Интернет-витрины
Описание слайда:

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

№ слайда 7 Разработка Web-сайтов 2 способа Ручной С использованием конструктора Книжник
Описание слайда:

Разработка Web-сайтов 2 способа Ручной С использованием конструктора Книжник Светлана Викторовна учитель информатики МБОУ СОШ №3. г. Кумертау

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

ЭТАПЫ СОЗДАНИЯ Подготовительный Дизайн Web-программирование HTML верстка сайта Размещение сайта в сети Раскрутка и администрирование (поддержка) сайта Книжник Светлана Викторовна учитель информатики МБОУ СОШ №3. г. Кумертау

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

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

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

Основные тэги для создания Web-страницы: <html></html> - определяет формат документа <head></head> - содержит название страницы и справочную информацию о ней <title></title> - содержит название страницы, которое отображается в верхней строке браузера <body></body> - отображает в браузере содержимое страницы

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

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

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

№ слайда 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” >

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

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

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

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

№ слайда 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>

№ слайда 18 Фон страницы 		Фоновое изображение – это файл с небольшим рисунком, который м
Описание слайда:

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

№ слайда 19 АТРИБУТЫ КАРТИНКИ  Без атрибутов - текст по умолчанию находится снизу картинк
Описание слайда:

АТРИБУТЫ КАРТИНКИ <imgsrc="uzeron_pc.jpg"> Без атрибутов - текст по умолчанию находится снизу картинки <imgsrc="uzeron_pc.jpg" align="right"> align="right" - картинка справа, текст слева <imgsrc="uzeron_pc.jpg" align="left"> align="left" - картинка слева, текст обтекает справа <img src="uzeron_pc.jpg" align="bottom"> align="bottom" - как и по умолчанию, текст внизу картинки <img src="uzeron_pc.jpg" align="middle"> align="middle" - текст посередине картинки

№ слайда 20 литература Иванова И.А. Информатика. 11 класс: Практикум. –Саратов: Лицей, 20
Описание слайда:

литература Иванова И.А. Информатика. 11 класс: Практикум. –Саратов: Лицей, 2004. http://beluys.com/html_basics/html_page.html http://baxtop.ru/sozdanie-saita-s-pomoshhyu-html.htm Книжник Светлана Викторовна учитель информатики МБОУ СОШ №3. г. Кумертау


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Краткое описание документа:

Данная презентация содержит теоретическую часть по теме "WEB-Сайт. Разработка WEB-Сайта." 9-10 класса.

2-3 слайд - основные понятия

4-5 слайд - из истории

6 слайд - виды сайтов

7 слайд - способы создания сайтов

8-9 слайд - этапы создания

10 слайд - основные теги

11 слайд - Структура Web-страницы

12 слайд - Сохранение, редактирование Web-страницы

13 слайд - Форматирование текста

14 слайд - Запись текста в формате RGB

15 слайд - Гиперссылки

16 слайд - Вставка графических изображений

17 слайд - Фон страницы

18 слайд -Атрибуты Картинки

19 слайд -Литература


Автор
Дата добавления 07.05.2015
Раздел Информатика
Подраздел Презентации
Просмотров1631
Номер материала 269890
Получить свидетельство о публикации
Похожие материалы

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