1. Представление о веб-
конструировании
Основы веб-конструирования. 11
класс

2. Веб-конструирование – создание
сайтов
Язык разметки HTML

3. Выделяют две основные группы
методов разработки веб-сайтов:
• Визуальные методы
• Ручные (программные) методы

4. Визуальные методы:
• Позволяют производить все работы по
созданию веб-страниц с высокой степенью
автоматизации и не требуют знания языка
разметки HTML.
• Уменьшают трудоемкость и сроки
разработки сайта.
• Принцип WYSIWYG

5. Редакторы визуального
конструирования:
• Microsoft FrontPage
• Adobe (Macromedia) Dreamweaver
• NamoWebEditor

6. Системы управления содержимым
сайтов
• CMS (content management system)
• Позволяют создавать сайт в режиме
непосредственного подключения к сети
Интернет (онлайн) и сопровождать его в
дальнейшем.
• Не требуется знаний языка HTML.
• Наиболее популярные бесплатные CMS:
Joomla! (http://joomla.ru) и Drupal (
http://www.drupal.ru)

7. Ручные (программные) методы
• Создание сайтов с помощью языка разметки
HTML
• Можно использовать специальные
инструменты разработки, позволяющие
набирать команды HTML вручную (HotDog,
Adobe HomeSite и др.)
• Можно вводить основные команды в
простейшем текстовом редакторе Блокнот, а
затем просматривать результат с помощью
браузера

8. Виды создаваемых страниц:
• Статические
• Динамические
• Интерактивные

9. Этапы разработки веб-сайта
• Определение тематики сайта, его целей и
задач
• Проектирование структуры сайта,
определение разделов и связей между
страницами
• Разработка дизайна сайта
• Подготовка материалов для размещения на
веб-страницах
• Конструирование страниц сайта
• Публикация и тестирование сайта

10. Этапы разработки веб-сайта
• Определение тематики сайта, его целей и
задач
• Проектирование структуры сайта,
определение разделов и связей между
страницами
• Разработка дизайна сайта
• Подготовка материалов для размещения на
веб-страницах
• Конструирование страниц сайта
• Публикация и тестирование сайта