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

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

Презентация на тему Разработка 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, например 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.1 - § 3.7.4