Создание веб-сайта «Цветочное мыло»

1.

Муниципальное автономное общеобразовательное учреждение средняя
общеобразовательная школа №30
Итоговый индивидуальный проект
(Практико-ориентированный)
Тема: «Создание веб-сайта «Цветочное мыло»
Автор: Шипова Анна
Сергеевна,
учащаяся 9В класс
Руководитель: Казаченок
Анна Александровна,
учитель английского языка

2.

Актуальность проекта

3.

Цель работы: создание персонального веб-сайта
через платформу «Figma» и онлайн шаблона.
Объект: проектная деятельность по созданию сайта
Предмет: создание веб-сайта
Гипотеза: персональный сайт - это замечательная
возможность декларировать о себе и о своём деле

4.

Всемирная паутина
Первый в мире сайт был
запущен в августе 1991 года.
Его разработал создатель
Всемирной паутины,
британский изобретатель и
ученый Тимоти Джон
Бернерс-Ли.
HTTP
HTML
URI/URL
Тимоти Джон Бернерс-Ли

5.

Что такое сайт?
Сайт (от англ. website: web —
«паутина, сеть») – это
информационная единица в
интернете, ресурс из вебстраниц (документов), которые
объединены общей темой и
связаны между собой с
помощью ссылок В конечном
итоге пользователь видит
загруженную страницу сайта.

6.

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

7.

Внешняя структура интернет-сайта
хедер, шапка;
сайдбар;
центральный блок;
подвал (футер).

8.

Внутренняя структура интернет-сайта
линейная;
линейная с ответвлениями;
блочная;
древовидная.

9.

Основные страницы
главная;
контакты;
доставка;
оплата;
вопрос-ответ;
о компании;
отзывы, комментарии, обратная связь.

10.

Компоненты, которые включает в себя
веб-ресурс
сервер сайта;
хостинг сайта;
домен;
ICANN;
CMS.

11.

Виды сайтов по типу контента
Информационный
Коммерческий
Некоммерческий

12.

Виды сайтов
лендинг;
корпоративный сайт;
промо сайт;
поисковики;
блог.

13.

Стиль и оформление сайта
Классический. Простой, лаконичный
и аккуратный. Именно этими словами
можно описать данный стиль в вебдизайне.
Метро (карточный); Упорядоченный,
удобный и ясный. Данный стиль
построен на основе использования
интерактивных карточек, которые
содержат изображения, контент и
различные гиперссылки.
Рисованный. Оригинальный, необычный
и эксклюзивный. Главной отличительной
чертой данного стиля является создание
эффекта страницы в блокноте с
набросками от руки.
Гранж. Неординарный, экстравагантный,
стильный. Как правило, сайты, построенные
с применением данного стиля яркие,
кричащие и зачастую бунтарские.

14.

Психология цвета
Понятие «теория цвета»
широко используется в
научных кругах и литературе
с XIX века. Цветовой спектр,
из которого традиционно
выделяют семь цветов.

15.

Создания веб-сайта «Цветочное мыло»
Платформа: наиболее простая
платформа для новичка в
создании сайта – «Figma».
Вид сайта: лендинг
Идея
Небольшой одностраничный вебсайт, на котором можно заказать
необычный, творческий, сделанные
своими руками цветы из мыла.
Ключевые дизайнерские решения:
стиль сайта – Метро (карточный);
цвета: фиолетовый, лаванда,
пурпурно розовый, нежноперсиковый, розовая сахарная
вата, сиреневый;
элементы геометрических фигур
и четкие границы.
Ключевые функции:
разнообразный ассортимент,
которую можно разделить на
категории или отсортировать по
размеру, цене, акциям и цвету на
любой вкус;
отзывы от реальных клиентов;
более подробная информация о
качестве/мастере/история
создания мыловарения.

16.

Этап 1

17.

Этап 2

18.

Этап 3

19.

Этап 4

20.

Этап 5

21.

Этап 6

22.

Этап 7

23.

Этап 8

24.

Этап 9

25.

Этап 10

26.

Этап 11
Вы можете посмотреть сайт, перейдя по ссылке:
http://natali.flowers.22554534.tilda.ws/

27.

Заключение