Выполнил учитель информатики Самусенко Е. С.
Тема урока:
«Создание
web-сайта»
Цели урока:
Обучающие:
дать понятие что такое сайт, раскрыть назначение веб-сайтов и их использования;
систематизировать знания о структуре веб-страницы, веб-сайта, языка разметки, гипертекста HTML;
оформление сайта.
Воспитательные:
формирование навыков самоорганизации;
способствовать воспитанию информационной культуры учащихся;
формирование настойчивости в достижении поставленной цели, умения работать;
воспитывать аккуратность, внимательность, дисциплинированность.
Что такое сайт?
Сайт - это ресурс, состоящий из веб-страниц (документов), объединенных общей темой и взаимосвязанных между собой с помощью ссылок. Сайт регистрируется на одно физическое, либо юридическое лицо и обязательно привязывается к конкретному домену, который также является его адресом.
Что такое сайт?
Сайт также представляет собой информационную единицу в сети Интернет. Один сайт может иметь как одну единственную страницу, так и огромное их количество.
Каждая страница сайта - это текстовый файл или их набор, который написан на языке разметки или программирования (html, css и т.д.). После загрузки на наш компьютер, все файлы такого формата проходят обработку браузером, и в конечном итоге перед нами предстает готовая страница сайта.
Достоинства web-сайтов
Малый информационный объём («лёгкие»).
1
Пригодны для просмотра в разных Операционных Системах (ОС).
2
3
4
Динамичные.
Интерактивные.
Технологии создания сайта
Существует несколько способ создания сайтов:
Сайт можно создать, воспользовавшись языком разметки гипертекста HTML (Hyper Text Markup Language). В этом случае в текстовом редакторе (например, в Блокноте) текст, который хотят разместить на страницах сайта, размечают специальными метками, называемыми , тегами. Теги содержат указания о том, как должен выглядеть текст.
1
Можно документ, подготовленный в текстовом процессоре (Microsoft Word, Writer), сохранить как web-страницу (в формате HTML).
2
Можно воспользоваться специальным программным обеспечением – визуальными HTML – редакторами (Adobe Dreamwearver, Microsoft FrontPage) или конструкторами сайтов (uCoz, Сайткрафт, Конструктор школьных сайтов).
3
Кто такой Web-дизайнер?
Web-дизайнер – это специалист, проектирующий структуру web-сайта, а также подбирающий способы подачи информации и выполняющий художественное оформление web-проекта.
Web-дизайнер должен знать современные web-технологии; желательно, чтобы он имел художественное образование.
Содержание и структура сайта
Содержание сайта должно быть таким, чтобы отражать творческую жизнь участников объединения, привлекать внимание единомышленников.
Структура (план) сайта – это разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними. Сайт может включать в себя общую информацию (программу расписания занятий, фамилию, имя, отчество руководителя и т.д.), страницу новостей и многое другое.
Язык разметки гипертекста HTML
HTML (Hyper Text Markup Language) - язык гипертекстовой разметки.
Описательный язык разметки HTML имеет свои команды, которые называются тегами.
Тег – это элемент HTML, представляющий из себя текст, заключённый в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации.
Теги пишутся английскими буквами (прописными, строчными).
Обычно используются два тега – открывающий (<тэг>) и закрывающий (</тэг>).
Основные теги для создания web-страниц
Тег
Название тега
<html>…</html>
Определяет формат документа.
<head>…</head>
Содержит название страницы и справочную информацию о ней.
<title>…</title>
Содержит название страницы, которое отображается в верхней строке браузера.
<body>…</body>
Отображает в браузере содержимое страницы.
<BR></BR>
Перевод строки
<B></B>
Жирный шрифт
<I></I>
Курсив
<FONT>=«x»</FONT>
Размер шрифта от 1 до 7
<FONT COLOR=«x»>
Цвет шрифта
Структура web-страницы
Любая страница имеет
следующую структуру:
<html>
<head>
<title> Компьютер </title>
</head>
<body>
Всё про компьютеры
</body>
</html>
При просмотре в браузере
файла, получим следующий
вид:
Атрибут
Тег может иметь несколько количество атрибутов.
Атрибут - это компонент тега, содержащий указания, как браузер должен воспринять и обработать тег.
Синтаксис тега с атрибутом:
<тег атрибут = “значение”>
Гипертекст
Термин «гипертекст» впервые был введён Тедом Нельсоном в 1969 году.
Гипертекст – это текст, который с помощью своей структуры позволяет переходить от одного текста к другому.
На языке «компьютера» гипертекст – это текст, который содержит в себе ссылки.
