Разработка Web-сайтов. Термин гипертекст был введен Тедом Нельсоном в 1965 г. для описания документов, которые выражают нелинейную структуру идей, в противоположность. - презентация

1 Разработка Web-сайтов

2 Термин гипертекст был введен Тедом Нельсоном в 1965 г. для описания документов, которые выражают нелинейную структуру идей, в противоположность линейной структуре традиционных книг, фильмов и речи.

3 Гипертекстовая система - это Электронный справочник, в котором хорошо реализована система навигации и поиска. Электронный учебник, в котором используются гиперссылки, опирающие на способности человеческого мышления к связыванию информации.

4 Основа гипертекстовой системы гипертекстовый язык HTML( Hyper Text Markup Language). Web страница представляет собой текстовый файл на языке HTML формата *.htm или *.html, размещенный в World Wide Web (WWW).

5 Web-страница Кроме текста может содержать гипертекстовые ссылки, при помощи которых можно переходить к другим Web- страницам и просматривать их. Может содержать вставки в виде графики, анимации, видеоклиппов и музыки. Для просмотра Web-страниц используют просмотрщик или браузер.

6 Язык HTML позволяет: Создавать и редактировать Web-страницы; Редактировать документы HTML, полученные из Интернета, так чтобы функционировали все внедренные в документ объекты (картинки, анимации и т.д.); Создавать мультимедийные презентации, слайд-шоу, демонстрационные проекты, благодаря гипертекстовым ссылкам

7 Три основных способа создания Web-страниц: 1) Использование текстового редактора Блокнот. 2) Использование специальных редакторов документов HTML, например Macromedia Dreamview, HTMLPad и др. 3) Использование редактора MS Word, где создается текст документа, который затем конвертируется в HTML-формат.

8 Структура Web-страницы HTML-тэги – управляющие символы, которые определяют вид Web-страницы при просмотре в браузере. Парные тэги (контейнер) - открывающий - закрывающий

9 Пример простого HTML кода ЗАГОЛОВОК ОСНОВНОЙ БЛОК Начало страницы Нач. заголовка стр. Нач. названия стр. ЗАГОЛОВОК Кон. названия стр. Кон. заголовка стр. Нач. содержимого стр. ОСНОВНОЙ БЛОК Нач. содержимого стр. Конец страницы

10

11 Среда Web-разработки Quanta Plus

12 Практическая работа 3.8 Создаем главную страницу Quanta Plus

13 Продолжаем создавать главную страницу

14 Среда Web-разработки Quanta Plus

15 Среда Web-разработки Quanta Plus

16 Создать три пустые страницы

17 Домашнее задание § § 3.7.4