Файл: Министерство образования и науки республики башкортостан гбпоу туймазинский педагогический колледж.docx

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 01.12.2023

Просмотров: 32

Скачиваний: 2

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Недостатки:

  1. Довольно высокие требования к ресурсам компьютера;

  2. Возможны конфликты с установленным на ПК аналогичным софтом;

  3. Программное обеспечение больше не будет получать обновления от официального сайта Adobe Muse.

3) Mobirise – бесплатный конструктор сайтов, предназначенный для пользователей, не обладающих особыми знаниями web-разработки (рисунок 3). Предоставляет широкий выбор разнообразных блоков для web-сайтов, содержит множество шрифтов, значков, иконок, кнопок и прочих элементов интерфейса.

Рисунок 3 – Главный экран программы Mobirise
Преимущества:

  1. Удобный подсказчик новичкам;

  2. Софт не требует написания кода;

  3. Поддержка нескольких мониторов;

  4. Простота и удобство использования;

  5. Интегрирован редактор текста и картинок;

  6. Совместимость с ПК на базе Windows и Mac OS;

  7. Работа с облачным хранилищем, FTP сервером и Github Pages.

Недостатки:

    1. Наличие платных расширений и модулей.

4) uKit — хороший онлайн-конструктор сайтов для бизнеса от российских разработчиков (рисунок 4). Даже не будучи опытным web-дизайнером, вы сможете создать с нуля собственный проект, затратив минимум времени. Это может быть сайт-визитка корпоративного типа с формой заказа, одностраничник или небольшой интернет магазин.

Имеется возможность вручную оптимизировать ключевые страницы для разных поисковиков. Доступна публикация web-сайтов на собственном домене. Можно добавлять интерактивный калькулятор услуг, виджет погоды, карты Гугла и Яндекса, окно с прайс-листами и многое другое. И всё это абсолютно бесплатно! Единственная разница на фоне платной версии — наличие баннера с рекламой uKit.

Рисунок 4 – Главный экран программы uKit
Преимущества:

  1. Хранение данных в облаке;

  2. Комфортная работа в браузере;

  3. Простота регистрации аккаунта;

  4. Вставка текста, картинок и видео;

  5. Тонкая настройка цветовой гаммы страниц;

  6. Можно выбрать общий или национальный домен;

  7. Работает бесплатно в базовой функциональности;

  8. Добавление ленты публикаций из соцсети ВК, Facebook, Instagram, SoundCloud.

Недостатки:

  1. Нет бесплатного тарифа, а тестовый доступ ограничен 14 днями (для каждого нового сайта отсчёт начинается заново);

  2. Функционал платформы, а особенно интернет-магазина, минимальный (хотя, это скорее плюс для начинающих, не понравится это только опытным пользователям, которым нужен больший контроль над своими сайтами).


5) Wix– отличный онлайн-конструктор для создания сайтов с очень удобным подсказчиком (рисунок 5). Процесс создания и редактирования сайта производится пошагово. Система будет задавать наводящие вопросы о том, как именно вы желаете организовать будущий бизнес.

На начальном этапе доступны следующие варианты: интернет-магазин, блог, форма подписки, онлайн-запись на услуги. Выбирайте подходящее из сотен шаблонов с блоками либо создавайте собственные. Стоит отметить поддержку Drag & Drop. Можно создавать всплывающие окна. Есть возможность продвижения ресурса, рекламы товаров, раскрутки блога, форума.

Рисунок 5 – Главный экран программы Wix
Преимущества:

  1. Русский язык оболочки;

  2. Поисковая оптимизация;

  3. Отзывчивая техподдержка;

  4. Технология защиты страниц;

  5. Привлечение новых посетителей;

  6. Загрузка ваших видео, аудио, фото;

  7. Добавление плагинов социальных сетей;

  8. Детальное заполнение контактных форм;

  9. Можно купить уникальное доменное имя;

  10. Инструмент онлайн-торговли и электронных рассылок;

  11. Бесплатное развитие web-сайта (также можно оплатить Premium).

