- Web - сайты и web - страницы

Презентация "Web - сайты и web - страницы" (9 класс) по информатике – проект, доклад

Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Слайд 6
Слайд 7
Слайд 8
Слайд 9
Слайд 10
Слайд 11
Слайд 12
Слайд 13
Слайд 14
Слайд 15
Слайд 16
Слайд 17
Слайд 18
Слайд 19
Слайд 20
Слайд 21
Слайд 22
Слайд 23
Слайд 24
Слайд 25
Слайд 26
Слайд 27
Слайд 28
Слайд 29
Слайд 30
Слайд 31

Презентацию на тему "Web - сайты и web - страницы" (9 класс) можно скачать абсолютно бесплатно на нашем сайте. Предмет проекта: Информатика. Красочные слайды и иллюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого воспользуйтесь плеером, или если вы хотите скачать доклад - нажмите на соответствующий текст под плеером. Презентация содержит 31 слайд(ов).

Слайды презентации

web - сайты и web - страницы
Слайд 1

web - сайты и web - страницы

Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из WEB – страниц, объединенных гиперссылками. WEB – страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты. web - с
Слайд 2

Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из WEB – страниц, объединенных гиперссылками. WEB – страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

web - сайт

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

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

1.1. Название сайта

Какова цель создания вашего сайта? Какие новые возможности предоставляет ваш сайт? Кто будет основной (и вторичной) аудиторией вашего сайта? Какого они возраста? Чем они занимаются? Сколько времени они предположительно проведут на вашем сайте? Что может привлечь их повторно посетить ваш сайт? 1.2. Н
Слайд 4

Какова цель создания вашего сайта? Какие новые возможности предоставляет ваш сайт? Кто будет основной (и вторичной) аудиторией вашего сайта? Какого они возраста? Чем они занимаются? Сколько времени они предположительно проведут на вашем сайте? Что может привлечь их повторно посетить ваш сайт?

1.2. Назначение и предполагаемая аудитория

Общая характеристика данных, включаемых в сайт. Предположительный объем и предполагаемое содержание текстовой части. Фотографии, рисунки, диаграммы, анимации и звуки, которые вы предполагаете включить в сайт. Какая часть данных, включенных в сайт будет обновляться. Периодичность обновления данных са
Слайд 5

Общая характеристика данных, включаемых в сайт. Предположительный объем и предполагаемое содержание текстовой части. Фотографии, рисунки, диаграммы, анимации и звуки, которые вы предполагаете включить в сайт. Какая часть данных, включенных в сайт будет обновляться. Периодичность обновления данных сайта.

1.3. Информационное наполнение сайта

Логическая структура сайта показывает, каким образом информация распределяется по страницам сайта и как она может быть получена пользователем. Логическая структура сайта должна естественным образом отображать логическую структуру информации. Для представления логической структуры сайта можно восполь
Слайд 6

Логическая структура сайта показывает, каким образом информация распределяется по страницам сайта и как она может быть получена пользователем. Логическая структура сайта должна естественным образом отображать логическую структуру информации. Для представления логической структуры сайта можно воспользоваться древовидными организационными диаграммами.

1.4. Логическая структура сайта

Web - сайты и web - страницы Слайд: 7
Слайд 7
Где предполагается разместить сайт? Какие страницы будут обновляться, как часто и кем? Предполагается ли получение информации от посетителей сайта? Предполагается ли регистрация посетителей сайта. 1.5. Процедуры поддержки сайта
Слайд 8

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

1.5. Процедуры поддержки сайта

Эскизы страниц
Слайд 9

Эскизы страниц

заголовок текст рис. навигация анима- ция E-MALE:
Слайд 10

заголовок текст рис. навигация анима- ция E-MALE:

Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер). HTML – код страницы помещается внутрь контейнера Заголовок WEB – страницы заключается в контейнер Название
Слайд 11

Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер). HTML – код страницы помещается внутрь контейнера Заголовок WEB – страницы заключается в контейнер Название WEB – страницы содержится в контейнере Основное содержание страницы помещается в контейнер

Создание WEB - сайта

Создание WEB сайта На диске D создайте папку Компьютер Откройте окно текстового редактора Блокнот В окне приложения введите HTML – код WEB – страницы. Сохраните файл под именем index.html Загрузите этот файл в окно браузера для просмотра.    КОМПЬЮТЕР    ВСЕ О КОМПЬЮТЕРЕ
Слайд 12

