Создание сайта на языке HTML

1.

Создание сайта на языке HTML
Выполнен Максимом Чуйко под кураторством учителя информатики
КОГОБУ СШ г.Мураши

2.

Список тем
к обсуждению
В чём актуальность моего проекта?
Цель и задачи проекта
Что такое сайт в целом и по отдельности
Можно ли заработать на вёрстке сайтов?
Как я создавал свой собственный сайт
КОГОБУ СШ г.Мураши

3.

Актуальность проекта
Сегодня Интернет является неотъемлемой частью нашей
жизни. В сети мы посещаем много разных сайтов: интернетмагазины, социальные сети, новостные сайты и другие. С их
помощью мы общаемся, покупаем нужные вещи, не выходя из
дома, и просто полезную информацию.
Практически каждый из нас задумывался о том, как устроены
сайты, и многие хотели бы создать собственный сайт.
Существует много сервисов для этого. Для самостоятельного
создания нужно много знать: язык разметки, некоторые языки
программирования и стандарты. Также необходимо сделать
сайт удобным для любого пользователя, он должен
соответствовать современным стандартам веб-разработки и
исправно работать. Чтобы людям захотелось посетить его
снова, желательно, чтобы он выглядел эстетично. Поскольку
создание сайтов сегодня является очень актуальной темой, в
своем проекте я решил разобраться в устройстве сайтов и
создать свой.
КОГОБУ СШ г.Мураши

4.

Что будем делать?
Цель
Создание полностью
функционирующего
сайта для
строительной компании
(который в
последующем пойдет в
моё портфолио)
КОГОБУ СШ г.Мураши
Задачи
• Узнать, что такое сайт и его виды
• Разобраться, зачем, для кого нужен
сайт и кем они создаются
• Узнать, что потребуется, чтобы
создать свой сайт прямо сейчас без
каких-либо знаний в этой сфере
• Найти смысл в навыках по созданию
сайтов
• Показать созданный мною сайт

5.

Что такое сайт и его виды
Сайт – это одна или несколько логически связанных между собой веб-страниц; также
место расположения контента сервера. Обычно сайт в Интернете представляет
собой массив связанных данных, имеющий уникальный адрес и воспринимаемый
пользователями как единое целое.
Существует множество видов сайтов, но наиболее
часто используются именно эти:
• Лендинг (визитка)
• Корпоративный сайт
• Сервис
• Каталог
КОГОБУ СШ г.Мураши

6.

КОГОБУ СШ г.Мураши
Для каких целей
используются сайты?
• В первую очередь, сайт нужен для автоматизирования каких либо
процессов, которые Вы могли бы предложить, как услуги или как
поток какой-либо информации
• Также, это буквально лицо вашего бизнеса. Вы можете
предоставить всю необходимую информацию своим клиентам,
оставить свои контактные данные для быстрой связи, разместить
карту, на которой можно показать месторасположение Вашего
офлайн офиса, указать часы работы, тарифы на ваши услуги и
многое другое.
Кем создаются
сайты?
Над созданием сайта трудятся множество
специалистов, так как это очень кропотливый и
сложный процесс, где от любой маленькой ошибки
может кардинально изменится результат
Также, в этой сфере имеют своё место SEOспециалисты, которые продвигают Ваш сайт в
интернете, чтобы на него заходило больше людей
• веб дизайнер, который оформляет макет
будущего сайта
• программист - работает с
использованием языков программирования,
такими как PHP, Ruby, Python, HTML, CSS,
JavaScript и других
• верстальщик - непосредственно верстает
готовый сайт при помощи программного
кода

7.

Хотите создать свой сайт?
Вы можете сделать это
прямо сейчас!
Существует множество сервисов, с помощью которых начинающий веб-разработчик может научиться всем
тонкостям и навыкам в этом ремесле
Одним из самых удобных и популярных сервисов по мнению многих специалистов и меня в частности
является Figma
Figma – это онлайн-сервис для
разработки интерфейсов и
прототипирования с возможностью
организации совместной работы в
режиме реального времени. Сервис
доступен по подписке,
предусмотрен бесплатный
тарифный план для одного
пользователя. Имеются офлайнверсии для Windows, macOS.
КОГОБУ СШ г.Мураши

8.

Что мотивирует людей
становиться веб-разработчиками?
Деятельность веб-разработчика является очень творческой и
интересной, но довольно сложной
Какие плюсы этой работы?
востребованность на рынке труда
творческая работа, где каждая работа уникальна и для решения каких-либо задач существует
множество
способов, которыми требуется уметь пользоваться
возможность совмещения с основной деятельностью
очень редко требуется подтвержденное образование для работы
огромная возможность стать специалистом или старшим специалистом в раннем/молодом возрасте
КОГОБУ СШ г.Мураш

9.

Что мотивирует людей
становиться веб-разработчиками?
Ну и конечно же – оплата труда.
Данная деятельность является
относительно новой и очень
востребованной в наше время, когда
большинство процессов завязаны в
интернете. Чтобы доказать это, мы
посмотрим вакансии удаленно и без
опыта работы на нескольких сайтах
размещения вакансий
Rabota.ru Санкт-Петербург
hh.ru Москва
Заманчивые цифры, но эти цифры
полностью оправданы сложностью и
актуальностью этого труда
КОГОБУ СШ г.Мураш

10.

КОГОБУ СШ г.Мураши
Заключение
В процессе выполнения проекта мы узнали, что такое сайт, какие бывают сайты, как они
устроены, кто их создаёт и что за это получают, как создать свой сайт с нуля без каких
либо знаний и создали собственный.
Тематика созданного мною сайта – корпоративный сайт строительной компании,
созданный при использовании блокнота SublimeText, языка HTML, JavaScript, CSS, используя
форум GitHub и сервис Figma
1. Фрагмент кода
2. Как выглядит
сайт