Инструменты для разработки веб-сайтов

Интернет

Службы интернета

Службы интернета

Информационные

Коммуникационные

Всемирная паутина – это сеть документов, которые связаны между собой гиперссылками.
Гипертекст

Принцип работы Всемирной паутины

HTTP (HyperText Transfer protocol) — протокол передачи гипертекста.

Запрос

Клиент

Веб-сервер

Веб-сайт — это система связанных между собой веб-страниц, которые принадлежат одной

Создание сайтов

Язык разметки гипертекста.

Визуальные html-редакторы.

Вопросы к изучению:

1

2

Прикладные технологии, применяемые при создании сайтов.

3

Создание сайта

Язык разметки гипертекста

HyperText Markup Language

(HTML)

Теги

Одиночные
— переход на
следующую строку

Парные

абзац текста

Атрибуты

Теги – блоки, оформленные определенным образом.
Атрибуты – дополнительные указания к оформлению

Структура html-документа

Размещаемая информация и

Инструменты создания сайтов

???

Html-редакторы

Html-редакторы

Визуальные
html-редакторы

Редакторы исходного кода

Редакторы исходного кода

Преимущества:
имеют дополнительную функциональность;
предлагают для использования некоторые шаблоны кода;
многозадачность.

Распространенные редакторы

Визуальные html-редакторы

WYSIWYG-редакторы

What You See Is What You Get

– что видишь, то

Принцип работы визуальных html-редакторов

MySite

Принцип работы визуальных html-редакторов

MySite

Недостатки визуальных
html-редакторов:
нерациональная генерация
html-кода;
большой объем веб-страниц;
низкая

Визуальный html-редактор
Описание:
коммерческий продукт;
имеет достаточный
функционал для опытных
веб-разработчиков;
доступен для начинающих
пользователей

Microsoft SharePoint Designer
Описание:
бесплатная программа;
сложен, рассчитан на
опытных веб-разработчиков;
подходит для разработки
больших

Web Page Maker
Описание:
коммерческий продукт;
прост в использовании;
имеется большое количество
готовых шаблонов;
имеется встроенный

Nvu
Описание:
бесплатная программа с
открытым кодом;
поддержка прекращена;
имеются версии для различных
операционных систем;
прост

Kompozer
Описание:
бесплатная программа с
открытым кодом;
рациональная генерация
html-кода;
прост в использовании;
имеется достаточная
функциональность

Технологии, применяемые вместе с Html:

NoName.ru

Время — форма протекания физических и психических процессов,