Презентация на тему "Разработка Web-сайтов"

Содержание

• 
  Слайд 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, например MacromediaDreamview, 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.1 - § 3.7.4