Презентация на тему Тема урока Создание web-сайта

Содержание

2. Цели урока:Обучающие:дать понятие что такое сайт, раскрыть
3. Что такое сайт?Сайт - это ресурс, состоящий
4. Что такое сайт?Сайт также представляет собой информационную
5. Достоинства web-сайтовМалый информационный объём («лёгкие»).1Пригодны для просмотра в разных Операционных Системах (ОС).234Динамичные.Интерактивные.
6. Технологии создания сайтаСуществует несколько способ создания сайтов:Сайт
7. Кто такой Web-дизайнер?Web-дизайнер – это специалист, проектирующий
8. Содержание и структура сайтаСодержание сайта должно быть
9. Язык разметки гипертекста HTMLHTML (Hyper Text Markup
10. Основные теги для создания web-страниц
11. Структура web-страницыЛюбая страница имеет следующую структуру:
12. АтрибутТег может иметь несколько количество атрибутов.Атрибут -
13. ГипертекстТермин «гипертекст» впервые был введён Тедом Нельсоном
14. Скачать презентацию
15. Похожие презентации

Цели урока:Обучающие:дать понятие что такое сайт, раскрыть назначение веб-сайтов и их использования;систематизировать знания о структуре веб-страницы, веб-сайта, языка разметки, гипертекста HTML;оформление сайта.Воспитательные:формирование навыков самоорганизации;способствовать воспитанию информационной культуры учащихся;формирование настойчивости в достижении поставленной цели, умения работать;воспитывать аккуратность,

Выполнил учитель информатики Самусенко Е. С.Тема урока: «Создание web-сайта»

Что такое сайт?Сайт - это ресурс, состоящий из веб-страниц (документов), объединенных общей

Что такое сайт?Сайт также представляет собой информационную единицу в сети Интернет. Один

Достоинства web-сайтовМалый информационный объём («лёгкие»).1Пригодны для просмотра в разных Операционных Системах (ОС).234Динамичные.Интерактивные.

Технологии создания сайтаСуществует несколько способ создания сайтов:Сайт можно создать, воспользовавшись языком разметки

Кто такой Web-дизайнер?Web-дизайнер – это специалист, проектирующий структуру web-сайта, а также подбирающий

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

Язык разметки гипертекста HTMLHTML (Hyper Text Markup Language) - язык гипертекстовой разметки.Описательный

Структура web-страницыЛюбая страница имеет следующую структуру: Компьютер

АтрибутТег может иметь несколько количество атрибутов.Атрибут - это компонент тега, содержащий указания,

ГипертекстТермин «гипертекст» впервые был введён Тедом Нельсоном в 1969 году.Гипертекст – это

Выполнил учитель информатики Самусенко Е. С.СпасибоЗА ВНИМАНИЕ!

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

Слайд 2 Цели урока:
Обучающие:
дать понятие что такое сайт, раскрыть назначение

Цели урока:Обучающие:дать понятие что такое сайт, раскрыть назначение веб-сайтов и их

веб-сайтов и их использования;
систематизировать знания о структуре веб-страницы, веб-сайта,

языка разметки, гипертекста HTML;
оформление сайта.

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

Слайд 3 Что такое сайт?
Сайт - это ресурс, состоящий из

Что такое сайт?Сайт - это ресурс, состоящий из веб-страниц (документов), объединенных

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

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

Слайд 4 Что такое сайт?

Сайт также представляет собой информационную единицу

Что такое сайт?Сайт также представляет собой информационную единицу в сети Интернет.

в сети Интернет. Один сайт может иметь как одну

единственную страницу, так и огромное их количество.
Каждая страница сайта - это текстовый файл или их набор, который написан на языке разметки или программирования (html, css и т.д.). После загрузки на наш компьютер, все файлы такого формата проходят обработку браузером, и в конечном итоге перед нами предстает готовая страница сайта.

Слайд 5 Достоинства web-сайтов
Малый информационный объём («лёгкие»).
1
Пригодны для просмотра в

разных Операционных Системах (ОС).
2
3
4
Динамичные.
Интерактивные.

Слайд 6 Технологии создания сайта

Существует несколько способ создания сайтов:

Сайт можно

Технологии создания сайтаСуществует несколько способ создания сайтов:Сайт можно создать, воспользовавшись языком

создать, воспользовавшись языком разметки гипертекста HTML (Hyper Text Markup

Language). В этом случае в текстовом редакторе (например, в Блокноте) текст, который хотят разместить на страницах сайта, размечают специальными метками, называемыми , тегами. Теги содержат указания о том, как должен выглядеть текст.

Можно документ, подготовленный в текстовом процессоре (Microsoft Word, Writer), сохранить как web-страницу (в формате HTML).

Можно воспользоваться специальным программным обеспечением – визуальными HTML – редакторами (Adobe Dreamwearver, Microsoft FrontPage) или конструкторами сайтов (uCoz, Сайткрафт, Конструктор школьных сайтов).

Слайд 7 Кто такой Web-дизайнер?

Web-дизайнер – это специалист, проектирующий структуру

Кто такой Web-дизайнер?Web-дизайнер – это специалист, проектирующий структуру web-сайта, а также

web-сайта, а также подбирающий способы подачи информации и выполняющий

художественное оформление web-проекта.
Web-дизайнер должен знать современные web-технологии; желательно, чтобы он имел художественное образование.

Слайд 8 Содержание и структура сайта

Содержание сайта должно быть таким,

Содержание и структура сайтаСодержание сайта должно быть таким, чтобы отражать творческую

чтобы отражать творческую жизнь участников объединения, привлекать внимание единомышленников.
Структура

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

Слайд 9 Язык разметки гипертекста HTML
HTML (Hyper Text Markup Language)

Язык разметки гипертекста HTMLHTML (Hyper Text Markup Language) - язык гипертекстовой

- язык гипертекстовой разметки.
Описательный язык разметки HTML имеет свои

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