Файл: Министерство образования и науки республики башкортостан гбпоу туймазинский педагогический колледж.docx
Добавлен: 01.12.2023
Просмотров: 143
Скачиваний: 2
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Недостатки:
5) Wix– отличный онлайн-конструктор для создания сайтов с очень удобным подсказчиком (рисунок 5). Процесс создания и редактирования сайта производится пошагово. Система будет задавать наводящие вопросы о том, как именно вы желаете организовать будущий бизнес.На начальном этапе доступны следующие варианты: интернет-магазин, блог, форма подписки, онлайн-запись на услуги. Выбирайте подходящее из сотен шаблонов с блоками либо создавайте собственные. Стоит отметить поддержку Drag & Drop. Можно создавать всплывающие окна. Есть возможность продвижения ресурса, рекламы товаров, раскрутки блога, форума.Рисунок 5 – Главный экран программы WixПреимущества:
Рисунок 7 – Выбор шаблона для сайта в программе TurboSiteШаг 2. Настройка параметров сайта (рисунок 8)Заголовок сайта. Он будет отображаться на каждой странице и вписан в тэг.
Значок сайта. Это стандартный favicon.ico файл, который отображается на закладке браузера в виде значка. Чтобы его назначить, совершите клик на верхнюю левую кнопку этой закладки.
Ключевые слова и Описание сайта – это метатеги. Но не все темы подхватывают их при генерации сайта. Это поправимо двумя способами: а) отредактировать шаблон темы; б) на этой же закладке воспользоваться функционалом «Вставить в страницы пользовательский код» (сюда можно вставить любой повторяющийся на каждой странице контент).
Подзаголовок. Он выводится под или вослед заголовка на каждой странице.
Заголовок списка страниц. Это заголовок для бокового меню. Обычно это называется «Содержание сайта» или просто «Меню».
Подвал. Это та запись, которая будет отображаться в самом низу каждой страницы. Например, копирайт или контакты.
Рисунок 8 – Настройка параметров в программе TurboSite
Шаг 3. Добавление и редактирование страниц (рисунок 9)
Ну вот и добрались. Это суть нашего сайта, страницы и их контентное наполнение. Слева работа со структурой. Главная страница создана автоматически. Остальные страницы добавляются по нижней кнопке «Добавить». Меняются местами страницы путем перетаскивания мышкой. Заголовок страницы пишется в поле «Заголовок».
На подзакладке «Визуальный редактор» формируется содержание страницы, состоящее из текстов, картинок, видео. Если вам чего-то не хватает в визуальном редакторе и вы знаете HTML, то смело переходите на подзакладку «HTML-код» и правьте код.
На подзакладке «Параметры страницы» находятся персональные настройки для страницы.
Рисунок 9 – Добавление и редактирование страниц в программе TurboSite
Шаг 4. Добавление дополнительных блоков (рисунок 10)
Это не обязательный шаг, но наверняка им захотят многие воспользоваться. Здесь в виде HTML/CSS/JS можно вставить любой код для его вывода под боковым меню. У этого блока может быть свой заголовок. Блок будет выводиться на всех страницах. Это могут быть счетчики, реклама, виджеты и прочее.
Рисунок 10 – Добавление дополнительных блоков в программе TurboSite
Шаг 5. Публикация сайта в интернете (рисунок 11)
Также необязательный шаг, т.к., в интернете можно опубликовать и по-другому.
Для того, чтобы ваши настройки и труды вступили в силу и превратились в сайт, достаточно нажать на нижнюю кнопку «Генерировать сайт» (которая видна при любой вкладке).
Рисунок 11 – Публикация сайта в интернете в программе TurboSite
2.2 Руководство пользователя
Рисунок 12 – Главная страница программы TurboSite
Рисунок 13 – Ссылка на «Список использованных источников» программы TurboSite
Рисунок 14 – Меню программы TurboSite
«Меню» (рисунок 15)
Рисунок 15 – Ссылка на меню программы TurboSite
«Предыдущую страницу» (рисунок 16)
Рисунок 16 – Ссылка на предыдущую страницу программы TurboSite
«Следующую страницу» (рисунок 17)
Рисунок 17 – Ссылка на следующую страницу программы TurboSite
Заключение
В ходе курсового проектирования разработано и внедрено в учебный процесс электронное учебно-методическое пособие по общепрофессиональной дисциплины ОП.13В Разработка Web – приложений для студентов специальности 09.02.07 Информационные системы и программирование.
Пояснительная записка содержит теоретические сведения основных программных средств создания электронных пособий и подробное описание реализации цели курсового проекта.
В ходе работы над проектом сформулированы и решены следующие задачи:
Проект получил высокую оценку и внедрен в учебный процесс колледжа.
Таким образом, использование компьютера на уроках – это не дань моде, не способ переложить на плечи компьютера многогранный творческий труд преподавателя, а лишь одно из средств, позволяющее интенсифицировать образовательный процесс, активизировать познавательную деятельность, увеличить эффективность урока.
Список использованных источников
-
Довольно высокие требования к ресурсам компьютера; -
Возможны конфликты с установленным на ПК аналогичным софтом; -
Программное обеспечение больше не будет получать обновления от официального сайта Adobe Muse.
-
Удобный подсказчик новичкам; -
Софт не требует написания кода; -
Поддержка нескольких мониторов; -
Простота и удобство использования; -
Интегрирован редактор текста и картинок; -
Совместимость с ПК на базе Windows и Mac OS; -
Работа с облачным хранилищем, FTP сервером и Github Pages.
-
Наличие платных расширений и модулей.
-
Хранение данных в облаке; -
Комфортная работа в браузере; -
Простота регистрации аккаунта; -
Вставка текста, картинок и видео; -
Тонкая настройка цветовой гаммы страниц; -
Можно выбрать общий или национальный домен; -
Работает бесплатно в базовой функциональности; -
Добавление ленты публикаций из соцсети ВК, Facebook, Instagram, SoundCloud.
-
Нет бесплатного тарифа, а тестовый доступ ограничен 14 днями (для каждого нового сайта отсчёт начинается заново); -
Функционал платформы, а особенно интернет-магазина, минимальный (хотя, это скорее плюс для начинающих, не понравится это только опытным пользователям, которым нужен больший контроль над своими сайтами).
5) Wix– отличный онлайн-конструктор для создания сайтов с очень удобным подсказчиком (рисунок 5). Процесс создания и редактирования сайта производится пошагово. Система будет задавать наводящие вопросы о том, как именно вы желаете организовать будущий бизнес.На начальном этапе доступны следующие варианты: интернет-магазин, блог, форма подписки, онлайн-запись на услуги. Выбирайте подходящее из сотен шаблонов с блоками либо создавайте собственные. Стоит отметить поддержку Drag & Drop. Можно создавать всплывающие окна. Есть возможность продвижения ресурса, рекламы товаров, раскрутки блога, форума.Рисунок 5 – Главный экран программы WixПреимущества:
-
Русский язык оболочки; -
Поисковая оптимизация; -
Отзывчивая техподдержка; -
Технология защиты страниц; -
Привлечение новых посетителей; -
Загрузка ваших видео, аудио, фото; -
Добавление плагинов социальных сетей; -
Детальное заполнение контактных форм; -
Можно купить уникальное доменное имя; -
Инструмент онлайн-торговли и электронных рассылок; -
Бесплатное развитие web-сайта (также можно оплатить Premium).
-
Предоставление на платной основе не только основных подписок на сервис, но и дополнительных функций; -
Многие из них тоже используют модель Фримиума, но рано или поздно вам всё равно придётся доплачивать за рост функционала своего сайта; -
Редактор страниц может показаться перегруженным, хотя для кого-то это будет плюсом.
-
Бесплатность; -
Интуитивный интерфейс, освоить который сможет любой пользователь с базовым набором навыков; -
Простота создания многостраничных документов и сайтов; -
Отсутствие необходимости изучения языков разметки и программирования; -
Компактность и нетребовательность к системным ресурсам.
-
Скромные возможности визуального редактирования.
Рисунок 7 – Выбор шаблона для сайта в программе TurboSiteШаг 2. Настройка параметров сайта (рисунок 8)Заголовок сайта. Он будет отображаться на каждой странице и вписан в тэг
Значок сайта. Это стандартный favicon.ico файл, который отображается на закладке браузера в виде значка. Чтобы его назначить, совершите клик на верхнюю левую кнопку этой закладки.
Ключевые слова и Описание сайта – это метатеги. Но не все темы подхватывают их при генерации сайта. Это поправимо двумя способами: а) отредактировать шаблон темы; б) на этой же закладке воспользоваться функционалом «Вставить в страницы пользовательский код» (сюда можно вставить любой повторяющийся на каждой странице контент).
Подзаголовок. Он выводится под или вослед заголовка на каждой странице.
Заголовок списка страниц. Это заголовок для бокового меню. Обычно это называется «Содержание сайта» или просто «Меню».
Подвал. Это та запись, которая будет отображаться в самом низу каждой страницы. Например, копирайт или контакты.
Рисунок 8 – Настройка параметров в программе TurboSite
Шаг 3. Добавление и редактирование страниц (рисунок 9)
Ну вот и добрались. Это суть нашего сайта, страницы и их контентное наполнение. Слева работа со структурой. Главная страница создана автоматически. Остальные страницы добавляются по нижней кнопке «Добавить». Меняются местами страницы путем перетаскивания мышкой. Заголовок страницы пишется в поле «Заголовок».
На подзакладке «Визуальный редактор» формируется содержание страницы, состоящее из текстов, картинок, видео. Если вам чего-то не хватает в визуальном редакторе и вы знаете HTML, то смело переходите на подзакладку «HTML-код» и правьте код.
На подзакладке «Параметры страницы» находятся персональные настройки для страницы.
Рисунок 9 – Добавление и редактирование страниц в программе TurboSite
Шаг 4. Добавление дополнительных блоков (рисунок 10)
Это не обязательный шаг, но наверняка им захотят многие воспользоваться. Здесь в виде HTML/CSS/JS можно вставить любой код для его вывода под боковым меню. У этого блока может быть свой заголовок. Блок будет выводиться на всех страницах. Это могут быть счетчики, реклама, виджеты и прочее.
Рисунок 10 – Добавление дополнительных блоков в программе TurboSite
Шаг 5. Публикация сайта в интернете (рисунок 11)
Также необязательный шаг, т.к., в интернете можно опубликовать и по-другому.
Для того, чтобы ваши настройки и труды вступили в силу и превратились в сайт, достаточно нажать на нижнюю кнопку «Генерировать сайт» (которая видна при любой вкладке).
Рисунок 11 – Публикация сайта в интернете в программе TurboSite
2.2 Руководство пользователя
-
Главная страница (рисунок 12)
Рисунок 12 – Главная страница программы TurboSite
-
На главной странице внизу есть ссылка на «Список использованных источников» (рисунок 13)
Рисунок 13 – Ссылка на «Список использованных источников» программы TurboSite
-
С левой части сайта находится меню (рисунок 14)
Рисунок 14 – Меню программы TurboSite
-
На каждой странице внизу есть ссылки на:
«Меню» (рисунок 15)
Рисунок 15 – Ссылка на меню программы TurboSite
«Предыдущую страницу» (рисунок 16)
Рисунок 16 – Ссылка на предыдущую страницу программы TurboSite
«Следующую страницу» (рисунок 17)
Рисунок 17 – Ссылка на следующую страницу программы TurboSite
Заключение
В ходе курсового проектирования разработано и внедрено в учебный процесс электронное учебно-методическое пособие по общепрофессиональной дисциплины ОП.13В Разработка Web – приложений для студентов специальности 09.02.07 Информационные системы и программирование.
Пояснительная записка содержит теоретические сведения основных программных средств создания электронных пособий и подробное описание реализации цели курсового проекта.
В ходе работы над проектом сформулированы и решены следующие задачи:
-
На основании анализа современных программных средств создания электронных пособий теоретически обоснована программа TubroSite; -
На основании изучения материала по общепрофессиональной дисциплине, собрана и систематизирована основная информация, которая представлена в электронном пособии; -
Спроектирована содержательная и навигационная структура пособия; -
Разработан и протестирован дизайн страниц электронного пособия; -
Реализована задача использования данного пособия в учебный процесс.
Проект получил высокую оценку и внедрен в учебный процесс колледжа.
Таким образом, использование компьютера на уроках – это не дань моде, не способ переложить на плечи компьютера многогранный творческий труд преподавателя, а лишь одно из средств, позволяющее интенсифицировать образовательный процесс, активизировать познавательную деятельность, увеличить эффективность урока.
Список использованных источников
-
Алексеев А. Введение в Web-дизайн. Учебное пособие. — М.: ДМК Пресс, 2019. — 184 c. (Дата обращения 05.03.2022) -
Гарретт Д. Веб-дизайн. Элементы опыта взаимодействия / Д. Гарретт. — СПб: Символ-плюс, 2015. — 192 c. (Дата обращения 01.03.2022) -
Гарретт Джесс. Веб-дизайн. Элементы опыта взаимодействия. — М.: Символ-Плюс, 2020. — 285 c. (Дата обращения 19.03.2022) -
Дакетт Д. HTML и CSS. Разработка и дизайн веб-сайтов. — М.: Эксмо, 2019. — 480 c. (Дата обращения 10.02.2022) -
Диков А. В. Клиентские технологии веб-дизайна. HTML5 и CSS3. Учебное пособие. — М.: Лань, 2019. — 188 c. (Дата обращения 13.02.2022) -
Дэвид Макфарланд. Новая большая книга CSS. — М.: Питер, 2018. — 720 c. (Дата обращения 09.01.2022) -
Келер Адриан, Брэдски Гэри. Изучаем OpenCV 3. — М.: ДМК Пресс, 2017. — 826 c. (Дата обращения 04.01.2022) -
Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова / Д. Кирсанов. — М.: Символ, 2015. — 368 c. (Дата обращения 25.01.2022) -
Киселев С.В. Веб-дизайн / С.В. Киселев. — М.: Academia, 2019. — 285 c. (Дата обращения 22.01.2022) -
Клифтон Ян. Проектирование пользовательского интерфейса в Android / Мовчан Д. А. — М.: ДМК Пресс, 2017. — 452 c. (Дата обращения 23.01.2022) -
Макнейл П. Веб-дизайн. Книга идей веб-разработчика / П. Макнейл. — СПб: Питер, 2017. — 480 c. (Дата обращения 15.12.2021) -
Минник Крис, Титтел Эд. HTML5 и CSS3 для чайников. — М.: Диалектика, 2019. — 400 c. (Дата обращения 16.12.2021) -
Нильсен Я. Веб-дизайн: книга Якоба Нильсена / Я. Нильсен. — М.: Символ, 2015. — 512 c. (Дата обращения 17.12.2021) -
Петроченков А., Новиков Е. Идеальный Landing Page. Создаем продающие веб-страницы. — СПб: Питер, 2017. — 320 c. (Дата обращения 06.03.2022) -
Сырых Ю. А. Современный веб-дизайн. Настольный и мобильный. — М.: Диалектика, 2019. — 384 c. (Дата обращения 05.11.2021) -
Атли, Крейг Visual Basic .NET для программистов / Крейг Атли. - М.: ДМК Пресс, 2020. - 950 c. (Дата обращения 07.11.2021) -
Ван, Тассел Д. Стиль, разработка, эффективность, отладка и испытание программ / Ван Тассел Д. - М.: Мир, 2020. - 336 c. (Дата обращения 05.12.2021) -
Вольф, Эберхард Continuous delivery. Практика непрерывных апдейтов / Эберхард Вольф. - М.: Питер, 2021. - 261 c. (Дата обращения 05.02.2022) -
Дагене, В.А; Григас Г.К. 100 задач по программированию / В.А; Дагене, Г.К. Григас, К.Ф. Аугутис. - М.: Просвещение, 2020. - 255 c. (Дата обращения 15.03.2022) -
Дао, Л. Программирование микропроцессора 8088 / Л. Дао. - М.: Мир, 2019. - 357 c. (Дата обращения 15.02.2022) -
Дунаев Web-программирование для всех / Дунаев, Вадим. - М.: БХВ-Петербург, 2021. - 560 c. (Дата обращения 27.02.2022) -
Зелковиц, М. Принципы разработки программного обеспечения / М. Зелковиц, А. Шоу, Дж. Гэннон. - М.: Мир, 2019. - 368 c. (Дата обращения 24.02.2022) -
Зубов, В.С. Сборник задач по базовой компьютерной подготовке / В.С. Зубов, И.Н. Котарова, О.Г. Архипов, и др. - М.: Московский Энергетический Институт, 2021. - 178 c. (Дата обращения 14.03.2022) -
Кнут Искусство программирования / Кнут, Эрвин Дональд. - М.: Вильямс, 2019. - 487 c. (Дата обращения 17.03.2022)