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

Содержание

Слайд 2

Термин гипертекст

был введен Тедом Нельсоном в 1965 г. для описания документов,

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

Слайд 3

Гипертекстовая система - это

Электронный справочник, в котором хорошо реализована система навигации и

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

Слайд 4

Основа гипертекстовой системы

гипертекстовый язык HTML( Hyper Text Markup Language).
Web страница

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

Слайд 5

Web-страница

Кроме текста может содержать гипертекстовые ссылки, при помощи которых можно переходить к

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

Слайд 6

Язык HTML позволяет:

Создавать и редактировать Web-страницы;
Редактировать документы HTML, полученные

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

Слайд 7

Три основных способа создания Web-страниц:

1) Использование текстового редактора Блокнот.
2) Использование специальных редакторов

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

Слайд 8

Структура Web-страницы

HTML-тэги – управляющие символы, которые определяют вид Web-страницы при просмотре в

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

Парные тэги (контейнер)
<тег> - открывающий
- закрывающий

Слайд 9

Пример простого HTML кода



<br>ЗАГОЛОВОК<br>


ОСНОВНОЙ БЛОК


Начало страницы
Нач. заголовка стр.
Нач. названия стр.
ЗАГОЛОВОК
Кон. названия стр.
Кон.

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

Слайд 11

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

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

Слайд 12

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

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

Слайд 13

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

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

Слайд 14

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

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

Слайд 15

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

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

Слайд 16

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

Создать три пустые страницы
Имя файла: Разработка-Web-сайтов.pptx
Количество просмотров: 220
Количество скачиваний: 0