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

Содержание

Слайд 2

Большинство информационных ресурсов сети Интернет представлено в виде веб-страниц, которые объединяются в

Большинство информационных ресурсов сети Интернет представлено в виде веб-страниц, которые объединяются в
веб-сайты.
Веб(web)-сайт – это набор страниц , посвященных определенной тематике и связанных между собой гиперссылками.

Слайд 3

Анализ и проектирование сайта
Информационное наполнение сайта
Визуальная составляющая сайта
Написание кода
Тестирование
Публикация
Поддержка

Этапы разработки веб-сайтов :

Анализ и проектирование сайта Информационное наполнение сайта Визуальная составляющая сайта Написание кода

Слайд 4

Способы разработки веб-сайта :

Ручной

С помощью языка разметки HTML

C использованием конструктора

С помощью специальных

Способы разработки веб-сайта : Ручной С помощью языка разметки HTML C использованием
программ

С помощью online-сервисов

Слайд 5

На веб-страницах находится информация : текстовая, графическая, звуковая, видео. Для того, чтобы

На веб-страницах находится информация : текстовая, графическая, звуковая, видео. Для того, чтобы
создать веб-страницу , нужно написать программу на языке HTML.
Cлово “HTML” представляет собой сокращение от “HyperText Markup Language” – “язык разметки гипертекста”. Основным понятием языка HTML является понятие тег.
ТЕГ – инструкция браузеру, указывающая способ отображения информации заключенный в угловые скобки <>.

Слайд 6

Тег

Тег

Одиночные

Парные

Пример :

Пример :

Тег Тег Одиночные Парные Пример : Пример :

Слайд 7

Структура веб-сайта
Главная

Раздел 1

Раздел 2

Раздел N

Категория 1

Категория 2

Категория N

веб-сайты

Структура веб-сайта Главная Раздел 1 Раздел 2 Раздел N Категория 1 Категория 2 Категория N веб-сайты

Слайд 8

Виды сайтов

Статические – вид сайтов, страницы которых отображаются браузером пользователя в том

Виды сайтов Статические – вид сайтов, страницы которых отображаются браузером пользователя в
виде, в каком были созданы и размещены на веб-сервере.
Динамические – сайты, страницы которых генерируются по запросу пользователя – информация на них загружается серверными программами из баз данных. Такие базы данных обычно содержат информацию , которая требует постоянного обновления. (Пример : интернет магазин пополняется сведениями о новых товарах и изменяющихся ценах).

Слайд 9

Для создания веб-страниц используются :

Язык разметки гипертекстовых документов “HTML” (HyperText Markup Language);
Язык

Для создания веб-страниц используются : Язык разметки гипертекстовых документов “HTML” (HyperText Markup
сценариев Java Script;
Язык PHP (HyperText Preprocessor – препроцессор гипертекста );
PERL (Practical Extraction and Report Language – практический язык для извлечения данных и составления отчетов );
CSS

Слайд 10

Широкое применение получил язык сценариев Java Script. Написанные на нем конструкции, или

Широкое применение получил язык сценариев Java Script. Написанные на нем конструкции, или
скрипты, вставляются непосредственно на веб-страницы и интерпретируются браузером. Они используются для создания отдельных, как правило, интерактивных элементов веб-страниц, например динамических меню, часов, календарей, форм запросов, счетчиков посещении страниц, систем голосования и т. п.

Слайд 11

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

Текстовые редакторы:
Web-редакторы :
Онлайн сервисы:

Notepad
HotDog
Adobe HomeSite

Microsoft FrontPage
Adobe Dreamweaver

WIX
uCOZ

Инструменты для создания веб-сайтов Текстовые редакторы: Web-редакторы : Онлайн сервисы: Notepad HotDog

Слайд 12

HTML код в блокноте

HTML код в блокноте