Средства разработки Web-страниц и их реализация

1.

Итоговый проект на тему : “Средства
разработки Web-страниц и их
Реализация”
Шишкин Георигй 10б
Руководитель:
Пантюхина Маргарита
Анатольевна

2.

Цель - Получение необходимых знаний для разработки сайта, загрузка сайта на
хостинг.
Задачи 1. Изучить теоретический материал по теме.
2. Выбрать среду создания сайта, основываясь на плюсах и минусах различных сред.
3. Найти подходящий дизайн для сайта.
4. Сверстать сайт с использованием html и css.
5. Добавить логику при помощи JavaScript.
6.Гипотеза
Настройка
загрузка сайта на
домен. для удобного пользования Глобальной сетью
- иСовременному
человеку
необходимо понимание базового устройства сайтов и знания языка разметки
гипертекста.
Актуальность - Каждый день миллиарды людей взаимодействуют с обществом
посредством глобальной сети Интернет. Необходимость людей в взаимодействие с
окружающей средой порождает востребованность в создании более удобных и
функциональных средств общения и передачи информации.

3.

Понятие определений Front-end и Back-end разработки

4.

Общие сведения о сайтах

5.

Понятие “Сайт”

6.

Понятия домен и хостинг

7.

Типы Сайтов
Корпоративный сайт
Сайт визитка
Интернет - магазин
Веб - сервис
Поисковики
Видеохостинг

8.

Способы создания сайтов
1. Создание сайта с
помощью Конструктора
сайтов.
2. Создание сайта в
ручную.

9.

Создание сайта с помощью Конструктора сайтов

10.

Преимущества конструкторов сайтов
Отсутствие необходимости в знании языков
программирования. Для создания ресурса при
помощи сторонних сервисов необходимо лишь
выбрать их тип и стиль, не думая над его
реализацией, так-как конструктор все остальное
сделает сам.
Необязательное знание графических редакторов.
Так как работа идет непосредственно в
конструкторе, умение в работе с макетом
отсутствует.

11.

Написание сайта самостоятельно, при
помощи программирования

12.

Преимущества самостоятельного создания
Полный контроль создания. Возможность
создания сайта полностью под своё
представление
Дешевизна, вплоть до бесплатного
производства
Возможность заработка на создании сайтов
Качественная защита от DDos атак
Выбор собственного хоста и индивидуальная
настройка

13.

Этапы создание сайта
Анализ и проектирование сайта
Информационное наполнение
Визуальная составляющая сайта.
Написание кода.
Тестирование.
Публикация.
Реклама сайта.
Поддержка (Обновление).

14.

Создание сайта при помощи программирования.
Найти или создать подходящий дизайн, соответствующий вашим ожиданиям.
Подобрать необходимые среды работы с дизайном и среды программирования для реализации
сайта
Написание HTML кода для создания “Каркаса сайта”
Подключения библиотек, Шрифтов и директорий, необходимых для полноценной работы сайта.
Добавление и написание CSS кода, для реализации дизайна, запланированного на этапе планировки.
Подключение Javascript для создания функционала сайта.
Адаптация сайта под мобильные устройства
Загрузка сайта на хостинг.
Отладка и проверка сайта на наличие ошибок или дефектов в дизайне или реализации.

15.

Результатом проделанной работы является
сайт
http://hisokatoshirama.pythonanywhere.com/

16.

Спасибо за Внимание