Презентация по информатике на тему "Создание Web-сайта"

• 1 слайд

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

• 2 слайд

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

• 3 слайд

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

• 4 слайд

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

• 5 слайд

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

• 6 слайд

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

• 7 слайд

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

• 8 слайд

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

• 9 слайд

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

• 10 слайд

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

• 11 слайд

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

• 12 слайд

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

• 13 слайд

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

• 14 слайд

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

• 15 слайд

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

• 16 слайд

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

• 17 слайд

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