Презентация на тему Создание WEB–сайта с помощью языка HTML

Знакомство с начальными этапами создания сайтов;
Cайт GOOGLE.RU как пример конструктора страниц;
Знакомство с языком HTML.
Цель работы:

Есть 2 способа создания сайта:
Ручной
С использование конструктора

Назад

Google (Гугл) - самая успешная Интернет - компания в мире. Целеустремленность, научный талант, смелость и любовь к эксперименту основателей Google, бывшего москвича Сергея Брина и выходца из штата Мичиган Ларри Пейджа, проложили путь к долгосрочному успеху этой поисковой системы.

1. Ознакомится с начальными этапами создания сайтов.
3. Изучить язык HTML.
2. Показать структуру сайта

По уровни персонификации сайты классифицируются:
Сайты
Персональные
Корпоративные

Этапы создания сайта:
1. Анализ и проектирование сайта
2. Информационное наполнение сайта
3. Создание визуальной составляющей сайта
4. Написание кода
5. Тестирование
6. Публикация
7. Раскрутка
8. Поддержка
Далее

Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории.
Информационное наполнение сайта
(контент). Привлекает потенциальных
пользователей. Информация должна
быть интересна для целевой аудитории
и качественно оформлена.
К этапам.

Креатив. Включает разработку дизайна, графических элементов, обработку графики и все, что с ней связано.Разработка всегда осуществляется на бумажном носителе, чтобы определить лучший вариант расположения типовых элементов. Т.к. страницы оформляются в едином стиле, то создается шаблон.
Написание кода. Создание Web-страниц, программирование, написание
функциональной части.
К этапам.

Тестирование. Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия – ошибки проверяют сами разработчики; 2) бета-версия – проверяют другие люди.
Публикация. Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингом www.narod.ru, www.boom.ru, либо разместить сайт у провайдера.
Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д.
К этапам.
Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).

Схема сайта

Использование HTML
Документ
Текст
Пример HTML документа:
HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами.

Сценарий и структура web-документа
Комментарий к документу
Структура Web-страницы
H2 {font-family: Arbat;} CODE {font-family: Arbat;}
Переход в
конец
документа
Переход к
ссылке 1
Заголовок1
Заголовок2
Заголовок3
Заголовок4
Заголовок5
Заголовок6
Здесь расположена
ссылка 1
Здесь должен располагаться оригинальный текст Web-страницы
Переход в
начало
документа

Редакторы web – документов
FrontPage 2003
Adobe GoLive CS
Macromedia Dreamweaver MX 2004 v7.0
HomeSite 5.0
CoffeeCup HTML Editor 9.5

Заключение
В последнее время сеть Интернет становится более доступной для все большего количества людей в разных уголках мира. Кто-то общается на форумах и в чатах, кто-то скачивает музыку и фильмы, кто-то зарабатывает деньги, а кто-то просто заводит блоги или создает свои личные Интернет страницы, чтобы рассказать миру о себе и т.д. Но для всего этого просто необходима графическая оболочка, в роли которой предстают всем известные сайты и Интернет страницы. А чтобы эти станицы существовали, нужно их написать с помощью какого-то языка программирования, и неоспоримым лидером здесь является язык гипертекстовой разметки HTML. На мой взгляд самое большое его достоинство в его простоте. Я считаю, что у этого языка огромное будущее и очень рад, что хоть в малой мере сумел им овладеть.