
- •Содержание
- •Введение
- •Теоретическая часть
- •Актуальность темы
- •Обоснование темы курсовой работы
- •1.3 Выбор программных средств для разработки сайта
- •Требования к техническому обеспечению
- •Практическая часть
- •Разработка интерфейса web-сайта
- •Разработка структуры и дизайна web-сайта
- •Загрузка шаблона
- •Создание страниц
- •Заключение
- •Список литературы
- •Приложение
1.3 Выбор программных средств для разработки сайта
Для выполнения курсовой работы были выбраны следующие программные средства.
Open Server – это портативная серверная платформа и программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий. Программный комплекс имеет богатый набор серверного программного обеспечения, удобный, многофункциональный продуманный интерфейс, обладает мощными возможностями по администрированию и настройке компонентов. Платформа широко используется с целью разработки, отладки и тестирования веб-проектов, а также для предоставления веб-сервисов в локальных сетях.
WordPress – система управления содержимым сайта с открытым исходным кодом, распространяемая под GNU GPL. Написана на PHP, в качестве сервера базы данных использует MySQL. Сфера применения - от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.
Для коррекции изображений использовался Adobe Photoshop cs6, которая является многофункциональным редактором.
Требования к техническому обеспечению
Компьютер, на который будет устанавливаться данное программное обеспечение должно отвечать следующим минимальным требованиям.
Open Server:
поддерживаемые версии Windows (32-бит и 64-бит): Windows XP SP3 и все более новые версии;
минимальные системные требования для работы программного комплекса: 200 Мб RAM и 1 Гб на HDD;
требуется наличие установленного набора библиотек Microsoft Visual C++ 2005-2008-2010 Redist. Package x86.
WordPress:
PHP версии 5.2.4 или старше;
MySQL версии 5.0 или выше;
модуль Apache mod_rewrite (для «красивых» адресов, называемых постоянными ссылками).
Adobe Photoshop:
процессор Intel® Pentium® 4 или AMD Athlon® 64 (с частотой 2 ГГц или более мощный)
Microsoft® Windows® 7 с пакетом обновления SP 1, Windows 8, или Windows 8.1
1 Гб оперативной памяти
2,5 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на съемные устройства хранения на базе флэш-памяти)
разрешение монитора 1024 x 768 (рекомендуется 1280 x 800), видеокарта с поддержкой OpenGL® 2.0, 16-разрядных цветов, 512 Мб видеопамяти (рекомендуется 1 Гб)
для активации программного обеспечения, подтверждения регистрации в программе и доступа к онлайн-услугам требуется интернет-соединение и регистрация.
Практическая часть
Разработка интерфейса web-сайта
Для коррекции изображений было использована программа Adobe Photoshop CS6, которая является многофункциональным редактором. В основном работает с растровыми изображениями, однако имеет некоторые инструменты для работы с векторной графикой.
Рисунок
1 - Пример работы в Adobe Photoshop CS6
Разработка структуры и дизайна web-сайта
На главной странице сайта должны быть расположены:
меню (главная, услуги, контакты);
слайдер с фотографиями с их автовоспроизведением;
блок с информацией об автосервисе.
Рисунок 2 - Страница Главная
Страница Услуги:
меню (главная, услуги, контакты);
таблица со списком услуг;
ссылка с возможностью скачать список услуг в формате Excel файла.
Рисунок 3 – Страница услуги
Страница Контакты:
меню (главная, услуги, контакты);
информация о местонахождении автосервиса и времени его работы;
яндекс карта с отметкой.
окно с возможностью оставить комментарий.
Рисунок 4 - Страница Контакты