Введение в Web-мастеринг Содержание Основные понятия n

Введение в Web-мастеринг

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

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

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

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

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

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

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

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

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

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

Классификация тегов Парный тег <Teг> фрагмент текста </Тег> Открывающий тег n Закрывающий тег Непарный тег <Teг> n 12

Структура HTML-документа <html> <head> …. Служебная часть …. </head> <body> Содержательная часть …. …. </body> </html> 13

14

15

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

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

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

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

Графическое представление логической структуры Web-сайта Домашняя страница Новости Администрация Факультеты Физический Абитуриенту Математический 20

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

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

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

Физическая структура сайта site index. html rus eng images video other 24

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

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

27

имя + расширение 28

29

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

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

Редакторы визуального проектирования Microsoft Front. Page n 2000 n XP n 2003 n Microsoft Visual Studio 2005 n Microsoft Office Share. Point Designer 2007 Microsoft Expression Web Designer n – Microsoft Visual Web Developer 2005 32

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