Создание сайта с использованием онлайн-редактора WiX

Размещено на http://www.allbest.ru/

Введение

Учебная практика необходима для студентов как средство обучения решения задач различного уровня программирования в определённые сроки и для последующего устройства на работу. Учебная практика в учебных заведениях имеет целью углубить и закрепить теоретические знания студентов, выработать навыки практической, а во многих случаях и исследовательской работы, ознакомить с современным оборудованием.

Мне была поставлена задача: создать сайт на тему «Животные красной книги Республики Башкортостан». Для этого я использовал интернет движок WiX.

Сайт, или веб-сайт - совокупность логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.

Сайт необходим для того, чтобы люди могли получить интересующую их информацию, при помощи интернет сети. У сайтов может множество тем и тематик.

Wix.com - международная облачная платформа для создания и развития интернет-проектов, которая позволяет строить профессиональные сайты и их мобильные версии на HTML c помощью инструментов drag-and-drop. Расширять функциональность сайтов можно за счет приложений, разработанных Wix или сторонними компаниями. Например, добавлять плагины социальных сетей, инструменты для онлайн-торговли и электронных рассылок, контактные формы, блоги и др. Сервис доступен на 11 языках: английском, русском, французском, немецком, итальянском, испанском, португальском, польском, японском, корейском и турецком.

Цель производственной практики ПП01.Разработка функционального программного модуля: Разработка программного продукта средствами современных web-технологий.

Задачи:

знакомство с существующими web-технологиями и обоснование выбора технологии для выполнения поставленной профессиональной задачи;

построение программного кода средствами выбранной технологии;

отладка программного кода с использованием инструментальных средств;

тестирование программного кода по заданному сценарию;

разработка технической документации.

В период прохождения производственной практики ПП 01.Разработка функционального программного модуля студент должен:

поставить цель и разбить ее на задачи;

определить технологию разработки программного продукта в соответствии с техническим заданием;

оценить эффективность и качество созданного программного продукта;

провести анализ произведенного выбора технологии;

общаться со специалистами по профессиональным вопросам;

использовать информационно-коммуникационные технологии для решения поставленной профессиональной задачи;

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

В результате прохождения производственной практики я должен освоить:

практический опыт:

разработки алгоритма поставленной задачи и реализации его средствами автоматизированного проектирования;

разработки кода программного продукта на основе готовой спецификации на уровне модуля;

использования инструментальных средств на этапе отладки программного продукта;

проведения тестирования программного модуля по определенному сценарию.

Профессиональные компетенции:

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

2. общие компетенции:

ОК3. Принимать решения в стандартных и нестандартных ситуациях и нести за них ответственность

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

ОК5. Использовать информационно - коммуникационные технологии в профессиональной деятельности.

ОК6. Работать в коллективе и в команде, эффективно общаться с коллегами, руководством, потребителями

ОК8. Самостоятельно определять задачи профессионального и личностного развития, заниматься самообразованием, осознанно планировать повышение квалификации



Краткая характеристика объектов практики

Распоряжением Правительства Республики Башкортостан от 17.12.2014 г. № 1418-р проведена реорганизация образовательных организаций путем присоединения к ГАОУ СПО Стерлитамакский колледж строительства, экономики и права - ГБОУ СПО «Стерлитамакский технологический колледж» и ГБОУ НПО профессиональный лицей № 3 г. с переименованием в ГАПОУ Стерлитамакский колледж строительства и профессиональных технологий.

Стерлитамакский колледж строительства и профессиональных технологий имеет богатую историю, объединяющую в себе историю строительного, технологического колледжей и профессионального лицея № 3.

Создание Стерлитамакского строительного техникума в нашем городе непосредственно связано с деятельностью базового треста «Стерлитамакстрой». В сороковых - начале 50-х годов трест выполнял большой объем работ по строительству содово-цементного комбината, завода синтетического Каучука. Нужны были квалифицированные кадры строителей. Поэтому Приказом Министра строительства предприятий тяжелой индустрии № ОС-253 от 11 сентября 1952 г. был организован Стерлитамакский вечерний техникум с количеством 60 человек. Первые занятия проходили в 5-ой и 21-ой школах.

В 1957 году был построен учебно-лабораторный корпус, в 1959 году - общежитие. Это были первые высотные здания на проспекте Ленина.

В 1974 году построен учебный корпус № 2.

В 1980 году построены учебные мастерские, а в 1982 году - гаражи на 10 боксов.

В последующие годы построен спорткомплекс с лыжной базой и восстановительным центром, пристрой ко 2-му корпусу, где разместились спортзал, актовый и дискозал.

