Представление о WEB- конструировании Учитель Смелова В.Н.

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

Визуальные методы: Позволяют производить все работы по созданию веб-страниц с высокой степенью автоматизации и не требуют знания языка разметки HTML Они уменьшают трудоемкость и сроки разработки сайта Суть визуальных методов отражена в принципе WYSIWYG-что видишь, то и получаешь.

Редакторы визуального конструирования: Microsoft FrontPage; Adobe Dreamweaver;

Примечание: В последнее время для конструирования и сопровождения WEB-сайтов используется система управления их содержимым (контентом) – CMS, которые представляются специальными платными или бесплатными службами. Системы CMS представляют своего рода конструктор. Они позволяют создавать сайт в режиме непосредственного подключения к сети, или online, и сопровождать его в дальнейшем.

Из бесплатных систем CMS- наиболее популярны Joomla! и Drupal Сайт лицей сконструирован именно на CMS Joomla

Ручные методы: Знание языка HTML Умение работать в редакторах Блокнот, HotDog, Adobe HomeSite и другие.

Этапы разработки сайтов: Определение темы, цели, задачи; Проектирование структуры сайта: разделы и связи между ними; Разработка дизайна сайта(стиль оформления страниц); Подготовка материалов для сайта; Конструирование страниц сайта (создание HTML- кода); Публикация сайта в сети; Тестирование сайта.

Краткий конспект: HTMLHTML (Hyper Text Markup Language)- это язык разметки гипертекста. Используется для создания веб-страничек. HTML-документ.HTML-документ – это текстовый файл, содержащий код HTML. Теги Теги – это определенные последовательности символов, заключенные между знаками, задающие правила вывода на экран текстов, графиков, звука и т.д. Браузер – это программа для просмотра HTML – документов, страниц в Интернете. Гипертекст – документ, содержащий ссылки, передающие управление на другие фрагменты текста или другие документы, находящиеся как на данном компьютере, так и на любом компьютере, подключенному к Интернету.

Основные браузеры:

Общая структура HTML-документа:

Домашнее задание: 1,+ конспект урока.