6.17M
Категория: ИнтернетИнтернет

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

1.

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

2.

Интернет

3.

Службы интернета
Информационные
Службы
интернета
Коммуникационные

4.

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

5.

Принцип работы Всемирной паутины
HTTP (HyperText Transfer protocol) — протокол передачи гипертекста.
Запрос
Клиент
Веб-сервер

6.

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

7.

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

8.

Вопросы к изучению:
1
Язык разметки
гипертекста.
2
Визуальные htmlредакторы.
3
Прикладные
технологии,
применяемые при
создании сайтов.

9.

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

10.

Язык разметки гипертекста
HyperText Markup Language (HTML)
Парные
<p>абзац текста</p>
Теги
Одиночные
<br> — переход на
следующую строку

11.

Атрибуты
Теги – блоки, оформленные определенным образом.
Атрибуты – дополнительные указания к оформлению блоков.
Примеры атрибутов:
<img src=“pic.png” height=“255” width=“377”
>

12.

Структура html-документа
<!DOCTYPE html> — указатель типа документа
<html>
<head>
<title> текстзаголовок
заголовка </title>
</head>
<body>
Размещаемая информация и
тело
данные о её разметке.
</body>
</html>

13.

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

14.

Html-редакторы
Редакторы исходного
кода
Html-редакторы
Визуальные
html-редакторы

15.

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

16.

Визуальные html-редакторы
WYSIWYG-редакторы
What You See Is What You Get – что видишь, то и получаешь.

17.

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

18.

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

19.

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

20.

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

21.

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

22.

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

23.

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

24.

Технологии, применяемые вместе с Html:
NoName.ru
каскадные таблицы стилей, CSS;
сценарные языки
программирования, JavaScript;
базы данных, MySQL;
языки программирования, php.
Время — форма протекания физических и
психических процессов, условие возможности
изменения. Одно из основных
понятий философии
и физики,мера длительности существования
всех объектов, характеристика
последовательной смены их состояний в
процессах изменения и развития, а также
одна из координат единого пространствавремени, представления о котором
развиваются в теории относительности.

25.

Инструменты для разработки веб-сайтов
Веб-сайт
система веб-страниц, которые рассматриваются как одно целое.
Язык разметки гипертекста (Html)
основной инструмент разработки веб-сайтов.
Html-редакторы
программы, облегчающие процесс создания веб-сайтов.
Редакторы исходного кода
облегчают процесс написания исходного кода с помощью
дополнительной функциональности.
Визуальные html-редакторы
автоматически генерируют код на языке разметки гипертекста
для элементов веб-страницы, заданных пользователем.
English     Русский Правила