В целях дальнейшего развития многоуровневой подготовки кадров приказом Государственного комитета РФ по жилищной и строительной политике № 17-104 от 30.04.1998 г. Строительный техникум преобразован в Стерлитамакский колледж строительства, экономики и права.

В соответствии с Распоряжением Правительства Российской Федерации от 31.12.2004 г. № 1770-р и Распоряжением Правительства Республики Башкортостан от 28.03.2005 г. № 234-р колледж передан из федеральной собственности в региональную и стал ГОУ СПО СКСЭиП. Распоряжением Правительства Республики Башкортостан от 1 декабря 2009 г. № 1333-р создано государственное автономное образовательное учреждение среднего профессионального образования Стерлитамакский колледж строительства, экономики и права (ГАОУ СПО СКСЭиП).

Стерлитамакский технологичекий колледж основан в 1970 году как технологический техникум приказом Министерства бытового обслуживания РСФСР от 30 июня 1970 года.  

Были построены: актовый и спортивный залы, хозяйственный корпус, общежитие на 36 мест.

Здание колледжа не сразу было передано в пользование. Вначале это было общежитие Стерлитамакстрой, далее здание было передано в пользование Стерлитамакскому филиалу Уфимского нефтяного института. Был произведен капитальный ремонт и перепланировка для учебных нужд. И наконец, здание было передано Стерлитамакскому технологическому техникуму.

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

Постановлением Правительства РФ от 20.02.1992 года № 100 техникум был переименован в колледж.

14.02.1997 г. Государственным комитетом РБ по управлению государственной собственностью, колледжу выдан в оперативное управление 5-этажный учебный корпус с пристроями, расположенный по пр. Ленина, 18.

Пятиэтажное общежитие по адресу: ул. Деповской, 36 а, которое полностью обеспечивало всех иногородних студентов жильем.

Для подготовки рабочих кадров в 1950 г. на базе треста «Стерлитамакстрой» была организована школа фабрично-заводского обучения № 6, приказ от 18.10.1950 г. № 251. В дальнейшем в целях повышения качества подготовки рабочих строительных профессий приказом № 331 от 31.10.1955 г. школа № 30 была преобразована в строительную школу № 6. Затем приказом № 18 от 10.07.1957 г. школа № 6 переименована в Строительное училище № 6. В 1962 году для укрепления связи образовательного и производственного процессов СУ № 6 приказом № 171 от 24.06.1962 г. переименовано в ГПТУ № 3, Приказом № 723 от 01.10.1974 г. переименовано в СГПТУ № 3, затем приказом № 344 от 1990 г. переименовано в СПТУ № 3.

На основании приказа МНО Республики Башкортостан от 24.02.2000 № 222 профессиональное училище № 3 переименовано в государственное образовательное учреждение начального профессионального образования профессиональное училище № 3 г. Стерлитамак Республики Башкортостан (сокращенно ГОУ НПО ПУ № 3).

На основании приказа МО РБ от 07.09.2011 № 1211 ГОУ НПО ПУ № 3 переименовано в государственное бюджетное образовательное учреждение начального профессионального образования профессиональный лицей № 3 г. Стерлитамака Республики Башкортостан (сокращенно ГБОУ НПО ПЛ№3).

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

Выпускники лицея работают в качестве мастеров производственного обучения.

Руками наших выпускников построены многие заводы и предприятия города, в том числе гиганты: «Сода», завод «Синтетического каучука», «Каустик», превратившие его в современный промышленный центр - город большой химии и машиностроения.

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

Для проведения учебных практик имеются 2 здания учебных мастерских с 9-ю цехами по видам работ, гаражи на 10 боксов, где размещаются 3 грузовых учебных автомобиля, 6 легковых автомобилей и автобус.

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

В колледже работает высококвалифицированный педагогический коллектив в количестве 126 человек, в составе которого:

- 5 заслуженных учителей РБ;

- 20 Отличников образования;

- 12 Почетных работников среднего профессионального образования;

- 1 Почетный работник начального профессионального образования;

- 4 Лучших работников физической культуры РБ;

- 1 Заслуженный работник сферы обслуживания РБ.

Все преподаватели имеют высшее образование

В колледже ведется подготовка специалистов среднего звена по 10 специальностям и подготовка квалифицированных рабочих, служащих по 5 специальностям.

Контингент очной формы обучения составляет 2067 чел., заочной формы обучения - 319 чел.

В течение 5 лет колледж на Всероссийской олимпиаде профессионального мастерства по специальности «Строительство и эксплуатация зданий и сооружений» занимают призовые места, а в 2011 и 2012 году - первое место.

Колледж является лауреатом конкурса «Лучшие колледжи ПФО», имеет сертификат о включении в реестр «Надежная репутация», является участником Общероссийского кадастра «Книга Почета».

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