Создание WEB сайта На диске D создайте папку Компьютер Откройте окно текстового редактора Блокнот В окне приложения введите HTML – код WEB – страницы. Сохраните файл под именем index.html Загрузите этот файл в окно браузера для просмотра. КОМПЬЮТЕР ВСЕ О КОМПЬЮТЕРЕ

Web - сайты и web - страницы Слайд: 13
Слайд 13
Web - сайты и web - страницы Слайд: 14
Слайд 14
Форматирование текста Размер шрифта задается тэгами от  (самый крупный) до  (самый мелкий). Некоторые тэги имеют атрибуты, которые являются именами свойств и принимают определенные значения. ALIGN =“ center” – тип выравнивания заголовка С помощью тега FONT можно задать параметры форматирования шрифт
Слайд 15

Форматирование текста Размер шрифта задается тэгами от

(самый крупный) до

(самый мелкий). Некоторые тэги имеют атрибуты, которые являются именами свойств и принимают определенные значения. ALIGN =“ center” – тип выравнивания заголовка С помощью тега FONT можно задать параметры форматирования шрифта. FASE=“arial”- гарнитура шрифта SIZE=4 – размер шрифта COLOR=“blue” – цвет шрифта

Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией – тэг  Разделение текста на абзацы производится с помощью контейнера
Слайд 16

Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией – тэг


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

: В контейнер  вставить последовательность. Просмотреть результат в браузере.    ВСЕ О КОМПЬЮТЕРЕ         На этом сайте вы можете получить информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.   Терминологический словарь познакомит вас с компьютерными терминами.
Слайд 17

: В контейнер вставить последовательность. Просмотреть результат в браузере.

ВСЕ О КОМПЬЮТЕРЕ


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

Терминологический словарь познакомит вас с компьютерными терминами.

Web - сайты и web - страницы Слайд: 18
Слайд 18
Web - сайты и web - страницы Слайд: 19
Слайд 19
Вставка изображений На WEB – страницы обычно помещают изображения трех форматах – GIF, JPG, PNG. Если рисунок сохранен в другом формате, то его преобразовывают в графическом редакторе (PHOTO EDITOR). Для вставки изображения используется тэг  с атрибутами: SRC=“computer.gif”, который указывает место
Слайд 20

Вставка изображений На WEB – страницы обычно помещают изображения трех форматах – GIF, JPG, PNG. Если рисунок сохранен в другом формате, то его преобразовывают в графическом редакторе (PHOTO EDITOR). Для вставки изображения используется тэг с атрибутами: SRC=“computer.gif”, который указывает место хранения файла. ALT=“компьютер” – поясняющий текст Расположить рисунок относительно текста позволяет атрибут ALIGN=“ritght”

: В контейнер  вставить перед абзацами текста тэг вставки изображения, просмотреть результат в браузере.
Слайд 21

: В контейнер вставить перед абзацами текста тэг вставки изображения, просмотреть результат в браузере. Компьютер

Web - сайты и web - страницы Слайд: 22
Слайд 22
Web - сайты и web - страницы Слайд: 23
Слайд 23
Гиперссылки на WEB–страницах Первая страница должна предоставить посетителю WEB – сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы. Для создания гиперсвязей необходимо, прежде всего, создать заголовки WEB – страниц. Та
Слайд 24

Гиперссылки на WEB–страницах Первая страница должна предоставить посетителю WEB – сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы. Для создания гиперсвязей необходимо, прежде всего, создать заголовки WEB – страниц. Такие страницы пока могут быть пустыми (без содержания). Все созданные страницы необходимо сохранить в виде файлов в папке сайта. Каждая страница будет содержать следующий HTML- код: ЗАГОЛОВОК СТРАНИЦЫ ПРОГРАММЫ

Создать пустые страницы Создайте пустые страницы «Программы», «Словарь», «Комплектующие» и сохраните их в файлах. SOFTWARE.HTML - ПРОГРАММЫ GLOSSARY.HTML – СЛОВАРЬ HARDWARE.HTML - КОМПЛЕКТУЮЩИЕ
Слайд 25

Создать пустые страницы Создайте пустые страницы «Программы», «Словарь», «Комплектующие» и сохраните их в файлах

