Веб-среда стала значительной частью жизни каждого человека. Все имеют отношение к Интернету, некоторые пусть и отдаленное, но все же имеют. Самые скептически настроенные, консервативные и наиболее рьяные противники технологического процесса впустили Web-информацию в свою жизнь. И благодаря всему происходящему не обойтись нам и без web-дизайна.
Появилась абсолютно новая сфера деятельности на рынке занятости. Веб-дизайнеры, веб-программисты, веб-визуализаторы и верстальщики, сеошники (оптимизаторы) и др.
Практически каждый, кто хорошо общается с компьютером, знают основы веб-программированиеия. Поэтому будет нелишним рассказать об основных засадах веб-дизайна.
Сайт должен удовлетворять таким требованиям:
— быть легким, забирать минимум времени на загрузку;
— иметь удобную навигацию, хорошо разработанное дерево сайта;
— быть стильным, не чересчур «дизайнерским», приятным для глаза;
— иметь хорошую цветовую гамму;
— быть простым в пользовании, все главное должно быть на поверхности, а не зарыто под кучей ненужной информации.
Главное правило, которым нужно руководствоваться — представьте себя на месте юзера Интернета, представьте будто вы впервые видите данный сайт, взгляните на сайт посторонним взглядом.
Сайт должен хорошо индексироваться поисковиком. Но это уже как заметка, это задача seo мастеров.
Вернемся к дизайну сайта. Принято считать, что основное меню должно располагаться в левом верхнем углу, поскольку взгляд в первую очередь попадает именно в этот угол.
На главной странице следует расположить все самое важное: информацию о сайте, о его предназначении, предоставляемые услуги, контактная информация.
Не пытайтесь сделать сайт слишком ярким (не следует мешать все существующие цвета на одной странице), но и бело/серо/черный сайт тоже будет привлекательным для меньшинства пользователей. Конечно, стиль может быть разным, и какое-либо решение может быть идеально подходящим к тематике сайта. Однако не забывайте главные принципы: текст должен быть читабельным: не слишком маленькие буквы, хорошее соответствие фона и цвета текста. Лучше ничего не пишите на пестром завитушечном фоне. Также не следует использовать соотношение цветов фон/текст по типу темный/темный, светлый/светлый, зеленый/желтый и т.д. Это все кажется элементарщиной, трудно представить сколько дизайнеров пренебрегают этими правилами.
Используйте иллюстрации, но также в меру. Числа лучше писать римскими (греческими) символами, нежели прописными буквами — так приятнее для человеческого глаза.
Это лишь некоторые поверхностные принципы сайтостроения.
Чтобы создать сайт самостоятельно, что надо уметь?
Как создать сайт с нуля? В предыдущих статьях, данного раздела, мною было подробно рассказано, как проектируется вебсайт, что для этого выполняется. Если Вы внимательно прочитали этот материал и выполнили все предложенные пункты, то в результате проделанной работы у вас должно было появиться техническое задание на разработку сайта. Можно переходить к следующим действиям.
А следующие действия, это подбор исполнителя, в нашем случае организации или человека, кто займется реализацией всего запланированного, кто будет создавать сайт? Почему подбор исполнителя проводится именно после этапа проектирования? Дело в том, что для создания ресурса необходимо иметь полное и разностороннее представление, что вы хотите получить в итоге, кто будет посетителем проекта, на что распределены ваши финансовые возможности и т.д.
Не имея четкого представления о будущем проекта, не учтя всех тонкостей, которые исследуются и рассматриваются при проектировании, можно легко пойти на поводу у исполнителя, а в итоге получить не то, что планировалось. Поэтому еще раз хочу повторить, что проектирование вебсайта должно быть проведено Вами лично. Вооружившись знаниями и пониманием конечного результата, Вам будет гораздо легче разговаривать с исполнителем или создать сайт самостоятельно.
Мы определились, что создав техническое задание на разработку сайта, необходимо переходить к следующему этапу, подбору исполнителя, который создаст вебсайт. Вариантов, что бы принять такое решение немного их всего два. Первый вариант, создать сайт самостоятельно, а второй, доверить выполнение работ сторонней организации или лицу за установленную договором плату. Задача не простая, но решать ее только вам. Порядок поиска стороннего исполнителя освещен мной в этой статье, а сегодня давайте подробней остановимся на варианте: создать сайт самостоятельно.
Необходимо знать основы сайтостроения и уметь пользоваться целым рядом программ. Это не легкая задача, не всем она под силу. Основой в ее решении является желание обучаться, а усидчивость качественно дополняет желание. Вообще усидчивость, это наверно одна из основных черт, которыми должен обладать веб разработчик.
Прежде чем приступить к самостоятельному созданию сайта, Вам необходимо освоить:
1. Язык программирования HTML.
Язык программирования HTML
Не пугайтесь слова программирования, это довольно таки простой язык, который не сложно изучить на протяжении нескольких дней, что бы создать сайт самостоятельно и иметь представление о нем из нутрии. Хочется так же отметить, что HTML – это основа сайтостроения, без него невозможна разработка любого проекта. Изучить этот язык, помогут бесплатные материалы, которых достаточно в интернете.
2. Каскадные таблицы стилей CSS.
Каскадные таблицы стилей CSS
Обозначенная технология – это так называемый язык стилей, который определяет порядок отображения интернет страниц, созданных на HTML. Именно при помощи технологии CSS воплощаются в жизнь самые интересные дизайнерские задумки, а мы получаем на выходе привлекательный проект.
Освоить CSS в объеме, чтобы создать сайт самостоятельно, как и HTML довольно просто, интернет поспособствует Вам в этом. По CSS создано достаточно много видео и текстовой продукции, причем распространяющейся так же бесплатно.
3. Графический редактор.
Графический редактор
Как вы уже наверно догадались, изучение графического редактора позволит создать, а при необходимости отредактировать все графические объекты необходимые вашему проекту. Здесь я бы остановил свой выбор на Adobe Photoshop. Это, на сегодняшний день, самый популярный графический редактор, позволяющий создавать не просто графические объекты, а именно графику для веб, тем более вы создаете сайт самостоятельно.
4. Визуальный редактор.
Визуальный редактор
Это редактор, который автоматизирует написание HTML и CSS кода. На первых шагах, самостоятельного создания сайта, он поможет Вам избежать множества ошибок в написании кода. Сократит не только время, но и ваши нервы. Наиболее эффективным визуальным редактором, считается продукт Adobe, это Adobe Dreamweaver. По данному редактору так же создано достаточно много русскоязычных инструкций и обучающих курсов, поэтому освоить его можно в кротчайшие сроки.
Изучив все вышеперечисленное, Вы уже сможете создавать простые статические проекты. Данных знаний Вам будет достаточно, что бы создать сайт самостоятельно, тем самым порадовав ваших будущих поклонников.
Необходимо знать и уметь.
Однако если Вас это не устраивает, и хочется придать ресурсу на порядок больше функциональности, то следует двигаться дальше. Здесь два направления, или Вы создаете динамический ресурс на готовом движке и ограничиваете свое воображение возможностями движка, или приступаете к дальнейшему самообразованию и создаете проект, используя серверный язык программирования PHP.
Кстати, чтобы создать сайт на одном из готовых движков, необходимо пройти базовый курс по нужной CMS. Останавливаться на теме самостоятельное создание сайта на основе существующих движков я не буду, потому что именно для меня сия тема не интересна. Хочу только заметить, наиболее популярными на сегодняшний день являются движки: CMS Joomla, CMS DRUPAL, CMS WordPress. Освоить такую технологию можно бесплатно, ищите в сети интернет.
Если Вы решили создавать сайт самостоятельно и дальше, то я советую остановить свой выбор на изучении:
1. Языка программирования сценариев JavaScript.
Языка программирования сценариев JavaScript
Это клиентский язык программирования, который применяется при веб разработке для манипулирования объектами в различных приложениях. Код, написанный на JavaScript, исполняется браузером, когда открывается страница вебсайта. По сравнению с HTML и CSS данную технологию изучить будет гораздо сложнее, хотя обучающих материалов в интернете предостаточно.
2. Серверный язык программирования PHP.
Серверный язык программирования PHP
На сегодняшний день это самый популярный язык в веб разработке и используется для решения конкретных практических задач в среде интернет на стороне сервера. То есть, в отличие от JavaScript, код, написанный на РНР, обрабатывается сервером. Изучение данного языка лучше построить на разработке необходимых скриптов для создания собственной CMS.
3. Системы управления базами данных MySQL.
Системы управления базами данных MySQL
Это программное обеспечение позволяющее управлять информацией собранной в базе данных. MySQL и РНР тесно взаимосвязаны, поэтому изучаются параллельно в большинстве случаев. Совместно, данный дуэт, выполняет следующие задачи: запись, выборка и обработка данных, которые хранятся в компьютерной базе данных.
Это основное, что необходимо, для создания полностью своего продукта, который в дальнейшем может стать для Вас настоящей гордостью. Подводя итоги, хочется отметить следующее. Сегодня существует множество способов, чтобы создать сайт самостоятельно – это всевозможные конструкторы, сторонние системы управления контентом CMS и многое другое. Но что бы создать ресурс, требующий уважения, стоит обратить пристальное внимание на все выше перечисленное мной. Эти знания помогут вам не только в разработке, но и в дальнейшей эксплуатации вашего ресурса.
