11 класс. №023. Представление о веб-конструировании. Основы языка гипер-текстовой разметки HTML - презентация

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

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

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

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

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

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

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

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

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

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

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

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