Похожие презентации:
Защита по производственной практике
1.
КОЛЛЕДЖ ПРЕДПРИНИМАТЕЛЬСТВА И ОТРАСЛЕВЫХТЕХНОЛОГИЙ
Защита
по производственной практике (по профилю
специальности)
Епанчинцев И.И
И-206а
Челябинск, 2023
2.
КОНЦЕПЦИЯ САЙТА• Часто сайт – это первое знакомство
пользователя с информацией. Поэтому
в работе над концепцией
закладывались такие понятия как
дружелюбие, гостеприимство,
аккуратность, комфорт, внимание к
деталям. Декоративные элементы,
текстуры и цветовая гамма придают
сайту большую респектабельность.
3.
НАВИГАЦИЯ• Навигация по сайту осуществляется с помощью основного меню,
которое реализовано в двух форматах: расширенном, с геометкой и
номерами телефонов, и компактном, которое позволяет практично
использовать пространство экрана.
4.
Главная• Кроме элементов
навигации и модуля
бронирования, на главной
странице сайта находятся
большие слайды. Они
привлекают внимание,
создают желаемое
настроение, рассказывают
об услугах и специальных
предложениях.
Для удобства
пользователей на главной
странице работает виджетинформер погоды и курсов
валют с актуальной
информацией.
Краткие тексты об клубе,
занятия и новости, создают
первое впечатление об
клубе и полезны для
продвижения.
5.
Предложение• Страница занятий начинается с
рекламного промо-слайда и
вступительного текста о подходах
занятий клуба. Описание каждой
категории включает в себя стильную
качественную фотографию и
небольшой текст. При наведении на
блок категории появляется кнопка,
приглашающая пользователя
получить более подробную
информацию.
6.
Блог• Некоторые блоги полностью посвящены одному очень специфическому
типу статей, например, новости. В большинстве новостей, однако, будут
разные типы статей. Правильное сочетание статей может иметь огромное
значение для успеха новостей.
7.
Контакты• Насколько подробно указывается контактная информация на
сайте компании, оценивается её коммерческая надёжность.
Недостаточно полные данные могут сказаться и на позициях в
поисковой выдаче, и на привлекательности в глазах целевой
аудитории.
8.
ОТОБРАЖЕНИЕ НА РАЗЛИЧНЫХУСТРОЙСТВАХ
• Доступность — один из главных принципов этого сайта. Гибкое
масштабирование для всех типов устройств: лэптопов,
планшетов, смартфонов включает не только оптимальное
изменение пропорций, но и учитывает особенности различных
моделей управления интерфейсом.
Сайт на мониторе ПК
Сайт на дисплее
смартфона
Сайт на экране планшета
9.
Дизайн сайтаОтрасль веб-разработки и
разновидность дизайна, в
задачи которой входит
проектирование
пользовательских вебинтерфейсов для сайтов или
веб-приложений.
10.
Начнём же был написан Сайт?!ЛОГО
HTML
HTML – основная
информация
сайта.
ЛОГО
CSS
CSS –
основательно
нужен для стиля
сайта.
ЛОГО
JAVA SCRIPT
JS- основательно
используется
для этих ваших
выпендрежей, работы
сайта
11.
HTML• Стандартизированный язык
гипертекстовой разметки документов
для просмотра веб-страниц в браузере.
Веб-браузеры получают HTML
документ от сервера по протоколам
HTTP/HTTPS или открывают с
локального диска, далее
интерпретируют код в интерфейс,
который будет отображаться на экране
монитора.
ЭТО КАК?!
12.
CSS• формальный
язык декорирования и описания
внешнего вида документа (вебстраницы), написанного с
использованием языка
разметки (чаще
всего HTML или XHTML).
Также может применяться к
любым XML-документам,
например, к SVG или XUL.
Также своими словами
я добавлю что,
на помощь идёт
Bootstrap сайт, который
помог в
разработке дизайна
сайта, очень всем
доволен.
иби тейп
13.
JavaScript• Мультипарадигменный
язык программирования.
Поддерживает объектноориентированный,
императивный и
функциональный стили.
Является реализацией
спецификации ECMAScript.
ладно хоть не бедрок эдишон
14.
Заключение• За этот курс я научился много новому и интересному, узнал что
такое html, css и js. Как оказывается программируется сайт и
насколько это трудно и увлекательно. Хочу продолжить обучение
в колледже и научиться ещё больше в кодах – HTML,CSS и в
скриптах.
• P.s нажимая F12 я наконец понял что за слова в консоле =DDD
• Своё вещание и защиту объявляю законченной.
Готов выслушать ваши вопросы…
Теперь паспорт отдадите Никита Попов?!
Родился с порталом в груди, задавайте ваши вопросы.