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

Содержание

Слайд 2

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

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

Цель работы:

Слайд 3

Есть 2 способа создания сайта:

Ручной

С использование конструктора

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

Слайд 4

Назад

Назад

Слайд 5

Google (Гугл) - самая успешная Интернет - компания в мире. Целеустремленность, научный

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

Слайд 6

1. Ознакомится с начальными этапами создания сайтов.

3. Изучить язык HTML.

2. Показать структуру

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

Слайд 8

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

Сайты

Персональные

Корпоративные

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

Слайд 9

Этапы создания сайта:

1. Анализ и проектирование сайта

2. Информационное наполнение сайта

3. Создание визуальной

Этапы создания сайта: 1. Анализ и проектирование сайта 2. Информационное наполнение сайта
составляющей сайта

4. Написание кода

5. Тестирование

6. Публикация

7. Раскрутка

8. Поддержка

Далее

Слайд 10

Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых

Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых
их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории.

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

К этапам.

Слайд 11

Креатив. Включает разработку дизайна, графических элементов, обработку графики и все, что с

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

Написание кода. Создание Web-страниц, программирование, написание
функциональной части.

К этапам.

Слайд 12

Тестирование. Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия

Тестирование. Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия
– ошибки проверяют сами разработчики; 2) бета-версия – проверяют другие люди.

Публикация. Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингом www.narod.ru, www.boom.ru, либо разместить сайт у провайдера.

Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д.

К этапам.

Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).

Слайд 13

Схема сайта

Схема сайта

Слайд 15

Использование HTML

Документ Текст

Пример HTML документа:

HTML — это теговый язык разметки документов. Любой

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

Слайд 16

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

Комментарий к документу

Сценарий и структура web-документа Комментарий к документу Структура Web-страницы H2 {font-family: Arbat;}

Структура Web-страницы





Переход в конец документа

Переход к ссылке 1




Заголовок1


Заголовок2


Заголовок3


Заголовок4


Заголовок5

Заголовок6


Здесь расположена ссылка 1

Здесь должен располагаться оригинальный текст Web-страницы



Переход в начало документа


Слайд 17

Редакторы web – документов

FrontPage 2003
Adobe GoLive CS
Macromedia Dreamweaver MX 2004 v7.0
HomeSite

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

Слайд 18

Заключение

В последнее время сеть Интернет становится более доступной для все большего

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