Введение в Web-mastering

Содержание
Основные понятия
Этапы разработки Web-сайта
Способы и средства создания Web-страниц

WWW (всемирная паутина) - совокупность взаимосвязанных гипермедийных документов
Основные понятия: World Wide Web

Основные понятия: Web-страница
Web-страница - документ WWW, содержащий:
форматированный текст
мультимедийные объекты
гиперссылки
активные компоненты

Основные понятия: Web-сайт
Web-сайт - группа Web-страниц, связанных единой темой, общим стилем оформления и взаимными гипертекстовыми ссылками
Домашняя страница - начальная (стартовая) страница какого-либо Web-сайта

Основные понятия: Web-сервер, браузер
Web-сервер - программа, позволяющая хранить и пересылать Web-страницы
Web-браузер - программа-клиент для просмотра Web-страниц и навигации в WWW
HTTP (HyperText Transfer Protocol, протокол передачи гипертекста)

Web-браузеры. Примеры
Microsoft Internet Explorer
(www.microsoft.com)
Netscape Navigator
(www.netscape.com)
Mozilla
Mozilla FireFox
(www.mozilla.org)
Opera
(www.opera.com)

Apache – команда добровольцев (www.apache.org)
IIS (Internet Information Server) –компания Microsoft
(www.microsoft.com)
Web-серверы. Примеры

Основные понятия: публикация
Публикация – размещение Web-сайта в WWW
Web-сервер
публикация

Основные понятия: HTML
HTML (HyperText Markup Language, язык гипертекстовой разметки) – язык создания Web-страниц

Структура
HTML-документа
Текст
+
Теги (управляющие конструкции)
<имя_тега>

Классификация тегов
Парный тег
фрагмент текста
Непарный тег

Структура HTML-документа
….
….
….
….

Свойства HTML
Регистронезависимость
Легкость в использовании
Интерпретируемость
Разное понимание различными браузерами

Основные этапы разработки Web-сайта
1. Проектирование Web-сайта
Цель создания и задачи, решаемые посредством сайта
Потенциальная аудитория
Информация на сайте, ее организация (структура)
Дизайн сайта и его элементов

Основные этапы разработки Web-сайта
2. Создание Web-сайта
Создание отдельных Web-страниц
Установка связей между Web-страницами (создание гиперссылок)
3. Тестирование
4. Публикация

Логическая структура Web-сайта
Логическая структура - информационная организация сайта
Разбиение материла на логические разделы со спроектированными связями между ними

Графическое представление логической структуры Web-сайта

Web-страница с точки зрения файловой структуры
Web-страница – группа файлов:
HTML-документ (.htm, .html)
+
Файлы мультимедиа
Активные компоненты

Физическая структура Web-сайта
Физическая структура - способ размещения файлов по папкам
Для хранения файлов сайта создается отдельная папка
В именах всех файлов и папок используются только строчные латинские буквы
Домашняя страница сайта должна носить имя index.htm (.html)

Физическая
структура сайта
site
index.htm

Физическая
структура сайта

Способы создания
Web-страниц
HTML
Редакторы визуального проектирования Web-страниц

Средства создания
Web-страниц
Простейшие текстовые редакторы
Блокнот, Far Editor, Norton Editor

Средства создания
Web-страниц
Специализированные HTML-редакторы
Macromedia Homesite +, Hotdog Professional, Coffee Cup HTML Editor ++

Средства создания
Web-страниц
Редакторы визуального проектирования
Microsoft Office

Редакторы визуального проектирования
Microsoft FrontPage
2000
XP
2003
Microsoft Visual Studio 2005
Microsoft Visual Web Developer 2005
Microsoft Office SharePoint Designer 2007
Microsoft Expression Web Designer

Редакторы визуального проектирования
Macromedia Dreamweaver
4
MX
MX 2004
8
Adobe Dreamweaver
CS3