9 кл_Технологии создания сайтов. Язык HTML

Содержание

Слайд 2

Ключевые слова

структура сайта
навигация
оформление сайта
шаблон страницы сайта
хостинг

Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг

Слайд 3

Технология создания сайта

Язык разметки
гипертекста HTML
(Hyper Text Markup Language)

Текстовый
редактор

Визуальный
HTML-редактор,
конструктор сайтов

Текст

Технология создания сайта Язык разметки гипертекста HTML (Hyper Text Markup Language) Текстовый
размечают
специальными
метками – тегами

Документ
сохраняют как
Web-страницу

Microsoft FrontPage
uCoz, Сайткрафт и др.

Способы создания сайта

Слайд 4

Создание сайта

Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации и

Создание сайта Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации
выполняющий художественное оформление Web-проекта.

Создадим сайт школьного творческого объединения «Компьютерная графика».

Слайд 5

Содержание и структура сайта

Содержание сайта должно отражать творческую жизнь участников объединения, привлекать

Содержание и структура сайта Содержание сайта должно отражать творческую жизнь участников объединения,
внимание единомышленников.

Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними.

Новости и
объявления

Галерея

Личные
страницы

Полезные
ссылки

Растровая
графика

Векторная
графика

Сканография

Руководитель

Ученик 1

Ученик 2

Главная страница

Иерархическая структура сайта

Слайд 6

Оформление сайта

На главной странице размещают название сайта, тематическое графическое изображение, короткий текст

Оформление сайта На главной странице размещают название сайта, тематическое графическое изображение, короткий
с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.

Слайд 7

Оформление сайта

Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда

Оформление сайта Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые
находятся на одних и тех же местах. Это:

заголовок сайта, расположенный в самом верху
страницы;
главное меню, как правило, размещаемое в левой части
страницы.

Название сайта

Название страницы

Поле ввода информации

Графика

Меню

Фон

Координаты

Примерный шаблон страниц сайта

Слайд 8

Оформление сайта

Не ставьте точку в названиях сайта и страниц,
если они состоят

Оформление сайта Не ставьте точку в названиях сайта и страниц, если они
из одного предложения

Названия пунктов меню делайте краткими

Не выбирайте для страниц пёстрый фон

Не размещайте на странице слишком много
информационных и художественных блоков

Не пишите слишком длинных текстов

В каждом абзаце используйте
одни и те же приёмы форматирования

Рекомендации при наполнении страниц сайта
информационными материалами

Слайд 9

Тестирование сайта

Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами:

Тестирование сайта Тестирование сайта – проверка того, что сайт правильно отображается разными

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

Слайд 10

Размещение сайта в Интернет

Хостинг - услуга по размещению сайта на сервере, постоянно

Размещение сайта в Интернет Хостинг - услуга по размещению сайта на сервере,
находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.

Слайд 11

Размещение сайта в Интернете

http://www.70mb.ru/ - бесплатный хостинг

Размещение сайта в Интернете http://www.70mb.ru/ - бесплатный хостинг

Слайд 12

http://www.1gb.ru/ - платный хостинг

Размещение сайта в Интернете

http://www.1gb.ru/ - платный хостинг Размещение сайта в Интернете

Слайд 13

http://guru-host.ru/free_hosting.php - бесплатный хостинг

Размещение сайта в Интернете

http://guru-host.ru/free_hosting.php - бесплатный хостинг Размещение сайта в Интернете

Слайд 14

http://www.ascont.ru/constructor-and-hosting - платный
хостинг

Размещение сайта в Интернете

http://www.ascont.ru/constructor-and-hosting - платный хостинг Размещение сайта в Интернете

Слайд 15

Что выбрать?

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

Что выбрать? Платным хостингом пользуются крупные компании. Они получают удобное для прочтения
запоминания доменное имя второго уровня, которое может совпадать с названием компании.
Частные лица и небольшие компании пользуются бесплатным хостингом. Ограничения: небольшое дисковое пространство, ограничение размера отдельного файла, доменное имя только третьего уровня и т. д. Главный недостаток - на страницы вашего сайта без вашего согласия добавляется коммерческая реклама.

Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».

Слайд 16

Самое главное

Структура (план) сайта - разбиение общего содержания на смысловые разделы и

Самое главное Структура (план) сайта - разбиение общего содержания на смысловые разделы
отдельные страницы с указанием связей между ними.
Представление структуры сайта в виде графа обеспечивает наглядное представление содержания сайта и помогает организовать навигацию - переходы с одной страницы сайта на другую.
Шаблон страницы - это схема страницы, на которой представлены элементы, имеющиеся на страницах сайта. Использование шаблонов страниц помогает выдержать единый стиль оформления сайта.
Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.
Имя файла: 9-кл_Технологии-создания-сайтов.-Язык-HTML.pptx
Количество просмотров: 45
Количество скачиваний: 0