Муниципальное Общеобразовательное Казенное Учреждение
«Чермошнянская Основная Общеобразовательная Школа»
ПРОЕКТ
на тему «РазработкаWed-сайта «Сыны Отечества»с использованием языка разметки гипертекстаHTMI»
Ученицы 9 класса
Сосенко Оксана Алексеевна
Руководитель проекта: Лесковская Елена Николаевна
учитель информатики
Содержание
1 глава.КОМПЬЮТЕРНЫЕ ТЕХНОЛОГИИ «КОМПЬЮТЕРНЫЕ ПРОГРАММЫ ДЛЯ СОЗДАНИЯ Wed-САЙТА 5
IIглава. ОПИСАНИЕ ПРАКТИЧЕСКОЙ РАБОТЫ ПО СОЗДАНИЮ WED- САЙТА 11
Заключение 13
Приложение №1 14
Приложение2 18
Приложение3 19
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Публикации во Всемирной паутине (WorldWideWeb) реализуются в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвящённую какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц, объединённых гиперссылками. Web-страницы могут содержать текст, рисунки, таблицы, мультимедийные и динамические объекты. Создание Web-сайтов можно осуществлять с помощью языка HTML.
HTML – HyperTextMarkupLanguage - язык разметки гипертекста. HTML ни в коей мере не является языком программирования, он отвечает только за расположение элементов (текста, рисунков) в окне браузера. HTML является языком для создания Web-сайтов во Всемирной паутине. Язык HTML состоит из простых команд – тегов. Теги управляют представлением информации на экране при отображении HTML-документа. Теги заключаются в угловые скобки … и бывают парные и непарные (одиночные ).
Документ HTML – это текстовый файл с расширением .html или .htm, содержащий набор тегов.
Браузер – (browser) – программа для просмотра Web-страниц. Широкоиспользуютбразеры Microsoft Internet Explorer, Opera идр. Браузер при получении документа HTML выполняет его анализ, строит объектную модель документа, затем результат отображает на мониторе.
Умение создавать Web – сайты со временем становится актуальным навыком простого пользователя. Опубликовать сайт в Интернете настолько просто и доступно, что эта возможность привлекает все большее число людей. Однако Web – сайт может привлечь к себе внимание лишь в том случае, если его содержание вызывает какой-то интерес и если он имеет привлекательное внешнее оформление. Оформление Web – страниц становится своеобразным видом прикладного искусства. У него даже появилось свое название – «Web-дизайн». И если человек решил опубликоваться в Интернете, то следует разобраться – как и какими средствами создаются Web – страницы.
Тема нашей работы
«Разработка Wed-сайта «Сыны Отечества»с использованием языка разметки гипертекста HTMI»
Цель работы
разработать сайт с помощью языка HTML.
В процессе работы необходимо было решить следующие задачи:
Изучить основы языка HTML
Изучить основные способы создания Web – страниц
Продумать и спроектировать бедующий сайт.
Собрать информацию, необходимую для верстки страниц сайта
Продумать внешний вид сайта
Создать сайт
1 глава.КОМПЬЮТЕРНЫЕ ТЕХНОЛОГИИ «КОМПЬЮТЕРНЫЕ ПРОГРАММЫ ДЛЯ СОЗДАНИЯ Wed-САЙТА
Прежде чем перейти к созданию сайта, мы рассмотрим инструменты для создания web-сайтов. Существует два основных способа подготовки собственного Интернет-проекта – верстка кода вручную или выполнение работы на базе имеющихся шаблонов. В первом случае необходимо будет сделать макет сайта с помощью графического редактора с поддержкой слоев и на основании заготовки «написать» проект на языке гипертекстовой разметки (HTML/CSS). При необходимости можно также задействовать скрипты, сгенерированные на других языках.
HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и отображаемое в браузере содержание.
Заголовок Web-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения.
Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером).
Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.
Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера.
Отображаемое в браузере содержание страницы помещается в контейнер