SOFTWARE.HTML - ПРОГРАММЫ GLOSSARY.HTML – СЛОВАРЬ HARDWARE.HTML - КОМПЛЕКТУЮЩИЕ

Контейнер гиперссылок   . Атрибут HREF=“адрес документа” &nbsp – разделяет гиперссылки пробелами. Вставьте в титульную страницу код, создающий панель гиперссылки.  [ ПРОГРАММЫ] &nbsp [ СЛОВАРЬ] &nbsp [ КОМПЛЕКТУЮЩИЕ] &nbsp
Слайд 26

Контейнер гиперссылок . Атрибут HREF=“адрес документа”   – разделяет гиперссылки пробелами. Вставьте в титульную страницу код, создающий панель гиперссылки.

[ ПРОГРАММЫ]   [ СЛОВАРЬ]   [ КОМПЛЕКТУЮЩИЕ]  

Web - сайты и web - страницы Слайд: 27
Слайд 27
Web - сайты и web - страницы Слайд: 28
Слайд 28
Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Контейнер адреса   Атрибут HREF=“адрес электронной почты” Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты.   E-MAIL: NIZHNEUDINSK48@Y
Слайд 29

Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Контейнер адреса Атрибут HREF=“адрес электронной почты” Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты. E-MAIL: NIZHNEUDINSK48@YNDEX.RU

Web - сайты и web - страницы Слайд: 30
Слайд 30
Web - сайты и web - страницы Слайд: 31
Слайд 31

Список похожих презентаций

Web-сайты и Web-страницы

Web-сайты и Web-страницы

Публикация во Всемирной паутине реализуется в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную ...
Web-страницы и Web-сайты

Web-страницы и Web-сайты

Достоинства Web-страницы: Малый информационный объём; Возможность просмотра в различных ОС HTML – Hyper Text Markup Language – язык разметки гипертекстовых ...
Создание Web - документов

Создание Web - документов

Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, ...
Сервисы Web 2.0

Сервисы Web 2.0

Технологии, определяющие будущее образования. Международный консорциум New Media Consortium (NMC) опубликовал отчет, посвященный компьютерным технологиям, ...
Сервис и ресурсы WEB

Сервис и ресурсы WEB

Уважаемый друг! Эта презентация создана как упражнение при освоении возможностей различных интернет-сервисов. Ресурс — количественная мера возможности ...
Разработка WEB - сайтов

Разработка WEB - сайтов

Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие способ отображения ...
Разработка WEB - приложения для фирмы по продаже мебели "Линия интерьера"

Разработка WEB - приложения для фирмы по продаже мебели "Линия интерьера"

Цели и задачи дипломного проекта:. Задача: формирование у поставщиков и потенциальных клиентов правильного представления об оказываемых услугах и ...
Поддержка социальной и творческой активности педагогов средствами сетевых сервисов Web 2.0

Поддержка социальной и творческой активности педагогов средствами сетевых сервисов Web 2.0

YouTube * Wikipedia * Flickr * MySpace. Социальные сервисы – новые возможности удовлетворения потребностей:. социальных; в самоуважении; в самореализации. ...
Коммуникационные технологии и разработка Web - сайтов

Коммуникационные технологии и разработка Web - сайтов

Web – страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ ...
Кларис – Web система контроля поручений

Кларис – Web система контроля поручений

Кларис – контроль поручений: возможности. Регистрация, контроль поручений руководителя Отчеты о выполнении, учет рабочего времени Календарь, диаграмма ...
История Интернета и WEB

История Интернета и WEB

Что такое «Интернет»? Интернет – сумма технологий и решений. Интернет состоит из многих тысяч корпоративных, научных, правительственных и домашних компьютерных сетей. ...
Использование технологий web 2.0. в корпоративном обучении

Использование технологий web 2.0. в корпоративном обучении

10 лет безупречной репутации на рынке обучения и развития персонала. Услуги и продукты: Открытые семинары и тренинги Корпоративные тренинговые программы ...
World wide web - всемирная паутина

World wide web - всемирная паутина

Основные понятия. WORLD WIDE WEB (WWW) WEB-страница WEB-сервер Гиперссылка Протокол WEB-сайт URL-адрес WEB-браузер Пример схемы компьютерной сети ...
Создание WEB - сайтов

Создание WEB - сайтов

