Презентация, доклад к уроку Web-сайт

Содержание

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

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

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

Слайд 2Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является

интерактивным средством представления информации.

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

web - сайт

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

Слайд 3

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

конкретные отличительные особенности вашего сайта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Слайд 71.4. Логическая структура сайта

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

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

ли получение информации от посетителей сайта?
Предполагается ли регистрация посетителей сайта

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

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

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

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

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

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

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

Слайд 11Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки.

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

Заголовок WEB – страницы заключается в контейнер

Название WEB – страницы содержится в контейнере

Основное содержание страницы помещается в контейнер

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







Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными,

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

На диске D создайте папку Компьютер
Откройте окно

текстового редактора Блокнот
В окне приложения введите HTML – код WEB – страницы.
Сохраните файл под именем index.html
Загрузите этот файл в окно браузера для просмотра.



КОМПЬЮТЕР

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

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

Создание WEB сайта На диске D создайте папку Компьютер Откройте окно текстового редактора Блокнот В окне приложения

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

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

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

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

Слайд 15Форматирование текста
Размер шрифта задается тэгами от (самый крупный) до

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

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

Форматирование текстаРазмер шрифта задается тэгами от (самый крупный) до (самый мелкий).Некоторые тэги имеют атрибуты, которые являются

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


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


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


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

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

"BLUE">

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







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


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





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

?В контейнер вставить последовательность. Просмотреть результат в браузере. ВСЕ О КОМПЬЮТЕРЕ

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

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

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

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

Слайд 20Вставка изображений
На WEB – страницы обычно помещают изображения трех форматах –

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

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

Вставка изображенийНа WEB – страницы обычно помещают изображения трех форматах – GIF, JPG, PNG. Если рисунок сохранен

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

результат в браузере.

Компьютер

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

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

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

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

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

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

Слайд 24Создание WEB - сайта
Гиперссылки на WEB–страницах
Первая страница должна предоставить посетителю WEB

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


ЗАГОЛОВОК СТРАНИЦЫ

ПРОГРАММЫ


Создание WEB - сайтаГиперссылки на WEB–страницахПервая страница должна предоставить посетителю WEB – сайта возможность начать путешествие по

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

и сохраните их в файлах

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

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

Слайд 26Создание WEB - сайта
Контейнер гиперссылок .
Атрибут HREF=“адрес документа”
  –

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


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


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

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

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

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

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

Слайд 29Создание WEB - сайта
Полезно на титульной странице создать ссылку на

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


E-MAIL: NIZHNEUDINSK48@YNDEX.RU


Создание WEB - сайта Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители

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

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

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

Создание WEB - сайта
Скачать презентацию

Похожие презентации

Презентация у уроку Информационные процессы Презентация у уроку Информационные процессы 169
Презентация Безопасность в Интернете Презентация Безопасность в Интернете 185
Подготовка компьютера к работе.(2 класс) Подготовка компьютера к работе.(2 класс) 265
Презентация по информатике на тему Внутренние устройства ПК Презентация по информатике на тему Внутренние устройства ПК 249
Мини-викторина по теме: Программирование циклических алгоритмов Мини-викторина по теме: Программирование циклических алгоритмов 405
Презентация по дисциплине Информационные технологии в профессиональной деятельности на тему Графика Презентация по дисциплине Информационные технологии в профессиональной деятельности на тему Графика 153

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.

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

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

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

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