МИНОБРНАУКИ РОССИИ
федеральное государственное автономное образовательное учреждение
высшего образования
«Санкт-Петербургский политехнический университет Петра Великого»
(ФГАОУ ВО «СПбПУ»)
Университетский политехнический колледж
Утверждаю
Зам. директора по УР
М.Г. Рождественская ___________
«___» ____ 201_ г.
ОТЧЕТ
По учебной практике
Технология публикации цифровой мультимедийной информации
По профессиональному модулю ПМ 03 Выполнение работ по профессии «Оператор электронно-вычислительных и вычислительных машин»
Специальность09.02.03. «Информационные системы (по отраслям)»
Студента II курса 2293/22 группы
_____________________ Петровой Анастасии Сергеевны _________________
(Фамилия, имя, отчество)
Место прохождения практики: УПК, пр. Энгельса д.23
Период прохождения практики
с «10» мая 2016 г. по «04» июня 2016 г.
Руководитель(и) практики:
______________ Клименко Д.Н.
(подпись) (расшифровка подписи)
Итоговая оценка по практике ____________________
Санкт-Петербург
2016 г.
Содержание
1. Выбор темы. Сбор материала. Актуализация темы. 3
2. Создание структуры сайта. 5
3. Создание макета страниц. 6
4. Реализация поиска по сайту. 7
5. Добавление аудио контента на сайт. 8
6. Добавление видео контента на сайт. 9
7. Добавление ссылок. 12
8. Медиа-запросы.. 13
9. Создание выпадающего меню навигации. 17
10. Создание Слайдера. 22
11. Добавление формы регистрации. 27
12. Проверка валидности сайта. 31
13. Поисковая оптимизация сайта. 34
14. Публикация сайта. 35
15. Тестирование сайта в различных браузерах. 36
Выбор темы. Сбор материала. Актуализация темы.
Сейчас интернет-магазины очень популярны. Поэтому меня заинтересовала эта тема.
Посмотрев запросы на эту тему – можно заметить, что интернет-рестораны довольно востребованы.
Действительно, ведь с использованием Интернет-ресторана можно доставлять еду в два раза быстрее, а люди смогут провести это время с большей пользой.
По моему запросу «Заказ суши» конкурентность не очень большая. (Рис. 1.1)
Рис. 1.1- Список сайтов конкурентов по запросу «Заказать суши»
Создание структуры сайта
При разработке сайта сначала была создана внутренняя структура сайта. (рис. 2.1) Куда в последствии были помещены файлы и материалы (изображения, видео и аудио).
Рис. 2.1 - Внутренняя структура сайта.
А так же прилагается древовидная структура сайта (рис. 2.2).
Рис. 2.2 - Древовидная структура
Создание макета страниц
Все страницы сайта имеют одинаковый дизайн, поэтому макет был создан только для главной страницы (рис. 3.1)
Рис. 3.1 – Макет главной страницы сайта.
Реализация поиска по сайту
Реализация поиска была добавлена на всех страницах сайта (Кроме на страницах регистрации и авторизации на сайте). (рис. 4.1)
Рис. 4.1 - Поиск по сайту
Ниже показан HTML код:
<input type="search" name="q" placeholder="Поиск по сайту" /><input type="submit" value="Поиск" />
5. Добавление аудио контента на сайт
Аудиозапись под именем «music.mp3» была размещена на странице «Контакты» из локальной папки (рис. 5.1)
Рис. 5.1 - Добавление аудио на странице «Контакты»
Ниже показан HTML код аудио:
<audio controls> <source src="other/music.mp3" type="audio/mp3"> <a href="music.mp3"></a></audio>