Front

1.

FrontEnd
разработчик

2.

Как устроен
интернет?
ИНТЕРНЕТ
является основой WEB, технической
инфраструктурой, благодаря которой и
существует Всемирная Паутина
Проект по созданию интернета был начат в
60 х годах как иследовательский проект
при поддержке министерства обороны
США, но уже в 80-е годы вырос в сеть,
которую поддерживали и развивали
множество университетов и частных
компаний

3.

Виды сайтов
ЛЕНДИНГ
Краткая, четкая и самая важная
информация о Вас, Вашей сфере
деятельности, интересах
ПО ХАРАКТЕРИСТИКАМ
КОРПОРАТИВНЫЙ САЙТ
помогаю формировать позитивный имидж
компании, привлекают новых клиентов

4.

Виды сайтов
ПО ХАРАКТЕРИСТИКАМ
ПРОМО-САЙТ
САЙТ ВИТРИНА
рекламная компания отдельного товара
или услуги (мероприятия...)
каталог продукции, организованный таким
образом, чтобы клиент сделал как можно
меньше кликов при поиске нужного товара.
Главное назначение сайта-витрины
продавать

5.

Виды сайтов
ИНТЕРНЕТ МАГАЗИН
с помощью интернет магазина клиент
может еще и сделать заказ, выбрать
вариант расчета, способ получения заказа и
получить счет на оплату
ПО ХАРАКТЕРИСТИКАМ

6.

Виды сайтов
ПО СЛОЖНОСТИ
Статичным называют сайт с набором
постоянных, неизменяемых страниц.
Изменения могут осуществляться
только специалистом в вебтехнологиях. Такие сайты быстро
загружаются, могут просматриваться в
браузере, имеют минимальные
ьребования к веб-серверу

7.

Виды сайтов
ПО СЛОЖНОСТИ
Динамичный сайт для
функционирования использует
систему СMS (система управления
содержанием) Позволяет обновлять
информацию, публиковать и менять ее
без привлечения специалистов

8.

ПРОЦЕСС
РАЗРАБОТКИ
САЙТА

9.

ОСНОВНЫЕ ЭТАПЫ
СОЗДАНИЯ САЙТА
Определение целей веб-сайта и его позиционирование
Создание Технического Задания (ТЗ) на разработку веб-сайта
Прототипирование и создание дизайн-макета
Верстка сайта
Программирование сайта
Наполнение сайта информацией
Расположение сайта в сети Интернет
Тестирование сайта

10.

ЧТО ТАКОЕ
HTML И CSS

11.

HTML
Язык гипертекстовой разметки (Hypertext
Markup Language, HTML) - это код,
который Вы используете для
структуирования веб-содержимого и
придания ему смысла и цели

12.

CSS
Каскадные таблицы стилей (Cascading
Stylesheets, CSS) - это код, который вы
используете для стилизации своего вебсайта

13.

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

14.

КАКИЕ ИНСТРУМЕНТЫ
ИСПОЛЬЗУЕТ ВЕРСТАЛЬЩИК
Текстовый редактор, чтобы писать код, Например, Sublime, WebStorm, Visual Studio Code
Веб браузеры для тестирования кода. В настоящее время наиболее часто используемые
браузеры это Firefox, Chrome, Safari, и Edge(Internet Explorer)
Графический редактор чтобы создать изображения для Ваших веб страниц
Система контроля версий, чтобы сотрудничать над проектом с командой, делится кодом и
избегать редакционных конфликтов
FRP программа, чтобы загружать веб страницы не сервер для публичного просмотра
(Cyberduck, Fetch, FileZila)
Шаблоны, библиотеки, фреймворки и т.д. чтобы ускорить написание общей
функциональности

15.

Наш сайт
www.cyberscience.uz
ЕСТЬ ВОПРОСЫ?
Телефон
+998 99 028 89 88