СОДЕРЖАНИЕ. Введение История HTML Создание HTML-сайта Описание основных тэгов HTML Основные принципы HTML Полезные советы по созданию HTML-сайта Стоимость ...
Google Web Toolkit. Безопасность бизнес-приложений

Google Web Toolkit. Безопасность бизнес-приложений

Появление GWT. Google Web Toolkit (GWT) был неожиданно открыт для публики 18 мая 2006 года на ежегодной конференции JavaOne в Сан-Франциско. Цель, ...
WEB 2.0

WEB 2.0

ЧТО ТАКоЕ Web 2.0? Часто упоминаемое словосочетание Web 2.0 является причиной разночтений и разных спекуляций. Давайте попытаемся выяснить, что же ...
Настройка параметров страницы Word 2007

Настройка параметров страницы Word 2007

О параметрах страницы. К основным параметрам страницы относятся размер страницы, поля и ориентация страницы. Параметры страницы можно устанавливать ...
Доступ в интернет

Доступ в интернет

Варианты доступа в интернет. Через существующие коммуникации. Dial-up xDSL Кабельное ТВ Wi-Fi, Wi-Max Электропровода. Не требующие коммуникаций. GPRS, ...
Весёлая информатика

Весёлая информатика

Эпиграф. Ты лишь на старте, длинен путь. Но к цели он ведет. И мир компьютеров тебя, Быть может, увлечет. А. М. Хайт. Цель:. развитие интереса к предмету, ...

Конспекты

Форматирование WEB – документа

Форматирование WEB – документа

Урок по теме «Форматирование. WEB. – документа» (8 класс). Автор: Коршунова Наталья Алексеевна. МБОУ «СОШ №44» г.Владимир. Урок по ...
Форматирование WEB – документа

Форматирование WEB – документа

1)Общие сведения. Фамилия, имя, отчество. . Коршунова Наталья Алексеевна. . Образовательное учреждение. . МБОУ «СОШ №44» г. Владимира. ...
Списки на Web -страницах

Списки на Web -страницах

Муниципальное бюджетное общеобразовательное учреждение. . «Северная средняя общеобразовательная школа». Тема. : «Списки на Web ...
WEB- программирование

WEB- программирование

Коммунальное Государственное Учреждение. «Первомайский комплекс «Общеобразовательная средняя школа – детский сад имени Д.М. Карбышева» отдела образования ...
Установка параметров страницы, редактирование

Установка параметров страницы, редактирование

Тема урока. Установка параметров страницы, редактирование. Цели урока:. Образовательная – обобщить и систематизировать знания об установке параметров ...
Листая школьные страницы

Листая школьные страницы

Тема внеурочной деятельности. «Листая школьные страницы». Цель:. познакомить учащихся с историей школы, вспомнить основные этапы построения презентации, ...

Советы как сделать хороший доклад презентации или проекта

  1. Постарайтесь вовлечь аудиторию в рассказ, настройте взаимодействие с аудиторией с помощью наводящих вопросов, игровой части, не бойтесь пошутить и искренне улыбнуться (где это уместно).
  2. Старайтесь объяснять слайд своими словами, добавлять дополнительные интересные факты, не нужно просто читать информацию со слайдов, ее аудитория может прочитать и сама.
  3. Не нужно перегружать слайды Вашего проекта текстовыми блоками, больше иллюстраций и минимум текста позволят лучше донести информацию и привлечь внимание. На слайде должна быть только ключевая информация, остальное лучше рассказать слушателям устно.
  4. Текст должен быть хорошо читаемым, иначе аудитория не сможет увидеть подаваемую информацию, будет сильно отвлекаться от рассказа, пытаясь хоть что-то разобрать, или вовсе утратит весь интерес. Для этого нужно правильно подобрать шрифт, учитывая, где и как будет происходить трансляция презентации, а также правильно подобрать сочетание фона и текста.
  5. Важно провести репетицию Вашего доклада, продумать, как Вы поздороваетесь с аудиторией, что скажете первым, как закончите презентацию. Все приходит с опытом.
  6. Правильно подберите наряд, т.к. одежда докладчика также играет большую роль в восприятии его выступления.
  7. Старайтесь говорить уверенно, плавно и связно.
  8. Старайтесь получить удовольствие от выступления, тогда Вы сможете быть более непринужденным и будете меньше волноваться.