Разделы презентаций


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

Содержание

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

Слайды и текст этой презентации

Слайд 1Тема: Создание WEB – сайта с помощью языка HTML на

примере конструктора сайтов GOOGLE.RU
Курсовая работа по информатике
Автор: Богданов Алексей

ученик 10 «А»

Проверила: Санакоева С.З.

Тема: Создание WEB – сайта с помощью языка HTML на примере конструктора сайтов GOOGLE.RU Курсовая работа по

Слайд 2 Знакомство с начальными этапами создания сайтов;

Cайт GOOGLE.RU как

пример конструктора страниц;

Знакомство с языком HTML.


Цель работы:

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

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

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

Слайд 4Назад

Назад

Слайд 5Google (Гугл) - самая успешная Интернет - компания в мире.

Целеустремленность, научный талант, смелость и любовь к эксперименту основателей Google,

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

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

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

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

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

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

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

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

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

Создание визуальной составляющей сайта
4. Написание кода
5. Тестирование
6. Публикация
7. Раскрутка
8. Поддержка
Далее

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

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

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

аудитории.

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

К этапам.

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

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

что с ней связано.Разработка всегда осуществляется на бумажном носителе, чтобы

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

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

К этапам.

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

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

1) альфа-версия – ошибки проверяют сами разработчики; 2) бета-версия –

проверяют другие люди.

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

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

К этапам.

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

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

Слайд 13Схема сайта

Схема сайта

Слайд 15Использование HTML
Документ Текст
Пример HTML документа:
HTML — это теговый язык разметки

документов. Любой документ на языке HTML представляет собой набор элементов,

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

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



Структура Web-страницы
H2 {font-family:

Arbat;} CODE {font-family: Arbat;}




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

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




Заголовок1


Заголовок2


Заголовок3


Заголовок4


Заголовок5

Заголовок6


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

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



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


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

Слайд 17Редакторы web – документов
FrontPage 2003
Adobe GoLive CS
Macromedia Dreamweaver MX

2004 v7.0
HomeSite 5.0
CoffeeCup HTML Editor 9.5

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

Слайд 18Заключение
В последнее время сеть Интернет становится более

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

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

Слайд 19Список используемой литературы
А. А. Кожемякин - HTML и CSS в

примерах. Создание Web-страниц.
М. Хольцшлаг - Языки HTML и CSS. Официальный

учебный курс.
Э. Кастро - HTML и CSS для создания Web-страниц
Интернет портал – www.html.manual.ru
Список используемой литературыА. А. Кожемякин - HTML и CSS в примерах. Создание Web-страниц.М. Хольцшлаг - Языки HTML

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика