СОЗДАНИЕ Web-сайта КОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.

Презентация:



Advertisements
Похожие презентации
Структура создания слайда. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
Advertisements

Инструментальные средства создания Web-сайтов
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
СОЗДАНИЕ Web-сайта. структура сайта навигация оформление сайта шаблон страницы сайта хостинг Ключевые слова.
Степаненко О.В., учитель информатики и ИКТ МОУ «Борисоглебская гимназия 1» уч. год. 1 Мастер-класс «Основы создания web-сайта.
Степаненко О.В., учитель информатики и ИКТ МОУ «Борисоглебская гимназия 1» уч. год. 1.
11 класс. №023. Представление о веб-конструировании. Основы языка гипер-текстовой разметки HTML
Учитель информатики и ИКТ ГБОУ СОШ 771 г. Москва Васина Ольга Витальевна.
Название проекта: Предметная область: информатика, ИЗО, литература, история Участники: учащиеся, педагоги, родители Цель: обеспечение единого информационного.
HyperText Markup Language (HTML) - язык разметки гипертекста Гипертекст - информационная структура, позволяющая устанавливать смысловые связи между элементами.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
ВВЕДЕНИЕ В Задачи урока Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML.
Что такое «сайт»? Роль сайта в образовательном процессе. Функции сайта ДОУ. Организация творческой группы по созданию сайта. «Конструктор школьных сайтов»
Самостоятельная работа Подписать листочки: фамилия и имя. Перечислите основные характеристики любого Web-сайта. Напишите структуру Web-страницы на языке.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
Сайт педагога: необходимость или дань моде?. Немного теории Web-сайт (от англ.) – место в сети {web – паутина, сеть; site – место} Веб-сайт – совокупность.
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Тимакова Т. А.«Web – технологии как инструмент образовательного процесса » 1.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Транксрипт:

СОЗДАНИЕ Web-сайта КОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ

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

Технология создания сайта Язык разметки гипертекста HTML (Hyper Text Markup Language) Текстовый редактор Визуальный HTML-редактор, конструктор сайтов Текст размечают специальными метками – тегами Документ сохраняют как Web-страницу Microsoft FrontPage uCoz, Сайткрафт и др. Способы создания сайта

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

Содержание и структура сайта Содержание сайта должно отражать творческую жизнь участников объединения, привлекать внимание единомышленников. Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними. Новости и объявления Галерея Личные страницы Полезные ссылки Растровая графика Векторная графика Сканография Руководитель Ученик 1 Ученик 2 Главная страница Иерархическая структура сайта

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

Оформление сайта Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних и тех же местах. Это: заголовок сайта, расположенный в самом верху страницы; главное меню, как правило, размещаемое в левой части страницы. Название сайта Название страницы Поле ввода информации Графика Меню Фон Координаты Примерный шаблон страниц сайта

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

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

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

Размещение сайта в Интернете - сайт «Бесплатный хостинг»

- сайт платный хостинг «1Gb» Размещение сайта в Интернете

- сайт «Guru-host.ru» Размещение сайта в Интернете

- сайт платный хостинг «ASCONT» Размещение сайта в Интернете

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

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

Вопросы и задания С помощью каких инструментов можно создавать сайты?Что такое структура сайта? Продумайте и изобразите в виде графа структуру одного из следующих сайтов: а) «Наш класс»; б) «Моя семья»; в) «Информатика». Перечислите основные элементы, размещаемые на страницах сайта. Какие рекомендации следует учитывать при наполнении страниц сайта информационными материалами? С какой целью проводится тестирование сайта?Что является основным недостатком бесплатного хостинга? Назовите известный вам сервер Интернета, обеспечивающий пользователям бесплатный хостинг сайтов.

Опорный конспект Способы создания сайта Язык разметки гипертекста HTML Язык разметки гипертекста HTML Текстовый редактор Microsoft Word Текстовый редактор Microsoft Word HTML-редактор, конструктор сайтов HTML-редактор, конструктор сайтов Первоначально следует продумать содержание и структуру сайта Перед размещением сайта в сети Интернет следует провести его тестирование. При наполнении страниц сайта информационными материалами следует придерживаться определённых рекомендаций

Источники информации хостинг сайт Видеоуроки по информатике 8 класс сайт бесплатный хостинг «70mb» сайт «Guru-host.ru» платный хостинг «ASCONT» сайт платный хостинг «1Gb»