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

Выполнил учитель информатики Самусенко Е. С. Тема урока: «Создание 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> Отображает в браузере содержимое страницы. Перевод строки Жирный шрифт Курсив =«x» Размер шрифта от 1 до 7 Цвет шрифта

Структура web-страницы Любая страница имеет следующую структуру: <html> <head> <title> Компьютер </title> </head> <body> Всё про компьютеры </body> </html> При просмотре в браузере файла, получим следующий вид:

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

Гипертекст Термин «гипертекст» впервые был введён Тедом Нельсоном в 1969 году. Гипертекст – это текст, который с помощью своей структуры позволяет переходить от одного текста к другому. На языке «компьютера» гипертекст – это текст, который содержит в себе ссылки.