Разработка прототипа персонального сайта-портфолио
Введение
С появлением Интернета поиск интересующей информации в Сети стал актуальным и незаменимым ресурсом в повседневной жизни. Современные веб-технологии предлагают прогрессивные варианты решения поставленных задач, а с появлением веб-сайтов поиск в Интернете стал более эффективным.
Поскольку цели создания сайтов различаются в каждом конкретном случае, при выборе типа веб-сайта важно определить, с какой целью сайт создается и что в нем будет размещено.
Веб-сайт – это набор логически связанных между собой веб-страниц, которые выполняют роль рекламных и информационных ресурсов и объединены единой концепцией и дизайном.
Поэтому в наше время одним из самых популярных способов показать свои навыки и прорекламировать себя является создание сайта-портфолио. Сайт-портфолио является эффективным способом накопления и фиксирования индивидуальных достижений с возможностью показать свои навыки в различных видах деятельности, которые можно продемонстрировать для поиска или устройства на
Содержание
Введение 5
Постановка задачи 7
1 Теоретические аспекты проекта 9
1.1 Анализ предметной области 9
1.2 Обзор и анализ существующих сайтов-портфолио 10
1.3 Специфика создания веб-портфолио 15
1.4 Анализ средств разработки сайта 16
2 Разработка персонального сайта-портфолио 21
2.1 Выбор хостинга 21
2.2 Разработка структуры сайта-портфолио 22
2.3 Разработка визуальных элементов сайта 27
2.4 Разработка базы данных для сайта-портфолио 34
2.5 Представление основных страниц сайта 39
3 Тестирование прототипа персонального сайта-портфолио 51
3.1 Проверка на кроссбраузерность 51
3.2 Проверка на адаптивность 56
3.3 Проверка формы обратной связи 58
Заключение 62
Список использованной литературы 63
Приложение А 65
Приложение Б 82
Список использованной литературы
1. Татро Кевин, Макинтайр Питер. Создаем динамические веб-сайты на PHP. 4-е междунар. Изд. – СПБ.: Питер, 2021. – 544 с.
2. Кузнецов М. В., Симдянов И. В. Самоучитель PHP 7 – СПБ.: БХВ-Петербург, 2018. – 448 с.
3. Фрэйн Бен. Отзывчивый дизайн на HTML5 и CSS3 для любых устройств. 3-е изд. – СПБ.: Питер, 2022. – 336 с.
4. Блог Яндекса. Статья «Яндекс начинает учитывать юзабилити сайтов» [Элек-тронный ресурс]. – URL: https://webmaster.yandex.ru/blog/11888. – Дата обращения: (06.05.2019)
5. Николсон Робин. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 5-е изд. – СПБ.: Питер, 2019. – 816 с.
6. МакГрат Майк. JavaScript для начинающих. 6-е изд. – Москва: Эксмо, 2023. – 232 с.
7. 10 примеров лучших портфолио графического дизайна и шаблонов для его создания // Uprock URL: https://www.uprock.ru/articles/10-primerov-luchshih-portfolio-graficheskogo-dizayna-i-shablonov-dlya-ego-sozdaniya (дата обращения: 08.05.2023).
8. Дронов В. А. PHP и MySQL. 25 уроков для начинающих. – СПБ.: Питер БХВ-Петербург, 2021. – 432 с.
9. Фрисби М. JavaScript для профессиональных веб-разработчиков. 4-е междуна-родное изд. – СПБ.: Питер, 2022. – 1168 с.
10. Алексеев А. Введение в Web-дизайн. Учебное пособие. – М.: ДМК Пресс, 2019. – 184 с.
11. Логотип от а до я. Виды, функции, этапы разработки // Brand Hub : сайт. – URL: https://brand-hub.ru/blog/logotip-ot-a-do-ya-vidy-funktsii-etapy-razrabotki (дата обращения: 23.05.2023)
12. Уэлен Джон. Дизайн пользовательского опыта. Как создать продукт, который ждут. – Москва: Манн, Иванов и Фербер, 2021. – 272 с.
13. Figma – онлайн-сервис для разработки интерфейсов и прототипирования [Элек-тронный ресурс]. – URL: https://www.figma.com/. – Дата обращения: (10.05.2023)
14. Долженко А.И. Технологии командной
С помощью онлайн-портфолио можно легко выполнять операции с большим коли-чеством данных, а также использовать ссылки на материалы и прикреплять к своим пуб-ликациям различные файлы.
Площадки размещений онлайн-портфолио: свой сайт (самый удобный вариант, ко-торый не ограничивается возможностями чужих площадок), сервисы для размещения портфолио, онлайн-площадки (Behance, Dribbble), соцсети.
Сайт-портфолио является персональным сайтом пользователя с индивидуальным дизайном, функционалом для представления информации о себе и своих навыках. На страницах сайта представлены работы, достижения