Понятие о веб-конструировании

0

No comments posted yet

Comments

Slide 1

Понятие о web-конструировании

Slide 2

Большинство информационных ресурсов сети Интернет представлено в виде веб-страниц, которые объединяются в веб-сайты. Для создания веб-страниц используется язык разметки гипертекстовых доку­ментов HTML (HyperText Markup Language). В качестве инструментов веб-конструирования могут использоваться офис­ные программы, например входящие в состав Microsoft Office (Word, PowerPoint), которые не являются специальными средствами| разработки веб-страниц. Лучших результатов можно достичь, используя специальные программы — веб-редакторы, например Microsoft FrontPage.

Slide 3

Две основные группы методов и соответствующих инструментов разработки веб-сайтов: визуальные и ручные (программные).

Slide 4

Они позволяют производить все работы по созданию веб-страниц с высокой степенью автоматизации и не требуют знания языка разметки HTML. Они уменьшают трудоемкость и сроки разработки сайта. Суть визуальных методов отражена в принципе WYSIWYG (от англ. What you see is what you get — Что видишь, то и получаешь). Microsoft FrontPage, Adobe (Macromedia) Dreamweaver, NamoWebEditor и др. Визуальные методы

Slide 5

Для конструирования и сопровождения веб-сайтов ис­пользуются системы управления их содержимым (контентом) — CMS (Content Management System), которые предоставляются специальными платными или бесплатными службами. Системы CMS представляют собой своего рода конструкторы. Они позволяют создавать сайт в режиме непо­средственного подключения к сети, или онлайн (online), и сопровождать его в дальнейшем. При создании структуры сайта и разработке навигации по нему в системе CMS также не требуется знаний языка HTML. Из бесплатных систем CMS наиболее популярны Joomla! (http://joomla.ru/) и Drupal (http://www.drupal.ru).

Slide 6

Трудно создать хороший сайт, не зная основ языка разметки HTML. Для работы с HTML-кодом могут использоваться специальные инструменты раз­работки, позволяющие набирать команды HTML вручную, например редакторы HotDog, Adobe HomeSite и др. Эти инструменты облегчают ввод и редактирова­ние кода. Однако, вводить основные команды (теги) языка HTML можно даже в простейшем текстовом редакторе Блокнот, а просматривать результаты работы можно с помощью браузера. Ручные методы

Slide 7

Статичность Динамичность Интерактивность Важны для сайта

Slide 8

1. Проектирование структуры сайта; 2. Определение разделов и связей между страницами; 3. Разработка дизайна сайта, т. е. стиля оформления страниц; 4. Подготовка материалов (текстов и графики) для размещения на веб-страницах; 5. Конструирование страниц сайта (создание HTML-кода); 6. Размещение в сети (публикация) и тестирование сайта. Основные этапы разработки веб-сайтов

Slide 9

Разработка сайта с помощью Microsoft Word

Slide 10

Схема сайта

Slide 11

Вид главной страницы

Slide 12

Схема следующих страниц

Slide 13

Вид следующих страниц

URL: