Технологии создания сайта презентация

Компьютерные сети
Компьютерные сети
Локальные
Глобальные

Интернет
Интернет — это глобальная система компьютерных сетей, предназначенная для хранения и передачи информации по всему миру.

IP-адрес и DNS
1
1
0
0
0
0
0
0
0
0
1
1
0
0
1
0
1
1
0
1
0
1
0
1
0
0
0
1
0
0
1
0
1
1
0
0
0
0
0
0
0
0
1
1
0
0
1
0
1
1
0
1
0
1
0
1
0
0
0
1
0
0
1
0
IP-адрес:
192
50
213
18
.
.
.
DNS
noname.spb.ru
Домен 1-го
уровня
Домен 2-го
уровня
Домен 3-го
уровня

Вопросы к изучению:
Эволюция сайтов.
Технологии создания сайтов.
Язык разметки гипертекста HTML.
1
2
3

Эволюция сайтов
Цель создания сайтов: сделать информацию доступной для пользователей.
Простые сайты
Информация меняется редко или не меняется вовсе.
Содержимое веб-страниц:
целевая информация страницы;
ссылки.

Эволюция сайтов
Цель создания сайтов: сделать информацию доступной для пользователей.
Сложные сайты
Взаимодействуют с пользователями.
Веб-страницы:
имеют интерактивную структуру;
содержат динамичную анимацию.
Имеют сложную структуру.

Технологии, применяемые для создания сайтов
Язык разметки гипертекста HTML
(сокращенно от HyperText Markup Language)
MySite
Для создания современных сайтов используется множество различных технологий, рассмотрим основные. Начнем с каскадных таблиц стилей, или CSS, их использование расширяет возможности оформления отдельных элементов сайта. А так же упрощает работу со стилями. Теперь информация об оформлении различных элементов веб-страниц хранится в отдельных файлах и не загромождает исходный код страницы на HTML.
Современные технологии, применяемые при создании сайтов:
Каскадные таблицы стилей (CSS)
MySite
Для создания современных сайтов используется множество различных технологий, рассмотрим основные. Начнем с каскадных таблиц стилей, или CSS, их использование расширяет возможности оформления отдельных элементов сайта. А так же упрощает работу со стилями. Теперь информация об оформлении различных элементов веб-страниц хранится в отдельных файлах и не загромождает исходный код страницы на HTML.
JavaScript
Базы данных
(MySQL)
Login:
Password:
*********
NoName
Языки программирования
(php)

Инструменты создания сайтов
HTML-редакторы:
Adobe DreamWeaver
Microsoft FrontPage

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

UCOZ
Wix.com
Инструменты создания сайтов
Онлайн-конструкторы:

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

Язык разметки гипертекста HTML
В языке HTML указания для разметки задаются тегами и атрибутами.
Одиночный тег:
<тег>
Парные теги:
<тег>
Абзац текста:
…
Атрибуты – это параметры тегов.
Пример:
src=“…”
width=“…”
heigh=“…”
Теги – это указания для разметки страницы и её отображения.

Структура html-документа
заголовок страницы
тело страницы

Создание простой веб-страницы
Теги:
код страницы
заголовок
название страницы
тело страницы
абзац
жирный шрифт
курсив
подчеркнутый текст
- вставка изображения
Атрибуты:

Важно запомнить
Основные технологии создания сайтов:
визуальные редакторы;
некоторые офисные программы;
онлайн-конструкторы;
текстовые редакторы, с помощью языка разметки гипертекста html.
Технологии, применяемые для создания сайтов:
язык разметки гипертекста html;
каскадные таблицы стилей (CSS);
сценарные языки программирования (JavaScript);
базы данных (mySQL);
языки программирования (php).