Данные:

Дата создания: 11 сентября 1952 года.

Юридический адрес: 453107, Республика Башкортостан, г. Стерлитамак, пр. Ленина. 8.

Почтовый адрес: 453107, Республика Башкортостан, г. Стерлитамак, пр. Ленина. 8.

Телефон/Факс приемной: 8(3473) 43-19-69.

Электронная почта: Kolstrbux@mail.ru 

Учредитель: Министерство образования Республики Башкортостан.

Адрес: 450077, Республики Башкортостан, г. Уфа, ул. Театральная 5/2 http://www.morb.ru

Обучение производится на государственном языке Российской Федерации.

Директор - Анатолий Михайлович Андреев, заслуженный работник сферы обслуживания РБ - тел. (83473) 43-25-69, E-mail: Kolstrbux@mail.ru

Дневник работ, выполненных на производственной практике

Дата	Содержание работы
10.11.16	Постановка цели. Инструктаж по ТБ. Определение темы задачи. Оформление документации.
11.11.16	Оформление документации. Определение набора ресурсов в соответствии с требованиями задании. Определение проблемной области профессиональной задачи.
12.11.16	Оформление документации. Выбор метода и способы решения поставленной задачи. Разработка алгоритма решения поставленной задачей.
14.11.16	Оформление документации. Разработка алгоритма решения поставленной задачей. Разработка технического задания.
15.11.16	Оформление документации. Разработка технического задания. Разработка кода программного продукта на основе готовой спецификации на уровне модуля
16.11.16	Оформление документации. Разработка кода программного продукта на основе готовой спецификации на уровне модуля. Изучение дополнительных возможностей среды программирования.
17.11.16	Оформление документации. Использование инструментальных средств на этапе отладки программного продукта.
18.11.16	Оформление документации. Создание тестового задания. Проведение тестирования программного модуля по созданному сценарию.
19.11.16	Оформление документации. Разработка сопроводительной документации к программному продукту.
21.11.16	Оформление документации. Подготовка теоретической части отчета.
22.11.16	Оформление документации. Подготовка практической части отчета и приложений.
23.11.16	Оформление документации. Защита и сдача отчета.

Руководитель практики от предприятия ______________Е.В. Симакова

Структура и содержание технического задания (ТЗ)

Имя сайта (название домена).

Например: www.best-mebel-trade.ru

Название сайта.

Например: Сайт производственно-торговой фирмы "Торговый дом "Бэст-мебель-трэйд". Далее - Торговый дом.

Назначение сайта (цель создания сайта).

Например: Представление Торгового дома в Интернет: информация о Торговом доме, о выпускаемой продукции и её технических характеристиках, цены на выпускаемую продукцию и оказываемые услуги, справочная техническая информация, советы покупателю, сопроводительные графические рисунки, юридический адрес, почтовый адрес, схема проезда, контактная информация, банковские реквизиты, сведения об имеющихся вакансиях.

Сайт должен способствовать увеличению притока покупателей при одновременном снижении расходов на рекламу. Сайт должен способствовать привлечению деловых партнеров (грузовые автоперевозки, производители мебельной фурнитуры, производители упаковки для мебели и пр.).

Структура сайта

Например: Общая структура сайта представлена на рис. 1.

Рисунок 1. Общая структура сайта

Язык сайта.

Например: Русский и английский.

Объём и состав текстовой информации.

Не менее 10 листов

Объём и состав графической информации.

Не менее 15 картинок

Предполагаемая возрастная аудитория сайта.

Например: От 25 лет и старше.

Количество страниц сайта.

Например: Сайт должен содержать следующие html страницы: 1 - Главная (домашняя) страница; 2,3,4,5 - Прайс-лист; 6,7,8,9,10,11,12,13 - Фото (каталог) товаров; 15,16,17,18,19 - Справочная информация; 20 - Уход за мебелью; 21,22 - О фирме; 23,24,25,26 - Офис; 27 - Партнёры; 28 - Вакансии; 29 - Потребности; 30 - Сервисы; 31 - Доставка мебели; 32 - Мебель на заказ.

Количество html страниц сайта определяется веб-дизайнером самостоятельно, исходя из объёма представленных материалов согласно Приложению 3.

Кнопки управления (навигация сайта).

Определяются веб-дизайнером самостоятельно.

С каждой страницы сайта должен быть обеспечен переход (установлена гиперссылка) на главную страницу сайта. Сайт должен содержать страницу "Содержание" (карта сайта).

Объём сайта, Мб. 

Не оговаривается.

Оформление рисунков.

