Технология публикации мультимедиа контент в сети Интернет, создание HTML сайта в NotePad++

1. Государственное бюджетное профессиональное образовательное учреждение Московской области «Луховицкий аграрно-промышленный

техникум»
Письменная выпускная
квалификационная работа
обучающегося 3 курса группы МОЦИ-809
Грачева Александра Викторовича
Технология публикации мультимедиа контент в
сети Интернет, создание HTML сайта в NotePad++
Руководитель: Мартюшева Н.П – преподаватель спецдисциплин
2021 г.

2.

Введение
Актуальность:
Пользователю приятно посещать те HTML-страницы,
которые отличаются от других своей работоспособностью и
насыщенностью. Создать HTML-страницу непросто, но
наверно каждый человек хотел бы попробовать себя в роли
верстальщика. Я ничем не отличаюсь от других, поэтому
решил освоить данную тему.

3.

Введение
Цель:
Изучить технологию создания веб-страницы на языке
HTML
Задачи:
Изучить литературу по теме;
Изучить стандартизированный язык разметки
документов во Всемирной паутине
Применить полученные знания для создания сайта

4.

HTML5
— это инструмент для упорядочивания Web-контента. Он
предназначен для упрощения Web-проектирования и Webразработки
за
счет
языка
разметки,
обеспечивающего
стандартизированный и интуитивно понятный пользовательский
интерфейс.

5.

CSS («каскадные таблицы стилей»)
— формальный язык описания внешнего вида документа (вебстраницы), написанного с использованием языка разметки (чаще
всего HTML или XHTML). CSS позволяет отформатировать его,
сделать более привлекательным для читателя.

6.

Выбор HTML редактора
1.Visual Studio Code
Преимущества:
➢ Легкий в освоении
➢ бесплатный
➢Поддержка большого кол-ва
языков
Минусы:
➢Требовательность к ресурсам.
➢Сложный в самостоятельном
освоении
2. Sublime text
Преимущества:
➢Способна выполнять сохранение
и заполнение в автоматическом
режиме
➢Есть функция «Предварительный
просмотр кода
➢Можно задавать горячие клавиши
Минусы:
➢Платный доступ
➢Отсутствие анализатора кода

7.

Notepad++
Но я выбрал для выполнения практической части данную программу,
так как она имеет ряд преимуществ над другими аналогичными
программами, а именно:
➢Полная
бесплатность.
Notepad++
является
свободно
распространяемым программным обеспечением
➢Работа с большим количеством вкладок одновременно.
➢Наличие горячих клавишей, позволяющих получить быстрый доступ к
основным опциям и возможностям редактора

8. ПРАКТИЧЕСКАЯ ЧАСТЬ. Создание сайта книжного магазина «Zarbooks» при помощи HTML+CSS

9.

Создание сайта «Zarbooks» (HTML коды)

10.

11.

Подключение CSS кодов

12.

Готовый вариант сайта «ZarBooks»

13.

Заключение
Подводя итог всему выше сказанному, хочется отметить, что HTML
стал тем форматом передачи данных, который наиболее полно и
качественно удовлетворяет запросы современного общества.
В процессе работы над темой мной были изучены литература и
интернет-источники по теме, а также основы языка разметки HTML;
расширил уровень знаний технологии создания WEB-сайтов. Полученные
знания я применил при выполнении практической части, а именно:
создал WEB-сайт книжного магазина «ZarBooks». Тем самым можно
смело сказать, что цель работы полностью достигнута.

14.

СПАСИБО ЗА ВНИМАНИЕ!!!