Создание сайта для детского сада
ТОО КОЛЛЕДЖ ӘДІЛЕТ
Специальность 1304000 Вычислительная техника и программное обеспечение (по видам)
ДОПУЩЕН К ЗАЩИТЕ
Исполнительный директор
ТОО Колледж Әділет
__________ А.М. Мирманова
_____________ 2022 г.
ДИПЛОМНЫЙ ПРОЕКТ
на тему: Создание сайта для детского сада
Алматы, 2022 г.
----------------------------------- ----------------------------------- ----------
Специальность 1304000 - Вычислительная техника и программное обеспечение (по видам)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
----------------------------------- ----------------------------------- ----------
к дипломному проекту
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
Дипломник: Анваров Исламжан Акрамович
----------------------------------- ----------------------------------- ----------
Группа: ВР 18-1
----------------------------------- ----------------------------------- ----------
Проект выполнен: _____ ________ ________ ____________
----------------------------------- ----------------------------------- ----------
(дата) (месяц) (год) (подпись дипломника)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
Руководитель проекта ________ Айманова Айгуль Адильбековна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
Консультант по экономике _________ Алишева Манат Шахановна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
Консультант по охране труда и ТБ _____ Алишева Манат Шахановна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
Нормоконтроль __________ Аксёнова-Гяурова Оксана Викторовна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
К защите дипломного проекта допущен:
----------------------------------- ----------------------------------- ----------
Зам. исп. директора по УР___________________________ Дигарбаева С.Д.
----------------------------------- ----------------------------------- ----------
Дипломный проект защитил с оценкой____________________________ ___
Секретарь комиссии по итоговой
Государственной аттестации______________ Ергешева Жанар Қуанышбекқызы
(подпись) (Ф.И.О.)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
Алматы, 2022 г
Содержание
Введение
4
1.
Общая часть
6
2.
Специальная часть
23
3.
Организация производства
30
4.
Экономическая часть
37
5.
Охрана труда
45
6.
Заключение
50
7.
Список литературы
52
8.
Приложения
53
9.
Листинг программы
55
Введение
1. Краткое описание предметной области, в которой ставится задача:
Поставлена задача разработать сайт для детского сада . Создание сайта относится к web-Разработке. Т.к у меня сайт для детского сада, базы данных на моем сайте не будет. Нет нужды в ведении учета пользователей, товаров в каталоге.
2. Причина возникновения решаемой задачи:
В 21 веке все больше набирает популярность всемирная сетевая паутина - Интернет (Ethernet), в следствии этому люди тратят меньше времени на поиск информации касательно того, какие у них возникают потребности. На примере с моим сайтом о детском саде, можно сделать вывод, что это во-первых: когда человек хочет найти подходящий детский сад , он может не выходя из дома посмотреть интересующий детский садик. Во-вторых: на сайте имеется местоположение, если человек захочет найти близкое расположение к своему дому . В-третьих: наличие веб-сайта способствует потоку новых клиентов, из-за того что: людям легче серфить(посещать) интернет пространство, нежели ходить по улицам и тратить свое время на похождение вживую.
1) Оценка современного состояния решаемой задачи
Для любого бизнеса, не важно, будь то малый бизнес который только открывается, или гиганты которые на рынке несколько лет, наличие веб-сайта это приятный бонус в виде: новый поток клиентов, узнаваемость в более широких кругах общества, посещение и поток новой информации не выходя из дома.
Каждый человек сможет прийти домой, выбрать любой детский сад для своего ребёнка, не выходя из дома, потому что на сайте имеются: информация о детском саде, отзывы. Интернет в 21 веке наше все, автоматизация работы, экономия существенного количества времени.
1.
2. Актуальность темы:
Как я и сказал ранее, актуальность веб-сайта для развития бизнеса актуальна как никогда. Экономия времени, жизненных ресурсов, маркетинговый ход-Пояснение: большинство людей предрасположены к таким компаниям, у которых есть красиво оформленный сайт, он придает статус компании и хозяину бизнеса.
3. Цель работы:
Цель работы заключается в разработке сайта для детского сада. Так как он у меня выдуманный ( данного сада не сущетсвует) я предположу, что заказчик в целях раскрутки своего бизнеса заказал разработать сайт.
4. Обоснование необходимости решения задачи:
Раскрутка бизнеса, привлечение постоянных клиентов, сокращение траты времени на посещение детского сада вживую.
Общая часть
4.1 Описание программного обеспечения
1. Назначение и состав программного и аппаратного обеспечения:
Операционная система - совокупность проектов, гарантирующая руководство аппаратными орудиями персонального компьютера, формирующая службу со всеми файлами и также осуществление практических проектов, исполняющая введение и заключение сведений.
Зачем нужна операционная система?
Операционная система дает огромные преймущества для компьютерного программного обеспечения и разработки программного обеспечения. Без операционной системы каждое приложение должно было бы включать свой собственный пользовательский интерфейс, а также исчерпывающий код, необходимый для обработки всех низкоуровневых функций базового компьютера, таких как дисковое хранилище, сетевые интерфейсы и т.д. Учитывая огромное количество доступного базового оборудования, это значительно увеличило бы размер каждого приложения и сделало бы разработку программного обеспечения не практичной.
Вместо этого многие общие задачи, такие как отправка сетевого пакета или отображение текста на стандартном устройстве вывода, таком как дисплей, могут быть переданы системному программному обеспечению, которое служит посредником между приложениями и оборудованием. Системное программное обеспечение обеспечивает согласованный и повторяемый способ взаимодействия приложений с оборудованием, при этом приложениям не требуется знать какие-либо подробности об оборудовании.
Пока каждое приложение обращается к одним и тем же ресурсам и службам одинаково, это системное программное обеспечение - операционная система может обслуживать практически любое количество приложений. Это значительно сокращает количество времени и кодирования, необходимых для разработки и отладки приложения, обеспечивая при этом, что пользователи могут контролировать, настраивать и управлять аппаратным обеспечением системы через общий и понятный интерфейс.
1.1.1 История развития Windows
На сегодняшний день более популярными операционными концепциями считаются ОС рода Microsoft Windows, а также UNIX-аналогичные концепции.
По ходу работы над дипломным проектом использовалось довольно большое количество программ.
Первая версия Windows, выпущенная в 1985 году, представляла собой простой графический интерфейс, предлагается как расширение существующей дисковой операционной системы Microsoft или MS-DOS. Частично основанная на лицензионных концепциях, которые Apple Inc. использовала для своего системного программного обеспечения Macintosh, Windows впервые позволила пользователям DOS визуально перемещаться по виртуальному рабочему столу, открывая графические окна, отображающие содержимое электронных папок и файлов одним щелчком мыши.
В последующих версиях были представлены более широкие функциональные возможности, включая собственные программы Windows File Manager, Program Manager и Print Manager, а также более динамичный интерфейс. Microsoft также разработала специализированные пакеты Windows, включая сетевую Windows для рабочих групп и высокопроизводительную Windows NT, нацеленную на бизнес. Потребительский выпуск 1995 года Windows 95 полностью интегрировал Windows и DOS и предлагал встроенную поддержку Интернета, включая браузер Internet Explorer.
С выпуском Windows XP 2001 года Microsoft объединила свои различные пакеты Windows под одним названием, предложив несколько выпусков для потребителей, предприятий, разработчиков мультимедиа и других. Windows XP отказалась от давно используемого ядра Windows 95 (основного программного кода) в пользу более мощной кодовой базы и предложила более практичный интерфейс и улучшенное управление приложениями и памятью. На смену чрезвычайно успешному стандарту XP в конце 2006 года пришла Windows Vista, которая пережила проблемы с развертыванием и встретила значительное сопротивление рынка, быстро завоевав репутацию большой, медленной и ресурсоемкой системы. В ответ на неутешительную скорость принятия Vista, Microsoft в 2009 году выпустила Windows 7, ОС, интерфейс которой был похож на Vista, но был встречен с энтузиазмом благодаря заметному увеличению скорости и скромным системным требованиям.
Создание сайта происходило на операционной системе Windows 10. Операционная система Windows была основана в 1985 году. На данный момент есть довольно большое количество различных видов операционных систем, но именно Windows стоит у 85 процентов всех пользователей.
Со старта работы над разработкой операционной системой Windows прошло довольно большое количество лет. За все это время было создано немало версий, из них считаются самые популярные:
Windows XP - это одна из самых успешных и лучших версий Windows. Данная версия была создана в 2001 году, название происходит от experience. Она считалась профессиональной версией, и в ней было на то время довольно большое количество возможностей.
Windows7 - данная версия среди всех пользователей считалась лучшей и самой любимой и понятной версией. Вышла Windows под названием 7 в 2009 году. Пользователи полюбили данную модель за ее понятный интерфейс, оптимизацию и самое главное, это большое количество новых дополнений. В дополнения входили виджеты, гаджеты, персонализация и многое другое. По сравнению с предыдущей версией это был прорыв инноваций в операционных системах.
Windows 8 - следующая в линейке новых операционных систем от Microsoft была Windows 8. В данной части был изменен редизайн, добавилось еще большее количество дополнений. Но пользователи данную часть не оценили из-за не оптимизации, данная версия довольно сильно затормаживалась, многие стационарные компьютеры и ноутбуки ее не могли поддерживать. Основана была данная часть в 2012 году.
Windows 8.1 профессиональная версия - данный релиз вышел в 2013 году в связи с довольно большим количеством плохих отзывов о обычной Windows 8. В данной версии были исправлены все технические неполадки. Было добавлено еще большее количество новых дополнений, была выполнена работа с оптимизацией работы для стационарных компьютеров, портативных устройств и для решения задач по серверной части в Windows Server.
В 2015 годы, минуя 9-ю часть, выходит одна из самых лучших частей от Microsoft, Windows10. В данной части произошел снова небольшой редизайн, были добавлены новые дополнения и произведена синхронизация рабочего процесса.
Пользователи снова полюбили Windows10 за то, что Microsoft воссоздали новое поколение с душой Windows 7. Данная часть на данный момент считается последней. Многие на данный момент ожидают скорейшего выхода новый части Windows в свет. На данной операционной системе в данный момент я и работаю и произвожу полную работу над дипломным проектом.
Актуальность Windows заключается в его неповторимости, на данный момент мало какая операционная система может повторить то, что сделали Microsoft за все время работы.
Есть несколько причин, по которым Windows остается настолько популярным в наше время, это надежность, хорошая поддержка аппаратной части, большое количество софта, легкая установка и легкость настройки.
1.1.1 Программа для работы с макетом сайта
Графические редакторы - это укомплектованные программы создания и усовершенствования цифровых изображений, использующие инструменты редактирования. Люди творческих профессий: художники, фотографы, веб-мастера и иллюстраторы не обходятся без использования этих программ в своей повседневной практике. Освоить любительскую обработку графических изображений под силу даже неподготовленному пользователю, далекому от веб-дизайна. Каждый из нас, подобрав удобный графический редактор, выполняющий определенные задачи, может успешно модернизировать свои персональные фотоснимки и создавать рисунки.
После этого я приступил к созданию макета сайта. Создавал макет в многофункциональном графическом редакторе Adobe Photoshop.
Аdobe Photoshop - профессиональный растровый графический редактор, который заслуживает называться лидером среди платных программ. Его богатый функционал обеспечивает пространство для реализации творческих идей. Корректирование графических изображений осуществляется в сверхточном режиме.
Данный графический редактор был создан 19 февраля 1990 года.
На данный момент вышло большое количество новых версий графического редактора. Макет сайта создан в графическом редакторе Photoshop 2020 года. В данной версии программы добавлено очень большое количество привилегий при создании макетов сайта.
Разработка информационного сайта осуществлялась в текстовом редакторе Visual Studio Code.
Visual Studio Code (VS Code) -- редактор исходного кода, разработанный Microsoft для Windows, Linux и macOS. Позиционируется как лёгкий редактор кода для кроссплатформенной разработки веб- и облачных приложений. Включает в себя отладчик, инструменты для работы с Git, подсветку синтаксиса, IntelliSense и средства для рефакторинга. Имеет широкие возможности для кастомизации: пользовательские темы, сочетания клавиш и файлы конфигурации. Распространяется бесплатно, разрабатывается как программное обеспечение с открытым исходным кодом, но готовые сборки распространяются под проприетарной лицензией.
Возможности Visual Studio Code
Visual Studio Code основан на Electron и реализуется через веб-редактор Monaco, разработанный для Visual Studio Online.
Visual Studio Code -- это редактор исходного кода. Он имеет многоязычный интерфейс пользователя и поддерживает ряд языков программирования, подсветку синтаксиса, IntelliSense, рефакторинг, отладку, навигацию по коду, поддержку Git и другие возможности. Многие возможности Visual Studio Code недоступны через графический интерфейс, зачастую они используются через палитру команд или JSON-файлы (например, пользовательские настройки). Палитра команд представляет собой подобие командной строки, которая вызывается сочетанием клавиш.
VS Code также позволяет заменять кодовую страницу при сохранении документа, символы перевода строки и язык программирования текущего документа.
С 2018 года появилось расширение Python для Visual Studio Code с открытым исходным кодом. Оно предоставляет разработчикам широкие возможности для редактирования, отладки и тестирования кода.
Также VS Code поддерживает редактирование и выполнение файлов типа Блокнот Jupyter (Jupyter Notebook (англ.)) напрямую из коробки без установки внешнего модуля в режиме визуального редактирования и в режиме редактирования исходного кода.
На март 2019 года посредством встроенного в продукт пользовательского интерфейса можно загрузить и установить несколько тысяч расширений только в категории programming languages (языки программирования).
Также расширения позволяют получить более удобный доступ к программам, таким как Docker, Git и другие. В расширениях можно найти линтеры кода, темы для редактора и поддержку синтаксиса отдельных языков.
Framework Bootstrap 5
Bootstrap -- это бесплатный CSS-фреймворк с открытым исходным кодом , предназначенный для адаптивной веб-разработки с ориентацией на мобильные устройства . Он содержит HTML , CSS и (необязательно) шаблоны дизайна на основе JavaScript для типографики , форм , кнопок , навигации и других компонентов интерфейса.
По состоянию на апрель 2022 года Bootstrap является одиннадцатым самым звездным проектом на GitHub с более чем 156 000 звезд.
Характеристики Bootstrap
Bootstrap -- это библиотека HTML, CSS и JS, ориентированная на упрощение разработки информативных веб-страниц (в отличие от веб-приложений). Основная цель добавления его в веб-проект -- применить к этому проекту выбранные Bootstrap цвета, размер, шрифт и макет. Таким образом, основным фактором является то, найдут ли ответственные разработчики эти варианты по своему вкусу.
После добавления в проект Bootstrap предоставляет базовые определения стилей для всех элементов HTML. Результатом является единообразный внешний вид текстов, таблиц и элементов форм во всех веб-браузерах. Кроме того, разработчики могут воспользоваться классами CSS, определенными в Bootstrap, для дальнейшей настройки внешнего вида своего содержимого. Например, Bootstrap предусмотрел светлые и темные таблицы, заголовки страниц, более заметные кавычки и текст с выделением.
Bootstrap также поставляется с несколькими компонентами JavaScript в виде плагинов jQuery. Они предоставляют дополнительные элементы пользовательского интерфейса, такие как диалоговые окна, всплывающие подсказки и карусели. Каждый компонент Bootstrap состоит из структуры HTML, объявлений CSS и, в некоторых случаях, сопутствующего кода JavaScript. Они также расширяют функциональность некоторых существующих элементов интерфейса, включая, например, функцию авто-заполнения для полей ввода.
Пример веб-страницы с использованием инфраструктуры Bootstrap, отображаемой в Firefox
Наиболее заметными компонентами Bootstrap являются компоненты макета, поскольку они влияют на всю веб-страницу. Базовый компонент макета называется Контейнер, поскольку в него помещается любой другой элемент страницы. Разработчики могут выбирать между контейнером фиксированной ширины и контейнером изменяемой ширины. В то время как последний всегда заполняет ширину веб-страницы, первый использует одну из пяти предопределенных фиксированных ширин, в зависимости от размера экрана, показывающего страницу:
* Менее 576 пикселей
* 576 - 768 пикселей
* 768 - 992 пикселей
* 992 - 1200 пикселей
* Больше 1200 пикселей
Как только контейнер установлен, другие компоненты макета Bootstrap реализуют макет CSS Flexbox путем определения строк и столбцов.
Предварительно скомпилированная версия Bootstrap доступна в виде одного файла CSS и трех файлов JavaScript, которые можно легко добавить в любой проект. Однако необработанная форма Bootstrap позволяет разработчикам осуществлять дальнейшую настройку и оптимизацию размера. Эта необработанная форма является модульной, что означает, что разработчик может удалить ненужные компоненты, применить тему и изменить нескомпилированные файлы Sass.
1.2 Описание языка программирования
HTML (от англ. HyperText Markup Language -- язык гипертекстовой разметки) -- стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTPHTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как img и input , напрямую вводят контент на страницу. Другие теги, такие как p, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.
В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML описывает внешний вид и макет страницы.
Язык гипертекстовой разметки HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986 -- 1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют тегами.
С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
Первым общедоступным описанием HTML был документ Теги HTML, впервые упомянутый в Интернете Тимом Бернерсом-Ли в конце 1991 года. В нём описываются 18 элементов, составляющих первоначальный, относительно простой дизайн HTML. За исключением тега гиперссылки, на них сильно повлиял SGMLguid, внутренний формат документации, основанный на стандартном обобщенном языке разметки (SGML), в CERN. Одиннадцать из этих элементов всё ещё существуют в HTML 4.
Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег table предназначен для создания в документах таблиц, но иногда используется и для оформления размещения элементов на странице. С течением времени основная идея платформо-независимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.
CSS ( англ. Cascading Style Sheets каскадные таблицы стилей) -- формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (чаще всего HTML или XHTML). Также может применяться к любым XML-документам, например, к SVG или XUL.
Использование CSS
CSS используется создателями веб-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS является ограждение и отделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.
Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана) или при выводе устройствами, использующими шрифт Брайля.
CSS-Вёрстка
До появления CSS оформление веб-страниц осуществлялось исключительно средствами HTML, непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления.
Преимущества:
* Несколько дизайнов страницы для разных устройств просмотра. Например, на экране дизайн будет рассчитан на большую ширину, во время печати меню не будет выводиться, а на КПК и сотовом телефоне меню будет следовать за содержимым.
* Уменьшение времени загрузки страниц сайта за счёт переноса правил представления данных в отдельный CSS-файл. В этом случае браузер загружает только структуру документа и данные, хранимые на странице, а представление этих данных загружается браузером только один раз и может быть закэшировано.
* Простота последующего изменения дизайна. Не нужно править каждую страницу, а достаточно лишь изменить CSS-файл.
* Дополнительные возможности оформления. Например, с помощью CSS-вёрстки можно сделать блок текста, который остальной текст будет обтекать (например для меню) или сделать так, чтобы меню было всегда видно при прокрутке страницы.
Недостатки:
* Различное отображение вёрстки в различных браузерах (особенно устаревших), которые по-разному интерпретируют одни и те же данные CSS.
* Часто встречающаяся необходимость на практике исправлять не только один CSS-файл, но и теги HTML, которые сложным и ненаглядным способом связаны с селекторами CSS, что иногда сводит на нет простоту применения единых файлов стилей и значительно увеличивает время редактирования и тестирования.
История создания и развития CSS
CSS -- одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название стандарты Web. В 1990-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и веб-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML, и стандарт CSS.
В начале 1990-х различные браузеры имели свои стили для отображения веб-страниц. HTML развивался очень быстро и был способен удовлетворить все существовавшие на тот момент потребности по оформлению информации, поэтому CSS не получил тогда широкого признания.
Термин каскадные таблицы стилей был предложен Хоконом Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS.
В отличие от многих существовавших на тот момент языков стиля, CSS использует наследование от родителя к потомку, поэтому разработчик может определить разные стили, основываясь на уже определённых ранее стилях.
В середине 1990-х Консорциум Всемирной паутины (W3C) стал проявлять интерес к CSS, и в декабре 1996 года была издана рекомендация CSS1.
JavaScript
JavaScript ( ˈ dʒ ɑː v ə s k r ɪ p t ), часто сокращенно JS , является языком программирования , который является одной из основных технологий Всемирной паутины , наряду с HTML и CSS. Более 97% веб-сайтов используют JavaScript на стороне клиента для поведения веб-страницы, часто с использованием сторонних библиотек. Все основные веб-браузеры имеют специальный механизм JavaScript для выполнения кода на устройствах пользователей.
JavaScript -- это высокоуровневый язык, часто компилируемый точно в срок, который соответствует стандарту ECMAScript. Он имеет динамическую типизацию, объектную ориентацию на основе прототипов и первоклассные функции. Это мультипарадигма, поддерживающая событийно-ориентированный, функциональный и императивный стили программирования. Он имеет интерфейсы прикладного программирования (API) для работы с текстом, датами, регулярными выражениями, стандартными структурами данных и объектной моделью документа (ДОМ).
Стандарт ECMAScript не включает никаких средств вводавывода (IO), таких как сеть, хранилище или графические средства. На практике веб-браузер или другая система выполнения предоставляет API-интерфейсы JavaScript для ввода-вывода.
Механизмы JavaScript изначально использовались только в веб-браузерах, но теперь они являются основными компонентами некоторых серверов и различных приложений. Самая популярная система выполнения для этого использования -- Node.js.
Хотя Java и JavaScript похожи по названию, синтаксису и соответствующим стандартным библиотекам, эти два языка различны и сильно различаются по дизайну.
PHP
PHP (pi:.eɪtʃ.pi: англ. PHP: Hypertext Preprocessor -- PHP: препроцессор гипертекста; первоначально PHPFI (Personal Home Page Form Interpreter), а позже названный Personal Home Page Tools -- Инструменты для создания персональных веб-страниц) -- C-подобный скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.
Язык и его интерпретатор (Zend Engine) разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.
Область применения
В области веб-программирования, в частности серверной части, PHP -- один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET).
Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств и дополнительных модулей для разработки веб-приложений. Основные из них:
* автоматическое извлечение POST- и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;
* взаимодействие с большим количеством различных систем управления базами данных через дополнительные модули (MySQL, MySQLi, SQLite, PostgreSQL, Oracle Database (OCI8), Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird и InterBase, Paradox File Access, MaxDB, интерфейс PDO, Redis);
*
* автоматизированная отправка HTTP-заголовков;
* работа с HTTP-авторизацией;
* работа с cookies и сессиями;
* работа с локальными и удалёнными файлами, сокетами;
* обработка файлов, загружаемых на сервер;
* работа с XForms.
* Создание и работа с API.
По состоянию на 2010-е годы используется сотнями тысяч разработчиков; согласно рейтингу корпорации TIOBE, базирующемуся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования.
Входит в LAMP -- распространённый набор ПО для создания и хостинга веб-сайтов (Linux, Apache, MySQL, PHP), а также LEMP - не менее распространенный набор ПО (Linux, Nginx, MySql, PHP).
jQuery
jQuery ([dʒeɪ kwɪəri]) -- набор функций JavaScript, фокусирующийся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX. Разработка jQuery ведётся командой добровольцев на пожертвования.
jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:
----------------------------------- ----------------------------------- ----------
head
----------------------------------- ----------------------------------- ----------
!-- 1 метод локально --
----------------------------------- ----------------------------------- ----------
script src="jquery-3.5.1.min.js"
----------------------------------- ----------------------------------- ----------
script
----------------------------------- ----------------------------------- ----------
!-- 2 на сервер --
----------------------------------- ----------------------------------- ----------
script src="https:code.jquery.comjquery -3.5.1.min.js"
----------------------------------- ----------------------------------- ----------
script
----------------------------------- ----------------------------------- ----------
head
1.3. Рендеринг на стороне сервера Back-End и на стороне клиента Front-end
Еще очень давно рендеринг на стороне сервера или внутренняя веб-разработка де-факто были способом создания веб-сайтов и веб-приложений. Вы посещаете страницу, отправляете запрос на контент, сервер обрабатывает этот запрос и создает ответ, который отправляется обратно в ваш браузер. Когда сайт отображается на стороне сервера, все процессы, задействованные в создании HTML-страницы, которые может понять ваш веб-браузер, обрабатываются на удаленном сервере, на котором размещен сайт или веб-приложение. Это включает запросы к базам данных для получения информации и обработку любой логики, которая требуется вашему веб-приложению. Пока удаленный сервер занят на работе, ваш веб-браузер бездействует, ожидая, пока сервер завершит обработку запроса и отправит ответ. Когда ответ получен, веб-браузеры интерпретируют его и отображают содержимое на экране.
В более современные дни появилась новая форма рендеринга сайта, называемая рендерингом на стороне клиента или интерфейсной разработкой. При рендеринге на стороне клиента рендеринг контента происходит на вашем компьютере, а не на удаленном веб-сервере с использованием фактического языка Интернета, JavaScript. На практике это означает, что сервер нужен только для обслуживания необработанного веб-приложения, а браузер будет отвечать за рендеринг этого приложения в его окончательной форме, HTML. Это также означает, что некоторая логика, связанная с созданием веб-страницы, особенно та, которая отвечает за то, как вещи представляются пользователю на экране (называемая логикой представления), обрабатывается на стороне клиента. Рендеринг на стороне клиента стал популярным с появлением библиотек JavaScript, таких как Angular, React и Vue.
BabelJs считается компилятором на JavaScript, который в основном используется для преобразования кода ECMAScript2015 + в обратно совместимую версию JavaScript в текущих и старых браузерах или других средах. Мы действительно используем браузеры для нашего приложения, это может быть Chrome, Firefox, Opera или другие, и они используют стабильную версию, которая является ES5.
В каждом выпуске нового ECMAScript в JavaScript добавляются новые функции, которые не поддерживаются браузерами, поскольку они не поддерживают новые изменения. К таким функциям относятся стрелочная функция, обещания, async-await и другие. И если вы решите применять функции ES6, ES7 либо ES8 с целью сочинения кодов, данное блокирует браузеры прежней версии с-из-за недоступности помощи новейших перемен. в случае если я желаем применять новейшие функции ECMAScript в нашем коде также желаем включать его в абсолютно всех вероятных общедоступных браузерах, нам необходим механизм, что скомпилирует свой конечный шифр во ES5.
2. Специальная часть
2.1 Постановка задачи
Тема дипломного проекта была разработка сайта для детского сада. Тема была выбрана в связи с интересом к развитию детских садов онлайн. Тема актуальна в связи с тем то, в наше время каждое предприятие в сфере развития детей не может обойтись без собственного сайта.
При правильном маркетинговом ходе, сайт становится распространен в интернете и на него заходит довольно большой поток людей. А тем самым разработчики сайта стараются сделать все то что бы, каждый клиент смог найти под себя нужную информацию.
На данный момент я преследовали главную цель, максимально упростить интерфейс сайта и сделать его максимально понятным.
Опыт моего сайта детского сада это: надежность, безопасность, конфиденциальность и ответственность. Мы уделяем большое внимание к мельчайшим деталям и требованиям наших посетителей. Прививаем индивидуальный подход каждому сотруднику и высокий уровень профессионализма.
2.1.1 Описание входных и выходных данных
Обработка данных - это реструктуризация или переупорядочивание данных людьми или машинами для увеличения их полезности и добавления ценности для определенной цели. Обработка данных состоит из следующих основных шагов - ввода, обработки и вывода. Эти три шага составляют цикл обработки данных.
При написании сайта мы использовали несколько входных данных.
Входные данные - на этом этапе входные данные подготавливаются в некоторой удобной форме для обработки. Форма будет зависеть от обрабатывающей машины. Например, когда используются электронные компьютеры, входные данные могут быть записаны на любом из нескольких типов входных носителей, таких как магнитные диски, ленты и так далее.
Обработка - на этом этапе входные данные изменяются для создания данных в более удобной форме.
Выходные данные - на этом этапе собираются результаты текущего этапа обработки. Конкретная форма выходных данных зависит от использования данных.
В самом начале создания макета, нужно было подобрать правильный формат. При выборе формата, я открываю Photoshop, нажимаем на клавишу "Создать". В данном окне мне выводится довольно большой выбор различных шаблонов для создания различных документов.
Для обработки и создания различных фото, для создания различных печатей, разного формата. Для разработки макета сайта мы выбрали пункт "Для интернета". После выбора данного пункта, мне предоставляется выбор по расширению экрана. В Adobe Photoshop появились готовые форматы для продукции Apple такие как, iMac, iPad, MacBook и многое другое.
Для моего макета я использовался стандартное разрешение экрана 1920x1080 для более качественной картинки и для полного стандарта всех современных мониторов.
Также для контрастности цветов выбрали цветовой режим "RGB" и цвет фона выбрали белый. После данного момента начинается основная часть по созданию дизайна сайта и созданию макета.
Самое главное это было разделение на части, изначально мы правильно распределили части сайта. Изначально было создано меню сайта, мы его распределили на "Главную" часть, там находился весь самый главный дизайн сайта и всех слайдеров, которые будет описываться ниже.
Так же были созданы различные разделы, такие как "Меню", "Реклама" и "Доставка".
Использовали все время несколько инструментов, такие как:
Прямоугольная область - с помощью данного инструмента можно выделить подходящую область и выполнить на ней различную "Заливку" и "Обводку"
Прямоугольник - данный момент отвечал за некоторые моменты стиля, с помощью данного инструмента можно было создать "Панель навигации", различные кнопки, создание различной фигуры при совмещении нескольких фигур.
Текст - это главный момент, который задает стиль сайту, текст мы искали с помощью поисковой системы "Google". Стиль текста подбирался под тематику сайта и задуманных на будущее различных функций сайта.
Слои - самая главная часть проекта, там помещаются все исходные файлы, после готовности всего макета и при переходе написания Front-End части "Слои" обеспечиваю более легкое перемещение между всеми исходными файлами и обеспечивают выгрузку каждого исходящего файла.
Трансформирование - данная функция возможно идет одна из самых стандартных. Она позволяет произвести "Масштабирование", "Поворот", "Наклон", "Искажение", "Перспектива".
Кисть - дополняла нам некоторые моменты в дизайне нашего сайта, небольшие наброски дополняли и украшали дизайн сайта. Некоторые кисти были полностью скачаны с сети интернета и специально подобраны к нашему стилю сайта.
Режим наложения - использовалось довольно часть, при использовании режима кисть, я добавлял изображение и использовали режим наложения "Экран", данный режим помогал мне совмещать наше изображение с наброском рисунка кистью.
Adobe Photoshop - на данный момент считается самым востребованным графическим редактором по растровой графике.
Данным графическим редактором не только пользуются дизайнеры, фотографы, художники и создатели изданий, но и также пользуются очень часто в быту, им возможно обработать любые домашние фотографии, обработка любых печатей, дипломных, курсовых работ, дизайна блогов и многого другого.
Photoshop считается лучшим не только из-за этого, он имеет довольно простой функционал и большое количество функций.
Также серия графических редакторов Adobe не ограничивается одним Photoshop-ом, она имеет десятки других довольно востребованных программ по обработке видео, созданию иллюстраций, созданию видеороликов и созданию растровой и векторной графике.
Серия графических редакторов Adobe может занять очень короткий срок обойдясь всего несколькими роликами по изучению программы на видео хостинге "YouTube".
После этого я перешел к написанию части Back-End и Front-End. Для написания кода мы использовали "Visual Studio Code". Это считается лучший редактор исходного кода, он облегчает навигацию по исходному коду. Он ... продолжение
Вы можете абсолютно на бесплатной основе полностью просмотреть эту работу через наше приложение.
Специальность 1304000 Вычислительная техника и программное обеспечение (по видам)
ДОПУЩЕН К ЗАЩИТЕ
Исполнительный директор
ТОО Колледж Әділет
__________ А.М. Мирманова
_____________ 2022 г.
ДИПЛОМНЫЙ ПРОЕКТ
на тему: Создание сайта для детского сада
Алматы, 2022 г.
----------------------------------- ----------------------------------- ----------
Специальность 1304000 - Вычислительная техника и программное обеспечение (по видам)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
----------------------------------- ----------------------------------- ----------
к дипломному проекту
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
Дипломник: Анваров Исламжан Акрамович
----------------------------------- ----------------------------------- ----------
Группа: ВР 18-1
----------------------------------- ----------------------------------- ----------
Проект выполнен: _____ ________ ________ ____________
----------------------------------- ----------------------------------- ----------
(дата) (месяц) (год) (подпись дипломника)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
Руководитель проекта ________ Айманова Айгуль Адильбековна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
Консультант по экономике _________ Алишева Манат Шахановна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
Консультант по охране труда и ТБ _____ Алишева Манат Шахановна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
Нормоконтроль __________ Аксёнова-Гяурова Оксана Викторовна 18.05.2022г.
----------------------------------- ----------------------------------- ----------
(подпись) (Ф.И.О.) (дата)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
К защите дипломного проекта допущен:
----------------------------------- ----------------------------------- ----------
Зам. исп. директора по УР___________________________ Дигарбаева С.Д.
----------------------------------- ----------------------------------- ----------
Дипломный проект защитил с оценкой____________________________ ___
Секретарь комиссии по итоговой
Государственной аттестации______________ Ергешева Жанар Қуанышбекқызы
(подпись) (Ф.И.О.)
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
----------------------------------- ----------------------------------- ----------
Алматы, 2022 г
Содержание
Введение
4
1.
Общая часть
6
2.
Специальная часть
23
3.
Организация производства
30
4.
Экономическая часть
37
5.
Охрана труда
45
6.
Заключение
50
7.
Список литературы
52
8.
Приложения
53
9.
Листинг программы
55
Введение
1. Краткое описание предметной области, в которой ставится задача:
Поставлена задача разработать сайт для детского сада . Создание сайта относится к web-Разработке. Т.к у меня сайт для детского сада, базы данных на моем сайте не будет. Нет нужды в ведении учета пользователей, товаров в каталоге.
2. Причина возникновения решаемой задачи:
В 21 веке все больше набирает популярность всемирная сетевая паутина - Интернет (Ethernet), в следствии этому люди тратят меньше времени на поиск информации касательно того, какие у них возникают потребности. На примере с моим сайтом о детском саде, можно сделать вывод, что это во-первых: когда человек хочет найти подходящий детский сад , он может не выходя из дома посмотреть интересующий детский садик. Во-вторых: на сайте имеется местоположение, если человек захочет найти близкое расположение к своему дому . В-третьих: наличие веб-сайта способствует потоку новых клиентов, из-за того что: людям легче серфить(посещать) интернет пространство, нежели ходить по улицам и тратить свое время на похождение вживую.
1) Оценка современного состояния решаемой задачи
Для любого бизнеса, не важно, будь то малый бизнес который только открывается, или гиганты которые на рынке несколько лет, наличие веб-сайта это приятный бонус в виде: новый поток клиентов, узнаваемость в более широких кругах общества, посещение и поток новой информации не выходя из дома.
Каждый человек сможет прийти домой, выбрать любой детский сад для своего ребёнка, не выходя из дома, потому что на сайте имеются: информация о детском саде, отзывы. Интернет в 21 веке наше все, автоматизация работы, экономия существенного количества времени.
1.
2. Актуальность темы:
Как я и сказал ранее, актуальность веб-сайта для развития бизнеса актуальна как никогда. Экономия времени, жизненных ресурсов, маркетинговый ход-Пояснение: большинство людей предрасположены к таким компаниям, у которых есть красиво оформленный сайт, он придает статус компании и хозяину бизнеса.
3. Цель работы:
Цель работы заключается в разработке сайта для детского сада. Так как он у меня выдуманный ( данного сада не сущетсвует) я предположу, что заказчик в целях раскрутки своего бизнеса заказал разработать сайт.
4. Обоснование необходимости решения задачи:
Раскрутка бизнеса, привлечение постоянных клиентов, сокращение траты времени на посещение детского сада вживую.
Общая часть
4.1 Описание программного обеспечения
1. Назначение и состав программного и аппаратного обеспечения:
Операционная система - совокупность проектов, гарантирующая руководство аппаратными орудиями персонального компьютера, формирующая службу со всеми файлами и также осуществление практических проектов, исполняющая введение и заключение сведений.
Зачем нужна операционная система?
Операционная система дает огромные преймущества для компьютерного программного обеспечения и разработки программного обеспечения. Без операционной системы каждое приложение должно было бы включать свой собственный пользовательский интерфейс, а также исчерпывающий код, необходимый для обработки всех низкоуровневых функций базового компьютера, таких как дисковое хранилище, сетевые интерфейсы и т.д. Учитывая огромное количество доступного базового оборудования, это значительно увеличило бы размер каждого приложения и сделало бы разработку программного обеспечения не практичной.
Вместо этого многие общие задачи, такие как отправка сетевого пакета или отображение текста на стандартном устройстве вывода, таком как дисплей, могут быть переданы системному программному обеспечению, которое служит посредником между приложениями и оборудованием. Системное программное обеспечение обеспечивает согласованный и повторяемый способ взаимодействия приложений с оборудованием, при этом приложениям не требуется знать какие-либо подробности об оборудовании.
Пока каждое приложение обращается к одним и тем же ресурсам и службам одинаково, это системное программное обеспечение - операционная система может обслуживать практически любое количество приложений. Это значительно сокращает количество времени и кодирования, необходимых для разработки и отладки приложения, обеспечивая при этом, что пользователи могут контролировать, настраивать и управлять аппаратным обеспечением системы через общий и понятный интерфейс.
1.1.1 История развития Windows
На сегодняшний день более популярными операционными концепциями считаются ОС рода Microsoft Windows, а также UNIX-аналогичные концепции.
По ходу работы над дипломным проектом использовалось довольно большое количество программ.
Первая версия Windows, выпущенная в 1985 году, представляла собой простой графический интерфейс, предлагается как расширение существующей дисковой операционной системы Microsoft или MS-DOS. Частично основанная на лицензионных концепциях, которые Apple Inc. использовала для своего системного программного обеспечения Macintosh, Windows впервые позволила пользователям DOS визуально перемещаться по виртуальному рабочему столу, открывая графические окна, отображающие содержимое электронных папок и файлов одним щелчком мыши.
В последующих версиях были представлены более широкие функциональные возможности, включая собственные программы Windows File Manager, Program Manager и Print Manager, а также более динамичный интерфейс. Microsoft также разработала специализированные пакеты Windows, включая сетевую Windows для рабочих групп и высокопроизводительную Windows NT, нацеленную на бизнес. Потребительский выпуск 1995 года Windows 95 полностью интегрировал Windows и DOS и предлагал встроенную поддержку Интернета, включая браузер Internet Explorer.
С выпуском Windows XP 2001 года Microsoft объединила свои различные пакеты Windows под одним названием, предложив несколько выпусков для потребителей, предприятий, разработчиков мультимедиа и других. Windows XP отказалась от давно используемого ядра Windows 95 (основного программного кода) в пользу более мощной кодовой базы и предложила более практичный интерфейс и улучшенное управление приложениями и памятью. На смену чрезвычайно успешному стандарту XP в конце 2006 года пришла Windows Vista, которая пережила проблемы с развертыванием и встретила значительное сопротивление рынка, быстро завоевав репутацию большой, медленной и ресурсоемкой системы. В ответ на неутешительную скорость принятия Vista, Microsoft в 2009 году выпустила Windows 7, ОС, интерфейс которой был похож на Vista, но был встречен с энтузиазмом благодаря заметному увеличению скорости и скромным системным требованиям.
Создание сайта происходило на операционной системе Windows 10. Операционная система Windows была основана в 1985 году. На данный момент есть довольно большое количество различных видов операционных систем, но именно Windows стоит у 85 процентов всех пользователей.
Со старта работы над разработкой операционной системой Windows прошло довольно большое количество лет. За все это время было создано немало версий, из них считаются самые популярные:
Windows XP - это одна из самых успешных и лучших версий Windows. Данная версия была создана в 2001 году, название происходит от experience. Она считалась профессиональной версией, и в ней было на то время довольно большое количество возможностей.
Windows7 - данная версия среди всех пользователей считалась лучшей и самой любимой и понятной версией. Вышла Windows под названием 7 в 2009 году. Пользователи полюбили данную модель за ее понятный интерфейс, оптимизацию и самое главное, это большое количество новых дополнений. В дополнения входили виджеты, гаджеты, персонализация и многое другое. По сравнению с предыдущей версией это был прорыв инноваций в операционных системах.
Windows 8 - следующая в линейке новых операционных систем от Microsoft была Windows 8. В данной части был изменен редизайн, добавилось еще большее количество дополнений. Но пользователи данную часть не оценили из-за не оптимизации, данная версия довольно сильно затормаживалась, многие стационарные компьютеры и ноутбуки ее не могли поддерживать. Основана была данная часть в 2012 году.
Windows 8.1 профессиональная версия - данный релиз вышел в 2013 году в связи с довольно большим количеством плохих отзывов о обычной Windows 8. В данной версии были исправлены все технические неполадки. Было добавлено еще большее количество новых дополнений, была выполнена работа с оптимизацией работы для стационарных компьютеров, портативных устройств и для решения задач по серверной части в Windows Server.
В 2015 годы, минуя 9-ю часть, выходит одна из самых лучших частей от Microsoft, Windows10. В данной части произошел снова небольшой редизайн, были добавлены новые дополнения и произведена синхронизация рабочего процесса.
Пользователи снова полюбили Windows10 за то, что Microsoft воссоздали новое поколение с душой Windows 7. Данная часть на данный момент считается последней. Многие на данный момент ожидают скорейшего выхода новый части Windows в свет. На данной операционной системе в данный момент я и работаю и произвожу полную работу над дипломным проектом.
Актуальность Windows заключается в его неповторимости, на данный момент мало какая операционная система может повторить то, что сделали Microsoft за все время работы.
Есть несколько причин, по которым Windows остается настолько популярным в наше время, это надежность, хорошая поддержка аппаратной части, большое количество софта, легкая установка и легкость настройки.
1.1.1 Программа для работы с макетом сайта
Графические редакторы - это укомплектованные программы создания и усовершенствования цифровых изображений, использующие инструменты редактирования. Люди творческих профессий: художники, фотографы, веб-мастера и иллюстраторы не обходятся без использования этих программ в своей повседневной практике. Освоить любительскую обработку графических изображений под силу даже неподготовленному пользователю, далекому от веб-дизайна. Каждый из нас, подобрав удобный графический редактор, выполняющий определенные задачи, может успешно модернизировать свои персональные фотоснимки и создавать рисунки.
После этого я приступил к созданию макета сайта. Создавал макет в многофункциональном графическом редакторе Adobe Photoshop.
Аdobe Photoshop - профессиональный растровый графический редактор, который заслуживает называться лидером среди платных программ. Его богатый функционал обеспечивает пространство для реализации творческих идей. Корректирование графических изображений осуществляется в сверхточном режиме.
Данный графический редактор был создан 19 февраля 1990 года.
На данный момент вышло большое количество новых версий графического редактора. Макет сайта создан в графическом редакторе Photoshop 2020 года. В данной версии программы добавлено очень большое количество привилегий при создании макетов сайта.
Разработка информационного сайта осуществлялась в текстовом редакторе Visual Studio Code.
Visual Studio Code (VS Code) -- редактор исходного кода, разработанный Microsoft для Windows, Linux и macOS. Позиционируется как лёгкий редактор кода для кроссплатформенной разработки веб- и облачных приложений. Включает в себя отладчик, инструменты для работы с Git, подсветку синтаксиса, IntelliSense и средства для рефакторинга. Имеет широкие возможности для кастомизации: пользовательские темы, сочетания клавиш и файлы конфигурации. Распространяется бесплатно, разрабатывается как программное обеспечение с открытым исходным кодом, но готовые сборки распространяются под проприетарной лицензией.
Возможности Visual Studio Code
Visual Studio Code основан на Electron и реализуется через веб-редактор Monaco, разработанный для Visual Studio Online.
Visual Studio Code -- это редактор исходного кода. Он имеет многоязычный интерфейс пользователя и поддерживает ряд языков программирования, подсветку синтаксиса, IntelliSense, рефакторинг, отладку, навигацию по коду, поддержку Git и другие возможности. Многие возможности Visual Studio Code недоступны через графический интерфейс, зачастую они используются через палитру команд или JSON-файлы (например, пользовательские настройки). Палитра команд представляет собой подобие командной строки, которая вызывается сочетанием клавиш.
VS Code также позволяет заменять кодовую страницу при сохранении документа, символы перевода строки и язык программирования текущего документа.
С 2018 года появилось расширение Python для Visual Studio Code с открытым исходным кодом. Оно предоставляет разработчикам широкие возможности для редактирования, отладки и тестирования кода.
Также VS Code поддерживает редактирование и выполнение файлов типа Блокнот Jupyter (Jupyter Notebook (англ.)) напрямую из коробки без установки внешнего модуля в режиме визуального редактирования и в режиме редактирования исходного кода.
На март 2019 года посредством встроенного в продукт пользовательского интерфейса можно загрузить и установить несколько тысяч расширений только в категории programming languages (языки программирования).
Также расширения позволяют получить более удобный доступ к программам, таким как Docker, Git и другие. В расширениях можно найти линтеры кода, темы для редактора и поддержку синтаксиса отдельных языков.
Framework Bootstrap 5
Bootstrap -- это бесплатный CSS-фреймворк с открытым исходным кодом , предназначенный для адаптивной веб-разработки с ориентацией на мобильные устройства . Он содержит HTML , CSS и (необязательно) шаблоны дизайна на основе JavaScript для типографики , форм , кнопок , навигации и других компонентов интерфейса.
По состоянию на апрель 2022 года Bootstrap является одиннадцатым самым звездным проектом на GitHub с более чем 156 000 звезд.
Характеристики Bootstrap
Bootstrap -- это библиотека HTML, CSS и JS, ориентированная на упрощение разработки информативных веб-страниц (в отличие от веб-приложений). Основная цель добавления его в веб-проект -- применить к этому проекту выбранные Bootstrap цвета, размер, шрифт и макет. Таким образом, основным фактором является то, найдут ли ответственные разработчики эти варианты по своему вкусу.
После добавления в проект Bootstrap предоставляет базовые определения стилей для всех элементов HTML. Результатом является единообразный внешний вид текстов, таблиц и элементов форм во всех веб-браузерах. Кроме того, разработчики могут воспользоваться классами CSS, определенными в Bootstrap, для дальнейшей настройки внешнего вида своего содержимого. Например, Bootstrap предусмотрел светлые и темные таблицы, заголовки страниц, более заметные кавычки и текст с выделением.
Bootstrap также поставляется с несколькими компонентами JavaScript в виде плагинов jQuery. Они предоставляют дополнительные элементы пользовательского интерфейса, такие как диалоговые окна, всплывающие подсказки и карусели. Каждый компонент Bootstrap состоит из структуры HTML, объявлений CSS и, в некоторых случаях, сопутствующего кода JavaScript. Они также расширяют функциональность некоторых существующих элементов интерфейса, включая, например, функцию авто-заполнения для полей ввода.
Пример веб-страницы с использованием инфраструктуры Bootstrap, отображаемой в Firefox
Наиболее заметными компонентами Bootstrap являются компоненты макета, поскольку они влияют на всю веб-страницу. Базовый компонент макета называется Контейнер, поскольку в него помещается любой другой элемент страницы. Разработчики могут выбирать между контейнером фиксированной ширины и контейнером изменяемой ширины. В то время как последний всегда заполняет ширину веб-страницы, первый использует одну из пяти предопределенных фиксированных ширин, в зависимости от размера экрана, показывающего страницу:
* Менее 576 пикселей
* 576 - 768 пикселей
* 768 - 992 пикселей
* 992 - 1200 пикселей
* Больше 1200 пикселей
Как только контейнер установлен, другие компоненты макета Bootstrap реализуют макет CSS Flexbox путем определения строк и столбцов.
Предварительно скомпилированная версия Bootstrap доступна в виде одного файла CSS и трех файлов JavaScript, которые можно легко добавить в любой проект. Однако необработанная форма Bootstrap позволяет разработчикам осуществлять дальнейшую настройку и оптимизацию размера. Эта необработанная форма является модульной, что означает, что разработчик может удалить ненужные компоненты, применить тему и изменить нескомпилированные файлы Sass.
1.2 Описание языка программирования
HTML (от англ. HyperText Markup Language -- язык гипертекстовой разметки) -- стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTPHTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как img и input , напрямую вводят контент на страницу. Другие теги, такие как p, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.
В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML описывает внешний вид и макет страницы.
Язык гипертекстовой разметки HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986 -- 1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют тегами.
С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
Первым общедоступным описанием HTML был документ Теги HTML, впервые упомянутый в Интернете Тимом Бернерсом-Ли в конце 1991 года. В нём описываются 18 элементов, составляющих первоначальный, относительно простой дизайн HTML. За исключением тега гиперссылки, на них сильно повлиял SGMLguid, внутренний формат документации, основанный на стандартном обобщенном языке разметки (SGML), в CERN. Одиннадцать из этих элементов всё ещё существуют в HTML 4.
Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег table предназначен для создания в документах таблиц, но иногда используется и для оформления размещения элементов на странице. С течением времени основная идея платформо-независимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.
CSS ( англ. Cascading Style Sheets каскадные таблицы стилей) -- формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (чаще всего HTML или XHTML). Также может применяться к любым XML-документам, например, к SVG или XUL.
Использование CSS
CSS используется создателями веб-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS является ограждение и отделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.
Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана) или при выводе устройствами, использующими шрифт Брайля.
CSS-Вёрстка
До появления CSS оформление веб-страниц осуществлялось исключительно средствами HTML, непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления.
Преимущества:
* Несколько дизайнов страницы для разных устройств просмотра. Например, на экране дизайн будет рассчитан на большую ширину, во время печати меню не будет выводиться, а на КПК и сотовом телефоне меню будет следовать за содержимым.
* Уменьшение времени загрузки страниц сайта за счёт переноса правил представления данных в отдельный CSS-файл. В этом случае браузер загружает только структуру документа и данные, хранимые на странице, а представление этих данных загружается браузером только один раз и может быть закэшировано.
* Простота последующего изменения дизайна. Не нужно править каждую страницу, а достаточно лишь изменить CSS-файл.
* Дополнительные возможности оформления. Например, с помощью CSS-вёрстки можно сделать блок текста, который остальной текст будет обтекать (например для меню) или сделать так, чтобы меню было всегда видно при прокрутке страницы.
Недостатки:
* Различное отображение вёрстки в различных браузерах (особенно устаревших), которые по-разному интерпретируют одни и те же данные CSS.
* Часто встречающаяся необходимость на практике исправлять не только один CSS-файл, но и теги HTML, которые сложным и ненаглядным способом связаны с селекторами CSS, что иногда сводит на нет простоту применения единых файлов стилей и значительно увеличивает время редактирования и тестирования.
История создания и развития CSS
CSS -- одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название стандарты Web. В 1990-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и веб-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML, и стандарт CSS.
В начале 1990-х различные браузеры имели свои стили для отображения веб-страниц. HTML развивался очень быстро и был способен удовлетворить все существовавшие на тот момент потребности по оформлению информации, поэтому CSS не получил тогда широкого признания.
Термин каскадные таблицы стилей был предложен Хоконом Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS.
В отличие от многих существовавших на тот момент языков стиля, CSS использует наследование от родителя к потомку, поэтому разработчик может определить разные стили, основываясь на уже определённых ранее стилях.
В середине 1990-х Консорциум Всемирной паутины (W3C) стал проявлять интерес к CSS, и в декабре 1996 года была издана рекомендация CSS1.
JavaScript
JavaScript ( ˈ dʒ ɑː v ə s k r ɪ p t ), часто сокращенно JS , является языком программирования , который является одной из основных технологий Всемирной паутины , наряду с HTML и CSS. Более 97% веб-сайтов используют JavaScript на стороне клиента для поведения веб-страницы, часто с использованием сторонних библиотек. Все основные веб-браузеры имеют специальный механизм JavaScript для выполнения кода на устройствах пользователей.
JavaScript -- это высокоуровневый язык, часто компилируемый точно в срок, который соответствует стандарту ECMAScript. Он имеет динамическую типизацию, объектную ориентацию на основе прототипов и первоклассные функции. Это мультипарадигма, поддерживающая событийно-ориентированный, функциональный и императивный стили программирования. Он имеет интерфейсы прикладного программирования (API) для работы с текстом, датами, регулярными выражениями, стандартными структурами данных и объектной моделью документа (ДОМ).
Стандарт ECMAScript не включает никаких средств вводавывода (IO), таких как сеть, хранилище или графические средства. На практике веб-браузер или другая система выполнения предоставляет API-интерфейсы JavaScript для ввода-вывода.
Механизмы JavaScript изначально использовались только в веб-браузерах, но теперь они являются основными компонентами некоторых серверов и различных приложений. Самая популярная система выполнения для этого использования -- Node.js.
Хотя Java и JavaScript похожи по названию, синтаксису и соответствующим стандартным библиотекам, эти два языка различны и сильно различаются по дизайну.
PHP
PHP (pi:.eɪtʃ.pi: англ. PHP: Hypertext Preprocessor -- PHP: препроцессор гипертекста; первоначально PHPFI (Personal Home Page Form Interpreter), а позже названный Personal Home Page Tools -- Инструменты для создания персональных веб-страниц) -- C-подобный скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.
Язык и его интерпретатор (Zend Engine) разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.
Область применения
В области веб-программирования, в частности серверной части, PHP -- один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET).
Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств и дополнительных модулей для разработки веб-приложений. Основные из них:
* автоматическое извлечение POST- и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;
* взаимодействие с большим количеством различных систем управления базами данных через дополнительные модули (MySQL, MySQLi, SQLite, PostgreSQL, Oracle Database (OCI8), Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird и InterBase, Paradox File Access, MaxDB, интерфейс PDO, Redis);
*
* автоматизированная отправка HTTP-заголовков;
* работа с HTTP-авторизацией;
* работа с cookies и сессиями;
* работа с локальными и удалёнными файлами, сокетами;
* обработка файлов, загружаемых на сервер;
* работа с XForms.
* Создание и работа с API.
По состоянию на 2010-е годы используется сотнями тысяч разработчиков; согласно рейтингу корпорации TIOBE, базирующемуся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования.
Входит в LAMP -- распространённый набор ПО для создания и хостинга веб-сайтов (Linux, Apache, MySQL, PHP), а также LEMP - не менее распространенный набор ПО (Linux, Nginx, MySql, PHP).
jQuery
jQuery ([dʒeɪ kwɪəri]) -- набор функций JavaScript, фокусирующийся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX. Разработка jQuery ведётся командой добровольцев на пожертвования.
jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:
----------------------------------- ----------------------------------- ----------
head
----------------------------------- ----------------------------------- ----------
!-- 1 метод локально --
----------------------------------- ----------------------------------- ----------
script src="jquery-3.5.1.min.js"
----------------------------------- ----------------------------------- ----------
script
----------------------------------- ----------------------------------- ----------
!-- 2 на сервер --
----------------------------------- ----------------------------------- ----------
script src="https:code.jquery.comjquery -3.5.1.min.js"
----------------------------------- ----------------------------------- ----------
script
----------------------------------- ----------------------------------- ----------
head
1.3. Рендеринг на стороне сервера Back-End и на стороне клиента Front-end
Еще очень давно рендеринг на стороне сервера или внутренняя веб-разработка де-факто были способом создания веб-сайтов и веб-приложений. Вы посещаете страницу, отправляете запрос на контент, сервер обрабатывает этот запрос и создает ответ, который отправляется обратно в ваш браузер. Когда сайт отображается на стороне сервера, все процессы, задействованные в создании HTML-страницы, которые может понять ваш веб-браузер, обрабатываются на удаленном сервере, на котором размещен сайт или веб-приложение. Это включает запросы к базам данных для получения информации и обработку любой логики, которая требуется вашему веб-приложению. Пока удаленный сервер занят на работе, ваш веб-браузер бездействует, ожидая, пока сервер завершит обработку запроса и отправит ответ. Когда ответ получен, веб-браузеры интерпретируют его и отображают содержимое на экране.
В более современные дни появилась новая форма рендеринга сайта, называемая рендерингом на стороне клиента или интерфейсной разработкой. При рендеринге на стороне клиента рендеринг контента происходит на вашем компьютере, а не на удаленном веб-сервере с использованием фактического языка Интернета, JavaScript. На практике это означает, что сервер нужен только для обслуживания необработанного веб-приложения, а браузер будет отвечать за рендеринг этого приложения в его окончательной форме, HTML. Это также означает, что некоторая логика, связанная с созданием веб-страницы, особенно та, которая отвечает за то, как вещи представляются пользователю на экране (называемая логикой представления), обрабатывается на стороне клиента. Рендеринг на стороне клиента стал популярным с появлением библиотек JavaScript, таких как Angular, React и Vue.
BabelJs считается компилятором на JavaScript, который в основном используется для преобразования кода ECMAScript2015 + в обратно совместимую версию JavaScript в текущих и старых браузерах или других средах. Мы действительно используем браузеры для нашего приложения, это может быть Chrome, Firefox, Opera или другие, и они используют стабильную версию, которая является ES5.
В каждом выпуске нового ECMAScript в JavaScript добавляются новые функции, которые не поддерживаются браузерами, поскольку они не поддерживают новые изменения. К таким функциям относятся стрелочная функция, обещания, async-await и другие. И если вы решите применять функции ES6, ES7 либо ES8 с целью сочинения кодов, данное блокирует браузеры прежней версии с-из-за недоступности помощи новейших перемен. в случае если я желаем применять новейшие функции ECMAScript в нашем коде также желаем включать его в абсолютно всех вероятных общедоступных браузерах, нам необходим механизм, что скомпилирует свой конечный шифр во ES5.
2. Специальная часть
2.1 Постановка задачи
Тема дипломного проекта была разработка сайта для детского сада. Тема была выбрана в связи с интересом к развитию детских садов онлайн. Тема актуальна в связи с тем то, в наше время каждое предприятие в сфере развития детей не может обойтись без собственного сайта.
При правильном маркетинговом ходе, сайт становится распространен в интернете и на него заходит довольно большой поток людей. А тем самым разработчики сайта стараются сделать все то что бы, каждый клиент смог найти под себя нужную информацию.
На данный момент я преследовали главную цель, максимально упростить интерфейс сайта и сделать его максимально понятным.
Опыт моего сайта детского сада это: надежность, безопасность, конфиденциальность и ответственность. Мы уделяем большое внимание к мельчайшим деталям и требованиям наших посетителей. Прививаем индивидуальный подход каждому сотруднику и высокий уровень профессионализма.
2.1.1 Описание входных и выходных данных
Обработка данных - это реструктуризация или переупорядочивание данных людьми или машинами для увеличения их полезности и добавления ценности для определенной цели. Обработка данных состоит из следующих основных шагов - ввода, обработки и вывода. Эти три шага составляют цикл обработки данных.
При написании сайта мы использовали несколько входных данных.
Входные данные - на этом этапе входные данные подготавливаются в некоторой удобной форме для обработки. Форма будет зависеть от обрабатывающей машины. Например, когда используются электронные компьютеры, входные данные могут быть записаны на любом из нескольких типов входных носителей, таких как магнитные диски, ленты и так далее.
Обработка - на этом этапе входные данные изменяются для создания данных в более удобной форме.
Выходные данные - на этом этапе собираются результаты текущего этапа обработки. Конкретная форма выходных данных зависит от использования данных.
В самом начале создания макета, нужно было подобрать правильный формат. При выборе формата, я открываю Photoshop, нажимаем на клавишу "Создать". В данном окне мне выводится довольно большой выбор различных шаблонов для создания различных документов.
Для обработки и создания различных фото, для создания различных печатей, разного формата. Для разработки макета сайта мы выбрали пункт "Для интернета". После выбора данного пункта, мне предоставляется выбор по расширению экрана. В Adobe Photoshop появились готовые форматы для продукции Apple такие как, iMac, iPad, MacBook и многое другое.
Для моего макета я использовался стандартное разрешение экрана 1920x1080 для более качественной картинки и для полного стандарта всех современных мониторов.
Также для контрастности цветов выбрали цветовой режим "RGB" и цвет фона выбрали белый. После данного момента начинается основная часть по созданию дизайна сайта и созданию макета.
Самое главное это было разделение на части, изначально мы правильно распределили части сайта. Изначально было создано меню сайта, мы его распределили на "Главную" часть, там находился весь самый главный дизайн сайта и всех слайдеров, которые будет описываться ниже.
Так же были созданы различные разделы, такие как "Меню", "Реклама" и "Доставка".
Использовали все время несколько инструментов, такие как:
Прямоугольная область - с помощью данного инструмента можно выделить подходящую область и выполнить на ней различную "Заливку" и "Обводку"
Прямоугольник - данный момент отвечал за некоторые моменты стиля, с помощью данного инструмента можно было создать "Панель навигации", различные кнопки, создание различной фигуры при совмещении нескольких фигур.
Текст - это главный момент, который задает стиль сайту, текст мы искали с помощью поисковой системы "Google". Стиль текста подбирался под тематику сайта и задуманных на будущее различных функций сайта.
Слои - самая главная часть проекта, там помещаются все исходные файлы, после готовности всего макета и при переходе написания Front-End части "Слои" обеспечиваю более легкое перемещение между всеми исходными файлами и обеспечивают выгрузку каждого исходящего файла.
Трансформирование - данная функция возможно идет одна из самых стандартных. Она позволяет произвести "Масштабирование", "Поворот", "Наклон", "Искажение", "Перспектива".
Кисть - дополняла нам некоторые моменты в дизайне нашего сайта, небольшие наброски дополняли и украшали дизайн сайта. Некоторые кисти были полностью скачаны с сети интернета и специально подобраны к нашему стилю сайта.
Режим наложения - использовалось довольно часть, при использовании режима кисть, я добавлял изображение и использовали режим наложения "Экран", данный режим помогал мне совмещать наше изображение с наброском рисунка кистью.
Adobe Photoshop - на данный момент считается самым востребованным графическим редактором по растровой графике.
Данным графическим редактором не только пользуются дизайнеры, фотографы, художники и создатели изданий, но и также пользуются очень часто в быту, им возможно обработать любые домашние фотографии, обработка любых печатей, дипломных, курсовых работ, дизайна блогов и многого другого.
Photoshop считается лучшим не только из-за этого, он имеет довольно простой функционал и большое количество функций.
Также серия графических редакторов Adobe не ограничивается одним Photoshop-ом, она имеет десятки других довольно востребованных программ по обработке видео, созданию иллюстраций, созданию видеороликов и созданию растровой и векторной графике.
Серия графических редакторов Adobe может занять очень короткий срок обойдясь всего несколькими роликами по изучению программы на видео хостинге "YouTube".
После этого я перешел к написанию части Back-End и Front-End. Для написания кода мы использовали "Visual Studio Code". Это считается лучший редактор исходного кода, он облегчает навигацию по исходному коду. Он ... продолжение
Вы можете абсолютно на бесплатной основе полностью просмотреть эту работу через наше приложение.
Похожие работы
Дисциплины
- Информатика
- Банковское дело
- Оценка бизнеса
- Бухгалтерское дело
- Валеология
- География
- Геология, Геофизика, Геодезия
- Религия
- Общая история
- Журналистика
- Таможенное дело
- История Казахстана
- Финансы
- Законодательство и Право, Криминалистика
- Маркетинг
- Культурология
- Медицина
- Менеджмент
- Нефть, Газ
- Искуство, музыка
- Педагогика
- Психология
- Страхование
- Налоги
- Политология
- Сертификация, стандартизация
- Социология, Демография
- Статистика
- Туризм
- Физика
- Философия
- Химия
- Делопроизводсто
- Экология, Охрана природы, Природопользование
- Экономика
- Литература
- Биология
- Мясо, молочно, вино-водочные продукты
- Земельный кадастр, Недвижимость
- Математика, Геометрия
- Государственное управление
- Архивное дело
- Полиграфия
- Горное дело
- Языковедение, Филология
- Исторические личности
- Автоматизация, Техника
- Экономическая география
- Международные отношения
- ОБЖ (Основы безопасности жизнедеятельности), Защита труда