Все рисунки объемом более 1 Кб должны быть выполнены с замещающим (альтернативным) текстом. Рисунки размером более 15 Кб должны быть выполнены с предпросмотром. Формат всех рисунков gif или jpg (jpeg).

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

Среднее время загрузки страниц не должно превышать 30 секунд при скорости соединения 28.8 Кбит/сек. Допускается увеличение времени загрузки отдельных страниц до 35 секунд, но не более чем на 30% числа страниц сайта. Головная (начальная) страница должна иметь время загрузки не более 40 секунд.

Примечание:

Во всех случаях не учитывается время загрузки подгружаемых элементов (счетчики, баннеры, информеры и т.д.).

Основной диапазон разрешения мониторов, на которых будет просматриваться сайт.

От 1х800 до 1280х1024 пикселей (от 15" ЭЛТ до 19" ЭЛТ или 17" LCD).

Основное разрешение, на которое оптимизируется сайт: 1024х768 пикселей (17" ЭЛТ или 15" LCD)

Минимальное разрешение монитора, на котором будет просматриваться сайт.

600 х 800 пикселей (15" ЭЛТ)

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

Основной браузер, которым будет просматриваться сайт, и его минимальная версия.

Сайт должен обеспечивать корректное отображение данных в следующих браузерах:

Internet Explorer (версия 5.5 и выше);

Opera (версия 7.0 и выше);

Mozilla Firefox (версия 1.0 и выше).

Google Chrome (версия 58 и выше)

Цветовая палитра.

Основной режим мониторов, на которых будет просматриваться сайт: 15 разрядов цветов и выше (число цветов 65536 и выше).

При разработке сайта должен быть обеспечена возможность его просмотра при использовании безопасной цветовой палитры (разрядность цветов 8). Изменения оттенков цветов, при просмотре сайта с использованием безопасной цветовой палитры, не оговариваются.

Общий фон сайта.

Общий фон сайта тёмно синий, а также белый на странице “связаться”. Допускается использование светлого фонового рисунка.

Размер и вид шрифта сайта.

Размер шрифта сайта должен быть в пределах 26-28 для оформления текста. Размер шрифта для оформления заголовков, названия страниц и т.д. не оговаривается. Вид (название) шрифта не оговаривается.

Срок разработки сайта. 

72 часа

Порядок передачи сайта.

Разработчик содержит сайт на бесплатном хостинге WiX.

Сопровождение сайта.

Сопровождение сайта определяется отдельным ТЗ. В настоящем ТЗ сопровождение сайта не оговаривается и не входит в состав выполняемых работ (услуг).

Дополнительные условия.

Каждая страница сайта должна содержать название сайта “Красная книга республики Башкортостан”. 

Вся контактная информация находится на отдельной странице “Связаться”

Описание сайта

Для создания сайта я использовал онлайн редактор под названием WiX.

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

Хедер чёрного цвета с непрозрачностью 50% присутствует на каждой странице сайта, через него и осуществляется навигация по сайту. На хедере находится синий прямоугольник и текст на нем “Красная книга республики Башкортостан”.

При входе на сайт появляется главная страница, на которой содержится краткая информация.

Рис. 2. Главкная страница сайта

На рисунке можно увидеть хедер и саму главную сраницу с кратким текстом. Хедер будет использоваться для получения доступа к остальным страницам сайта. Как можно увидеть на скриншоте в нижней части хедера расположенны 4 ссылки на страницы. Самая первая ”Главная” вернет нас на главную, если мы на ней не находимся.

На второй ссылке “О нас” сайт откроет новую страницу

Рис. 3. Вкладка “О нас”

На ней содержится информация о разработчике сайта.

Рис. 4. Вкладка “Список”

На третьей вкладке “Список” находится информация о вымирающих животных в виде списка по алфавиту:

Большой тушканчик

Водяная ночница

Выдра

Выхухоль

Малая вечерница

Марал

Нутопырь Натузиуса

Норка европейская

Обыкновенная летяга

Список содержит 9 животных с их фотографиями и кратким описанием, состоянием их численности и образом жизни.

На вкладке “Связаться” находится контактная информация разработчика сайта.

Рис.5. вкладка “Связаться”

интернет сайт страница данные

Связаться с разработчиком можно по e-mail, а также по телефону. Указан также адрес фирмы. Для отправления e-mail'а разработчику необходимо заполнить поля в правом нижнем углу, а затем нажать на кнопку “отправить”.

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

Заключение

Я выполнил поставленную мне задачу, а именно создал сайт с использованием онлайн-редактора WiX. Я научился применять на практике движок WiX.



Литература

http://www.redbook.ru/modules.php?name=News&file=categories&op=newindex&catid=9 - список животных красной книги

Wikipedia.org - краткая информация о животных.

Размещено на Allbest.ru

...