СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Основы проектирования Web-страниц

Категория: Информатика

Нажмите, чтобы узнать подробности

Просмотр содержимого документа
«Основы проектирования Web-страниц»

Основы проектирования Web – страниц.

Основы проектирования Web – страниц.

Веб-дизайн - интересное, актуальное и востребованное направление развития современных информационных технологий.

Веб-дизайн - интересное, актуальное и востребованное направление развития современных информационных технологий.

Сайт Сайт  (веб-сайт англ. website, от web — паутина, «веб» и site — «место») - это место во всемирной сети (интернете), которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим как одно целое.

Сайт

Сайт (веб-сайт англ. website, от web — паутина, «веб» и site — «место») - это место во всемирной сети (интернете), которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим как одно целое.

Web-страница Web-страница является элементарной частью Всемирной Паутины (World Wide Web, www). WWW, в свою очередь, — одна из возможностей компьютерной сети Internet, связывающей компьютеры по всему миру.

Web-страница

Web-страница является элементарной частью Всемирной Паутины (World Wide Web, www). WWW, в свою очередь, — одна из возможностей компьютерной сети Internet, связывающей компьютеры по всему миру.

Гиперссылка – фрагмент текста , который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

Гиперссылка – фрагмент текста , который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

Каждый сайт имеется свой адрес в сети, который называется иначе унифицированным адресом ресурса ( Uniform Resource Locator , URL ).

Каждый сайт имеется свой адрес в сети, который называется иначе унифицированным адресом ресурса ( Uniform Resource Locator , URL ).

http://www.uni-vologda.ru  Домен может быть географическим (ru — Россия, us — США, uk — Великобритания, ger — Германия, ua — Украина и т. п.)

http://www.uni-vologda.ru

Домен может быть географическим

(ru — Россия,

us — США,

uk — Великобритания,

ger — Германия,

ua — Украина и т. п.)

или тематическими (com — коммерческий сайт, edu — образование, gov — правительство, net — сетевые службы, mil — военное дело и оборона и т. п.).

или тематическими

(com — коммерческий сайт,

edu — образование,

gov — правительство,

net — сетевые службы,

mil — военное дело и оборона и т. п.).

Для просмотра web-страниц используются специальные программы, называемые браузерами (web browser). Они позволяют загружать из Сети для просмотра страницы с заданным адресом и переходить от документа к другому по гиперссылкам.

Для просмотра web-страниц используются специальные программы, называемые браузерами (web browser). Они позволяют загружать из Сети для просмотра страницы с заданным адресом и переходить от документа к другому по гиперссылкам.

 На что вы обращаете внимание, впервые оказавшись на какой-либо интернет-странице?  Какие элементы оформления наиболее значимы?
  • На что вы обращаете внимание, впервые оказавшись на какой-либо интернет-странице?
  • Какие элементы оформления наиболее значимы?
Этапы создания сайта: Анализ и проектирование сайта Информационное наполнение сайта Креатив, или визуальная составляющая сайта Написание кода Тестирование Публикация Раскрутка Поддержка

Этапы создания сайта:

  • Анализ и проектирование сайта
  • Информационное наполнение сайта
  • Креатив, или визуальная составляющая сайта
  • Написание кода
  • Тестирование
  • Публикация
  • Раскрутка
  • Поддержка
Этапы создания сайта: Анализ и проектирование сайта.  Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории. Информационное наполнение сайта (контент).  Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.

Этапы создания сайта:

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

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

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

Этапы создания сайта:

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

Этапы создания сайта: Тестирование.  Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия – ошибки проверяют сами разработчики; 2) бета-версия – проверяют другие люди. Публикация.  Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингом www.narod.ru , www.boom.ru , либо разместить сайт у провайдера.

Этапы создания сайта:

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

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

Этапы создания сайта: Раскрутка.  Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д. Поддержка.  Постоянное обновление сайта. (не реже 1 раза в 2 недели).

Этапы создания сайта:

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

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

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

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

Сайты

Корпоративные

Персональные