internetSimilar presentations:
Технология создания статичного сайта
1.
Министерство образования и науки Хабаровского краяКраевое государственное бюджетное профессиональное образовательное учреждение
«Комсомольский на-Амуре судомеханический техникум имени Героя Советского Союза В.В. Орехова»
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
Профессия 09.01.03 Мастер по обработке цифровой информации
Тема: Технология создания статичного сайта
Выполнила: Гладких Ксения
Викторовна
Студентка группы: МОЦИ-22
г. Комсомольск-на-Амуре, 2025
2.
ВведениеСтатический сайт — сайт, состоящий из полностью готовых отдельных
html-страниц, а также файлов, содержащих CSS-стили и JavaScript-код,
размещённых на веб-сервере. Статический сайт содержит в себе текст,
изображения, мультимедиа содержимое и html-теги.
3.
Особенности статичного сайтаCайт в Интернете представляет собой массив связанных данных,
имеющий уникальный адрес и воспринимаемый пользователями
как единое целое.
Особенности статических сайтов:
Простота создания и поддержки
Быстрая загрузка страниц
Не требует сложных серверных настроек
Не зависит от баз данных и серверных языков
программирования
4.
Типы сайтовСайт-визитка — небольшой сайт из одной или нескольких страниц, на
котором размещают основную информацию о человеке, компании,
товаре или услуге.
Корпоративный сайт — сайт с подробной информацией о компании, её
товарах или услугах.
Интернет-магазин — сайт, на котором продаёт товары один продавец.
Маркетплейсы - это онлайн-площадки, где торгует множество
продавцов.
Новостной сайт — ресурс, на котором размещают новости.
Блог, или информационный сайт, — сайт, на котором автор или группа
авторов регулярно размещает информационные статьи.
5.
Из чего состоит сайтФайлы кода — документы, написанные на языках HTML, CSS и
JavaScript.
Хостинг — это размещение файлов сайта на сервере.
Доменное имя, или домен — это уникальное название сайта,
адрес, по которому его можно найти.
Функциональность — набор возможностей, которые предоставляет
сайт.
Дизайн — визуальное оформление сайта.
Контент сайта — это информационное наполнение веб-страниц:
текст, изображения, видео, аудио мультимедиа.
6.
Элементы в интерфейсе сайтаИнтерфейс — видимая часть системы сайта, с которой взаимодействует
пользователь.
Шапка сайта, или хедер, — это верхний модуль сайта. На нём обычно
располагают логотип, контакты, кнопки навигации, корзину для
покупок, кнопку для входа в аккаунт.
Футер — нижний модуль сайта. В футере обычно размещают
справочную информацию: контакты, ссылки на соцсети, номер
телефона службы поддержки.
Элементы навигации сайта — это элементы, которые упрощают
перемещение по ресурсу.
7.
ИНСТРУМЕНТЫ РАЗРАБОТКИ ВЭБ-САЙТОВРедактор кода - Пригодится для
самостоятельного создания веб-сайта или
его изменения.
Среда разработки - предназначена для
работы с разными языками
программирования.
Графические редакторы, в которых можно
работать со слоями.
8.
Создание сайтаразработка в конструкторе сайтов;
разработка на CMS;
самостоятельная разработка, в том числе с использованием
популярных инструментов и фреймворков.
9.
Технология создания статичного сайта10.
Подбор цвета для логотипаFCE3E1
A31351
11.
Подбор цвета для логотипаE03165
FFFFFF
9B0E51