Недостатки:

  1. Предоставление на платной основе не только основных подписок на сервис, но и дополнительных функций;

  2. Многие из них тоже используют модель Фримиума, но рано или поздно вам всё равно придётся доплачивать за рост функционала своего сайта;

  3. Редактор страниц может показаться перегруженным, хотя для кого-то это будет плюсом.

6) TurboSite - представляет собой одно из самых простых средств для создания собственного сайта с любым количеством страниц и информационных блоков, на основе предлагаемых программой TurboSite встроенных шаблонов (рисунок 6).

Рисунок 6 – Главный экран программы TurboSite
Преимущества:

  1. Бесплатность;

  2. Интуитивный интерфейс, освоить который сможет любой пользователь с базовым набором навыков;

  3. Простота создания многостраничных документов и сайтов;

  4. Отсутствие необходимости изучения языков разметки и программирования;

  5. Компактность и нетребовательность к системным ресурсам.

Недостатки:



    1. Скромные возможности визуального редактирования.


1.3 Описание объекта проектирования
TurboSite – очень лаконичный и эффективный конструктор для быстрого создания простых многостраничных сайтов. На него особенно обратили внимание преподаватели без знания web-верстки, которые создают для своих учеников мини-сайты с учебными материалами и тестами. Если контент (тексты, изображения, видео, тесты…) для учебного материала уже готов, то процесс создания сайта занимает какие-то десятки минут. В программу встроено 30 различных тем для оформления сайта, смена темы - секундное дело. Страницы и меню создаются в визуальном редакторе с возможностью для продвинутых пользователей контролировать и редактировать html-код.

Для начала несколько слов о простоте использования приложения TurboSite. Дело в том, что оно обладает простейшим и интуитивно понятным русифицированным интерфейсов. Команд и закладок не так уж и много. Все основные инструменты находятся прямо перед глазами – основная панель, закладки с полями для заполнения и некоторые дополнительные кнопки.

Собственно, весь процесс создания сайта сводится к следующим операциям.

Прежде всего, необходимо выбрать нужный шаблон из списка, указать желаемой количество страниц, заполнить обязательные поля о названии сайта, авторе, тематике и т.д. и добавить информационные описательные блоки или дополнительные элементы в виде, скажем, рекламных баннеров.

Вывод:

Для написания курсовой работы я выбрала программу TubroSite потому что она содержит готовые шаблоны для визуализации проекта, удобный интерфейс, легко настраиваются параметры сайта, а также настройки страниц и их контентное наполнение.


2 Проектная часть
2.1 Алгоритм реализации цели проектирования
Данная программа произвела настоящую революцию в мире конструкторов сайтов и упростила процесс создания и запуска в работу настолько, насколько это возможно. Если вы уже пользовались данной программой и создавали сайты с помощью TurboSite, отзывы на официальном сайте, оставленные вами, помогут с выбором конструктора сайтов другими людьми.

Шаг 1. Выбор шаблона для сайта (рисунок 7)

На закладке «Шаблон» происходит выбор стиля оформления сайта, т.е. темы, которых по умолчанию 30 штук. При выборе темы ее образец отображается в верхнем правом углу для ориентации. В интерфейсе программы мы не сможем тему отредактировать.


Рисунок 7 – Выбор шаблона для сайта в программе TurboSite
Шаг 2. Настройка параметров сайта (рисунок 8)

