Рабочие листы
к вашим урокам
Скачать
1 слайд
Тема: Создание WEB – сайта с помощью языка HTML на примере конструктора сайтов GOOGLE.RU
Курсовая работа по информатике
Автор: Богданов Алексей ученик 10 «А»
Проверила: Санакоева С.З.
2 слайд
Знакомство с начальными этапами создания сайтов;
Cайт GOOGLE.RU как пример конструктора страниц;
Знакомство с языком HTML.
Цель работы:
3 слайд
Есть 2 способа создания сайта:
Ручной
С использование конструктора
4 слайд
Назад
5 слайд
Google (Гугл) - самая успешная Интернет - компания в мире. Целеустремленность, научный талант, смелость и любовь к эксперименту основателей Google, бывшего москвича Сергея Брина и выходца из штата Мичиган Ларри Пейджа, проложили путь к долгосрочному успеху этой поисковой системы.
6 слайд
1. Ознакомится с начальными этапами создания сайтов.
3. Изучить язык HTML.
2. Показать структуру сайта
7 слайд
8 слайд
По уровни персонификации сайты классифицируются:
Сайты
Персональные
Корпоративные
9 слайд
Этапы создания сайта:
1. Анализ и проектирование сайта
2. Информационное наполнение сайта
3. Создание визуальной составляющей сайта
4. Написание кода
5. Тестирование
6. Публикация
7. Раскрутка
8. Поддержка
Далее
10 слайд
Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории.
Информационное наполнение сайта
(контент). Привлекает потенциальных
пользователей. Информация должна
быть интересна для целевой аудитории
и качественно оформлена.
К этапам.
11 слайд
Креатив. Включает разработку дизайна, графических элементов, обработку графики и все, что с ней связано.Разработка всегда осуществляется на бумажном носителе, чтобы определить лучший вариант расположения типовых элементов. Т.к. страницы оформляются в едином стиле, то создается шаблон.
Написание кода. Создание Web-страниц, программирование, написание
функциональной части.
К этапам.
12 слайд
Тестирование. Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия – ошибки проверяют сами разработчики; 2) бета-версия – проверяют другие люди.
Публикация. Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингом www.narod.ru, www.boom.ru, либо разместить сайт у провайдера.
Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д.
К этапам.
Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).
13 слайд
Схема сайта
14 слайд
15 слайд
Использование HTML
<html>
<head>
<title>Документ</title>
</head>
<body>
Текст
</body>
</html>
Пример HTML документа:
HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами.
16 слайд
Сценарий и структура web-документа
<COMMENT> Комментарий к документу </comment>
<HTML>
<HEAD>
<TITLE> Структура Web-страницы</title>
<STYLE> H2 {font-family: Arbat;} CODE {font-family: Arbat;} </style>
<META name=’’Author’’ content=’’Irina’’>
<META name=’’Keywords’’ content=’’WWW, HTML, document, element’’>
</head>
<BODY bgcolor=#FFFFFF>
<A name=’’top’’></a> Переход в <A href=’’#bottom’’> конец </a> документа
<P> Переход к <A href=’’#S001’’><B> ссылке 1 </b></a><P>
<P> <HR>
<H1>Заголовок1<h1>
<H2>Заголовок2<h2>
<H3>Заголовок3<h3>
<H4>Заголовок4<h4>
<H5>Заголовок5<h5>
<H6>Заголовок6<h6>
<HR> Здесь расположена <B>ссылка 1</b><A name=’’S001’’></a> <HR>
<P>Здесь должен располагаться оригинальный текст Web-страницы
<HR> <A name=’’bottom’’></a>
<P> Переход в <A gref=’’top’’> начало </a> документа
</body>
</html>
17 слайд
Редакторы web – документов
FrontPage 2003
Adobe GoLive CS
Macromedia Dreamweaver MX 2004 v7.0
HomeSite 5.0
CoffeeCup HTML Editor 9.5
18 слайд
Заключение
В последнее время сеть Интернет становится более доступной для все большего количества людей в разных уголках мира. Кто-то общается на форумах и в чатах, кто-то скачивает музыку и фильмы, кто-то зарабатывает деньги, а кто-то просто заводит блоги или создает свои личные Интернет страницы, чтобы рассказать миру о себе и т.д. Но для всего этого просто необходима графическая оболочка, в роли которой предстают всем известные сайты и Интернет страницы. А чтобы эти станицы существовали, нужно их написать с помощью какого-то языка программирования, и неоспоримым лидером здесь является язык гипертекстовой разметки HTML. На мой взгляд самое большое его достоинство в его простоте. Я считаю, что у этого языка огромное будущее и очень рад, что хоть в малой мере сумел им овладеть.
19 слайд
Список используемой литературы
А. А. Кожемякин - HTML и CSS в примерах. Создание Web-страниц.
М. Хольцшлаг - Языки HTML и CSS. Официальный учебный курс.
Э. Кастро - HTML и CSS для создания Web-страниц
Интернет портал – www.html.manual.ru
Рабочие листы
к вашим урокам
Скачать
6 664 379 материалов в базе
Настоящий материал опубликован пользователем Зубова Ирина Анатольевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
72/180 ч.
Курс профессиональной переподготовки
600 ч.
Мини-курс
8 ч.
Мини-курс
10 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.