СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

ПРОЕКТ на тему «РазработкаWed-сайта «Сыны Отечества»с использованием языка разметки гипертекстаHTMI»

Категория: Информатика

Нажмите, чтобы узнать подробности

Умение создавать Web – сайты со временем становится актуальным навыком простого пользователя. Опубликовать сайт в Интернете настолько просто и доступно, что эта возможность привлекает все большее число людей. Однако Web – сайт может привлечь к себе внимание лишь в том случае, если его содержание вызывает какой-то интерес и если он имеет привлекательное внешнее оформление. Оформление Web – страниц становится своеобразным видом прикладного искусства. У него даже появилось свое название – «Web-дизайн». И если человек решил опубликоваться в Интернете, то следует разобраться – как и какими средствами создаются Web – страницы.

Просмотр содержимого документа
«ПРОЕКТ на тему «РазработкаWed-сайта «Сыны Отечества»с использованием языка разметки гипертекстаHTMI»»

Муниципальное Общеобразовательное Казенное Учреждение

«Чермошнянская Основная Общеобразовательная Школа»













ПРОЕКТ

на тему «Разработка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-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения.

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

Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.

Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера.

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