Планирование Web-сайта

Рис. 2.1. Сайт – визитка Александра Друзя

Построение структуры

В структуре нужно всё сделать понятно, т.к. работодатель не будет часами просматривать вашу страницу, ему хватит и нескольких минут. Поэтому нужно добавить только самую важную информацию, а именно:

• Контакная информация;
• Краткая биография;
• Информация об образовании;
• Фотогалерея(по желанию);
• Портфолио(опыт работы).

 

Разработка дизайна

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

Требования сайта

Готовый сайт должен будет отвечать данным требованиям:

1. Корректное отображение информации;
2. Полнота информации (достаточность качества);
3. Удобная и понятная навигация;
4. Версия сайта для мобильных устройств(по возможности);
5. Соответствующий дизайн.

Бюджет

Для разработки сайта-резюме не требуется много финансовых вложений, но всё-таки они будут. Всё зависит от Вас, например от того, будете ли заказывать дизайн или нет и т.п.

Бюджет сайта со своим дизайном:

Домен	600 руб./год, продление 550руб./год
Хостинг	100 руб./месяц
Итого в месяц	150 руб.(1-12 месяц), 146 руб.
Итого в год	1800 руб.(1- ый год), 1755 руб.

 

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

Подготовка к разработке сайта

Для создания технической части сайта я решил использовать CMS WordPress, которая идеально подходит для этого. Она распространяется бесплатно под лиицензией GNU GPL. Написанна на PHP, так же используются базы данных MySQL. Облсть применения WordPress достаточно широка – от сайтов-визиток до сложных больших порталов. Благодаря системе установки плагинов позволяет создать практически любой проект.

На рисунке 2.2 изображен сайт известной газеты The Wall Street Journal, который работает на WordPress.

Рис. 2.2. Домашняя страница The Wall Street Journal

История создания WordPress

12 июня 2001 года Мишель  Вальдриги начал разработку движка b2, впоследствии к проекту присоединились Мэтт Мюлленвег и Майк Литтл. В январе 2003 года Вальдриги прекратил разработку, поэтому автором WordPress считается Мэтт Мюлленвег. Права на товарную марку «WordPress» принадлежат некоммерческому фонду WordPress Foundation.

В 2003 году компания CNET стала использовать WordPress для своих проектов. Мюлленвег встретился с вице-президентом компании и принял предложение о сотрудничестве. В 2005 году он ушёл из CNET, основал Automattic и посвятил себя разработке проектов на движке WordPress.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.2. СОЗДАНИЕ САЙТА

Алгоритм создания сайта

1. Скачивание дистрибутива WordPress;
2. Перемещение всех файлов дистрибутива в корневую папку сайта(сервера);
3. Переход по ссылке на свой сайт;
4. Установка WordPress:
1. Установка связи с базой данных;
2. Выбор названия сайта, логина и пароля админитсратора;
3. Вход под своим логином и паролем в панель администратора;
5. Выбор темы сайта:

• Найти в интернете(выбрал этот вариант);
• Создать самому;

6. Установка темы:

• С жесткого диска в архиве(выбрал этот вариант);
• Через базу тем WordPress;

7. Заполнение сайта информацией.

После того, как я выполнил все эти шагиу меня получилось создать сайт-визитку, который выглядит следующим образом:

Рис. 2.3. Сайт-визитка, разработанный для данной курсовой работы

Рис 2.4. Нижняя часть сайта-визитки

 

 

 

 

 

 

 

 

2.3. АНАЛИЗ ПРОДЕЛАННОЙ РАБОТЫ

Преподнесение информации

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

• Оптимальный размер шрифта;
• Разделы текста разделены чертой;
• Имеется чёрный и тёмно-серый цвет текста на белом фоне для удобного чтения.

Полнота информации

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

• Контактная информация;
• Раздел «Образование»;
• Раздел «Опыт»;
• Раздел «Навыки».

Удобная и понятная навигация

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

Мобильная версия сайта

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

Дизайн

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

 

 

 

 

 

 

 

 

 

 

 

ЗАКЛЮЧЕНИЕ

 

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

При этом были решены следующие задачи:

• ознакомление с современными Интернет-технологиями и их использование в настоящей разработке;
• изучение программного инструментария, применяемого для разработки и создания Web-сайтов;
• выявление и учет методов и способов представления на Web-страницах различных видов информации, не препятствующих их доступности;
• Анализ потребностей;
• Полный алгоритм создания сайта
• Знакомство с CMS WordPress;
• Подсчёт бюджета для создания сайта
• Анализ проделанной работы.

 

 

 

 

 

 

СПИСОК ЛИТЕРАТУРЫ

1. Гаевский А. Основы работы в Интернете. Самоучитель. – СПб.:БХВ-Петербург,2003.-464 с.
2. Анар Бабаев. Создание сайтов. – СПб.: Питер, 2013.-304 c.
3. Итан Маркотт. Отзывчивый веб-дизайн. –Москва.: Манн, Иванов и Фербер, 2012. -176 с.
4. Лайза Сабин-Вильсон. WordPress для чайников. –Москва.: Диалектика,2010. -368 с.
5. www.sembook.ru
6. www.cmslist.ru
7. www.ru.wordpress.org
8. www.htmlbook.ru
9. www.maxsite.org
10. www.habrahabr.ru