Создание и продвижение сайта 1 урок презентация

Содержание

ДАРЬЯ ВОВКОДАВ ДЕЙСТВУЮЩИЙ ВЕБ-РАЗРАБОТЧИК, РУКОВОДИТЕЛЬ ВЕБ-СТУДИИ КТО ГОВОРИТ?

Слайд 1СОЗДАНИЕ И ПРОДВИЖЕНИЕ САЙТА
УРОВЕНЬ: С НУЛЯ
КОЛИЧЕСТВО ЗАНЯТИЙ: 5
РЕЗУЛЬТАТ: ПРОСТАЯ СТРАНИЦА


Слайд 2ДАРЬЯ ВОВКОДАВ
ДЕЙСТВУЮЩИЙ ВЕБ-РАЗРАБОТЧИК,
РУКОВОДИТЕЛЬ ВЕБ-СТУДИИ
КТО ГОВОРИТ?


Слайд 3 СЕТЬ ИНТЕРНЕТ САЙТЫ ОТ ОПРЕДЕЛЕНИЯ ДО СОЗДАНИЯ ВЕБ-ТЕХНОЛОГИИ
ИНСТРУМЕНТЫ ВЕБ-РАЗРАБОТКИ
О ЧЕМ БУДЕМ ГОВОРИТЬ?


Слайд 4ТИПЫ САЙТОВ
ОДНОСТРАНИЧНЫЙ (LANDING PAGE)
ВИЗИТКА
КОРПОРАТИВНЫЕ САЙТЫ
ПОРТАЛЫ
ИНТЕРНЕТ-МАГАЗИНЫ
СОЦИАЛЬНЫЕ

СЕТИ

Слайд 5Динамические сайты
Статические сайты


Слайд 6HTML + CSS + JS


Слайд 7PHP + MYSQL


Слайд 8ЭТАПЫ СОЗДАНИЯ САЙТОВ
СТРУКТУРА САЙТА
ДИЗАЙН САЙТА
ВЕРСТКА, НАПОЛНЕНИЕ, РЕДАКТИРОВАНИЕ
РАЗМЕЩЕНИЕ САЙТА
ПРОДВИЖЕНИЕ


Слайд 9СТРУКТУРА САЙТА
https://gomockingbird.com
https://www.gliffy.com/go
https://cacoo.com/diagrams/


Слайд 11ДИЗАЙН


Слайд 12ВЕРСТКА И НАПОЛНЕНИЕ
HTML + CSS + JS
FRONTEND И BACKEND


Слайд 13ПРОГРАММИРОВАНИЕ
СЕРВЕРНЫЕ ЯЗЫКИ ПРОГРАММИРОВАНИЯ
BACKEND


Слайд 14СПОСОБЫ СОЗДАНИЯ САЙТОВ
CMS, КОНСТРУКТОРЫ?
Рукописный - каждый файл своими руками
CMS - готовый

набор файлов
конструкторы


Слайд 15РАЗМЕЩЕНИЕ


Слайд 16РАЗМЕЩЕНИЕ САЙТА
СЕРВЕР
ДОМЕН
ХОСТИНГ


Слайд 17АДРЕСА САЙТА:
ip-адрес:
123.67.90.6
Домен:
dvschool.ru
DNS сервер


Слайд 18БРАУЗЕРЫ


Слайд 19КЛИЕНТ


Слайд 20КТО ЗА ЭТО ОТВЕЧАЕТ?
ЗАКАЗЧИК

Менеджер проекта



Дизайнер
Верстальщик
Программист



Аналитик
Контент
SEO

Сис. Админ


Слайд 21ИНСТРУМЕНТЫ
ВЕРСТАЛЬЩИК ПРОГРАММИСТ ДИЗАЙНЕР


1. БРАУЗЕР
2. ИНСПЕКТОР КОДА
3. ТЕКСТОВЫЙ

РЕДАКТОР / СРЕДА РАЗРАБОТКИ
4. ЛОКАЛЬНЫЙ СЕРВЕР
5. ГРАФИЧЕСКИЙ РЕДАКТОР

Слайд 22ИНСТРУМЕНТЫ
ВЕРСТАЛЬЩИК ПРОГРАММИСТ ДИЗАЙНЕР


1. БРАУЗЕР CHROME, FIREFOX MOZILLA,

EDGE
2. ИНСПЕКТОР КОДА ВСТРОЕН В БРАУЗЕР
3. ТЕКСТОВЫЙ РЕДАКТОР / СРЕДА РАЗРАБОТКИ SUBLIME, NOTEPAD++
4. ЛОКАЛЬНЫЙ СЕРВЕР
5. ГРАФИЧЕСКИЙ РЕДАКТОР GIMP, PHOTOSHOP

Слайд 23ИНСТРУМЕНТЫ
Онлайн редакторы:
http://jsbin.com/
http://www.koding.com/
http://www.landofcode.com/online-code-editor.php
http://htmledit.squarefree.com/
https://www.dirtymarkup.com/
ТЕКСТОВЫЙ РЕДАКТОР:
NOTEPAD++ HTTPS://NOTEPAD-PLUS-PLUS.ORG/DOWNLOAD/V7.5.6.HTML
SUBLIME HTTPS://WWW.SUBLIMETEXT.COM/3


Слайд 24УСТАНОВКА ТЕКCТОВОГО РЕДАКТОРА
ДОМАШНЕЕ ЗАДАНИЕ
СПАСИБО ЗА ВНИМАНИЕ!


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика