1.83M
Category: internetinternet

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

1.

Технологии создания
сайта
Коммуникационные технологии

2.

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

3.

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

4.

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

5.

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

6.

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

7.

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

8.

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

9.

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

10.

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

11.

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

12.

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

13.

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

14.

Структура html-документа
<!DOCTYPE html>
<html>
<head>
заголовок страницы
</head>
<body>
тело страницы
</body>
</html>

15.

Создание простой веб-страницы
Теги:
<!DOCTYPE тип документа>
<html>код страницы</html>
<head>заголовок</head>
<title>название страницы</title>
<body>тело страницы</body>
<p>абзац</p>
<b>жирный шрифт</b>
<i>курсив</i>
<u>подчеркнутый текст</u>
<img> - вставка изображения
Атрибуты:
<img src=“адрес и название
изображения”>

16.

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

17.

Мы научились
Создавать простые веб-страницы при помощи языка HTML в текстовом
редакторе «Блокнот».
English     Русский Rules