Заголовок сайта. Он будет отображаться на каждой странице и вписан в тэг .<br><br>Значок сайта. Это стандартный favicon.ico файл, который отображается на закладке браузера в виде значка. Чтобы его назначить, совершите клик на верхнюю левую кнопку этой закладки.<br><br>Ключевые слова и Описание сайта – это метатеги. Но не все темы подхватывают их при генерации сайта. Это поправимо двумя способами: а) отредактировать шаблон темы; б) на этой же закладке воспользоваться функционалом «Вставить в страницы пользовательский код» (сюда можно вставить любой повторяющийся на каждой странице контент).<br><br>Подзаголовок. Он выводится под или вослед заголовка на каждой странице.<br><br>Заголовок списка страниц. Это заголовок для бокового меню. Обычно это называется «Содержание сайта» или просто «Меню».<br><br>Подвал. Это та запись, которая будет отображаться в самом низу каждой страницы. Например, копирайт или контакты.<br><img src="https://images.student-it.ru/files/207130/1138373_html_9b2a84b632d56b15.jpg" name="ð ð¸ññƒð½ð¾ðº 13" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 8 – Настройка параметров в программе <span><span>TurboSite</span></span><br>Шаг 3. Добавление и редактирование страниц (рисунок 9)<br><br>Ну вот и добрались. Это суть нашего сайта, страницы и их контентное наполнение. Слева работа со структурой. Главная страница создана автоматически. Остальные страницы добавляются по нижней кнопке «Добавить». Меняются местами страницы путем перетаскивания мышкой. Заголовок страницы пишется в поле «Заголовок». <br><br>На подзакладке «Визуальный редактор» формируется содержание страницы, состоящее из текстов, картинок, видео. Если вам чего-то не хватает в визуальном редакторе и вы знаете HTML, то смело переходите на подзакладку «HTML-код» и правьте код. <br><br>На подзакладке «Параметры страницы» находятся персональные настройки для страницы.<br><img src="https://images.student-it.ru/files/207130/1138373_html_be0b4d8cee186c4d.jpg" name="ð ð¸ññƒð½ð¾ðº 14" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 9 – Добавление и редактирование страниц в программе <span><span>TurboSite</span></span><br>Шаг 4. Добавление дополнительных блоков (рисунок 10)<br><br>Это не обязательный шаг, но наверняка им захотят многие воспользоваться. Здесь в виде HTML/CSS/JS можно вставить любой код для его вывода под боковым меню. У этого блока может быть свой заголовок. Блок будет выводиться на всех страницах. Это могут быть счетчики, реклама, виджеты и прочее.<br><img src="https://images.student-it.ru/files/207130/1138373_html_36051c1bf6af4b35.jpg" name="ð ð¸ññƒð½ð¾ðº 15" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 10 – Добавление дополнительных блоков в программе <span><span>TurboSite</span></span><br>Шаг 5. Публикация сайта в интернете (рисунок 11)<br><br>Также необязательный шаг, т.к., в интернете можно опубликовать и по-другому. <br><br>Для того, чтобы ваши настройки и труды вступили в силу и превратились в сайт, достаточно нажать на нижнюю кнопку «Генерировать сайт» (которая видна при любой вкладке).<br><img src="https://images.student-it.ru/files/207130/1138373_html_15d6c6095c7c981d.jpg" name="ð ð¸ññƒð½ð¾ðº 16" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 11 – Публикация сайта в интернете в программе <span><span>TurboSite</span></span><br><b><span id="2.2_Руководство_пользователя">2.2 Руководство пользователя</span></b><br><br><ol> <li> <br>Главная страница (рисунок 12)<br> </ol> <br><br><img src="https://images.student-it.ru/files/207130/1138373_html_7db73c59d1219dcd.jpg" name="ð ð¸ññƒð½ð¾ðº 17" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 12 – Главная страница программы <span><span>TurboSite</span></span><br><br><ol start="2"> <li> <br>На главной странице внизу есть ссылка на «<span id="Список_использованных_источников">Список использованных источников</span>» (рисунок 13)<br> </ol> <br><img src="https://images.student-it.ru/files/207130/1138373_html_a634424d3d8e459e.jpg" name="ð ð¸ññƒð½ð¾ðº 20" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 13 – Ссылка на «Список использованных источников» программы <span><span>TurboSite</span></span><br><ol start="3"> <li> <br>С левой части сайта находится меню (рисунок 14)<br> </ol> <br><img src="https://images.student-it.ru/files/207130/1138373_html_7609437482348e9c.jpg" name="ð ð¸ññƒð½ð¾ðº 19" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 14 – Меню программы <span><span>TurboSite</span></span><br><ol start="4"> <li> <br>На каждой странице внизу есть ссылки на:<br> </ol> <br>«Меню» (рисунок 15)<br><img src="https://images.student-it.ru/files/207130/1138373_html_cb8a1090b41f28f5.jpg" name="ð ð¸ññƒð½ð¾ðº 21" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 15 – Ссылка на меню программы <span><span>TurboSite</span></span><br><br>«Предыдущую страницу» (рисунок 16)<br><br><img src="https://images.student-it.ru/files/207130/1138373_html_a7bb3ab9cda11f8f.jpg" name="ð ð¸ññƒð½ð¾ðº 22" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 16 – Ссылка на предыдущую страницу программы <span><span>TurboSite</span></span><br><br>«Следующую страницу» (рисунок 17)<br><br><img src="https://images.student-it.ru/files/207130/1138373_html_5574dd9d56dcd153.jpg" name="ð ð¸ññƒð½ð¾ðº 23" align="bottom" width="480" height="250" border="0" alt="" style="max-width:100%;"> <br>Рисунок 17 – Ссылка на следующую страницу программы <span><span>TurboSite</span></span><br><br><b>Заключение</b><br>В ходе курсового проектирования разработано и внедрено в учебный процесс электронное учебно-методическое пособие по общепрофессиональной дисциплины <span>ОП.13В Разработка Web – приложений</span> для студентов специальности 09.02.07 Информационные системы и программирование. <br><br>Пояснительная записка содержит теоретические сведения основных программных средств создания электронных пособий и подробное описание реализации цели курсового проекта.<br><br>В ходе работы над проектом сформулированы и решены следующие задачи:<br><ol> <li> <br>На основании анализа современных программных средств создания электронных пособий теоретически обоснована программа TubroSite;<br><li> <br>На основании изучения материала по общепрофессиональной дисциплине, собрана и систематизирована основная информация, которая представлена в электронном пособии;<br><li> <br>Спроектирована содержательная и навигационная структура пособия;<br><li> <br>Разработан и протестирован дизайн страниц электронного пособия;<br><li> <br>Реализована задача использования данного пособия в учебный процесс.<br> </ol> <br>Проект получил высокую оценку и внедрен в учебный процесс колледжа.<br><br>Таким образом, использование компьютера на уроках – это не дань моде, не способ переложить на плечи компьютера многогранный творческий труд преподавателя, а лишь одно из средств, позволяющее интенсифицировать образовательный процесс, активизировать познавательную деятельность, увеличить эффективность урока.<br> <b>Список использованных источников</b><br><br><ol> <li> <br>Алексеев А. Введение в Web-дизайн. Учебное пособие. — М.: ДМК Пресс, 2019. — 184 c. (Дата обращения 05.03.2022)<br><li> <br>Гарретт Д. Веб-дизайн. Элементы опыта взаимодействия / Д. Гарретт. — СПб: Символ-плюс, 2015. — 192 c. (Дата обращения 01.03.2022)<br><li> <br>Гарретт Джесс. Веб-дизайн. Элементы опыта взаимодействия. — М.: Символ-Плюс, 2020. — 285 c. (Дата обращения 19.03.2022)<br><li> <br>Дакетт Д. HTML и CSS. Разработка и дизайн веб-сайтов. — М.: Эксмо, 2019. — 480 c. (Дата обращения 10.02.2022)<br><li> <br>Диков А. В. Клиентские технологии веб-дизайна. HTML5 и CSS3. Учебное пособие. — М.: Лань, 2019. — 188 c. (Дата обращения 13.02.2022)<br><li> <br>Дэвид Макфарланд. Новая большая книга CSS. — М.: Питер, 2018. — 720 c. (Дата обращения 09.01.2022)<br><li> <br>Келер Адриан, Брэдски Гэри. Изучаем OpenCV 3. — М.: ДМК Пресс, 2017. — 826 c. (Дата обращения 04.01.2022)<br><li> <br>Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова / Д. Кирсанов. — М.: Символ, 2015. — 368 c. (Дата обращения 25.01.2022)<br><li> <br>Киселев С.В. Веб-дизайн / С.В. Киселев. — М.: Academia, 2019. — 285 c. (Дата обращения 22.01.2022)<br><li> <br>Клифтон Ян. Проектирование пользовательского интерфейса в Android / Мовчан Д. А. — М.: ДМК Пресс, 2017. — 452 c. (Дата обращения 23.01.2022)<br><li> <br>Макнейл П. Веб-дизайн. Книга идей веб-разработчика / П. Макнейл. — СПб: Питер, 2017. — 480 c. (Дата обращения 15.12.2021)<br><li> <br>Минник Крис, Титтел Эд. HTML5 и CSS3 для чайников. — М.: Диалектика, 2019. — 400 c. (Дата обращения 16.12.2021)<br><li> <br>Нильсен Я. Веб-дизайн: книга Якоба Нильсена / Я. Нильсен. — М.: Символ, 2015. — 512 c. (Дата обращения 17.12.2021)<br><li> <br>Петроченков А., Новиков Е. Идеальный Landing Page. Создаем продающие веб-страницы. — СПб: Питер, 2017. — 320 c. (Дата обращения 06.03.2022)<br><li> <br>Сырых Ю. А. Современный веб-дизайн. Настольный и мобильный. — М.: Диалектика, 2019. — 384 c. (Дата обращения 05.11.2021)<br><li> <br><span>Атли, Крейг Visual Basic .NET для программистов / Крейг Атли. - М.: ДМК Пресс, </span><span><span>2020</span></span><span>. - </span><span><span>950</span></span><span> c.</span> (Дата обращения 07.11.2021)<br><li> <br><span>Ван, Тассел Д. Стиль, разработка, эффективность, отладка и испытание программ / Ван Тассел Д. - М.: Мир, </span><span><span>2020</span></span><span>. - 336 c.</span> (Дата обращения 05.12.2021)<br><li> <br><span>Вольф, Эберхард Continuous delivery. Практика непрерывных апдейтов / Эберхард Вольф. - М.: Питер, </span><span><span>2021</span></span><span>. - </span><span><span>261</span></span><span> c.</span> (Дата обращения 05.02.2022)<br><li> <br><span>Дагене, В.А; Григас Г.К. 100 задач по программированию / В.А; Дагене, Г.К. Григас, К.Ф. Аугутис. - М.: Просвещение, </span><span><span>2020</span></span><span>. - 255 c.</span> (Дата обращения 15.03.2022)<br><li> <br><span>Дао, Л. Программирование микропроцессора 8088 / Л. Дао. - М.: Мир, </span><span><span>2019</span></span><span>. - 357 c.</span> (Дата обращения 15.02.2022)<br><li> <br><span>Дунаев Web-программирование для всех / Дунаев, Вадим. - М.: БХВ-Петербург, </span><span><span>2021</span></span><span>. - 560 c.</span> (Дата обращения 27.02.2022)<br><li> <br><span>Зелковиц, М. Принципы разработки программного обеспечения / М. Зелковиц, А. Шоу, Дж. Гэннон. - М.: Мир, </span><span><span>2019</span></span><span>. - 368 c.</span> (Дата обращения 24.02.2022)<br><li> <br><span>Зубов, В.С. Сборник задач по базовой компьютерной подготовке / В.С. Зубов, И.Н. Котарова, О.Г. Архипов, и др. - М.: Московский Энергетический Институт, </span><span><span>2021</span></span><span>. - 178 c.</span> (Дата обращения 14.03.2022)<br><li> <br><span>Кнут Искусство программирования / Кнут, Эрвин Дональд. - М.: Вильямс, </span><span><span>2019</span></span><span>. - </span><span><span>487</span></span><span> c.</span> (Дата обращения 17.03.2022)<br> </ol>