• Рубрики
  • Слайдер статей
  • Тест сайта
  • Подписка
  • Сайдбар
  • Прокрутка вверх
  • Как сделать сайт с нуля своими руками (вводная часть)

    1. Причины создания пошаговой инструкции по разработке самописного сайта
    2. Тема создаваемого сайта
    3. В чем будет заключаться монетизация
    4. Функционал
    5. Этапы создания
    6. Текущее состояние создаваемого сайта

    Здравствуйте уважаемый посетитель!

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

    Причем чтобы такой интернет-ресурс был создан не на каком-нибудь стандартном шаблоне бесплатной СMS (Content management system - система управления контентом) типа WordPress, Drupal, Joomla и т.п., а заточенный под себя, с возможностью обеспечить ему должную безопасность и реализовать все свои индивидуальные потребности.

    Часто такие сайты, созданные под конкретные задачи на основе языка разметки веб-страниц HTML, стилей CSS и других инструментов веб-программирования (PHP, JavaScript и т.п.), называют самописными.

    Этой статьей начинается отдельная рубрика "Как сделать сайт с нуля своими руками", где на реальном примере, с предоставлением исходных материалов (программные коды, файлы и т.п.), будет показано, как действительно можно самостоятельно сделать рабочий сайт.

    По существу, она представляет вводную часть сборника статей по столь интересной и полезной теме. И в общих чертах поясняет некоторые особенности создаваемого сайта.

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

  • Текущее состояние создаваемого сайта

    1. Проверка при малых разрешениях экрана
    2. Проверка при больших разрешениях экрана
    3. Проверка на выделенном домене

    Здравствуйте уважаемый посетитель!

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

    Для этого предусмотрена возможность оценивать его работу в двух вариантах: с использованием зеркала сайта на поддомене текущего ресурса и на реальном интернет-ресурсе, размещенном на выделенном домене "avtobezugona.ru.

    Следует отметить, что первый вариант, предусматривающий использование зеркала сайта, позволяет наглядно оценить его работу при различных разрешениях экрана в диапазоне от 320px до 1920px. Что очень удобно для проверки адаптации во всем допустимом диапазоне.

    Второй вариант же просто показывает, как это выглядит в реальных условиях при работе в сети Интернет.

Самописный сайт своими руками!

Текущее состояние создаваемого сайта

Здесь можно посмотреть текущее состояние тестового самописного сайта, который создается в рамках цикла статей Сделай сайт с нуля своими руками.

Где в дополнительных материалах можно бесплатно скачать исходные файлы сайта с таблицами MySQL.

Вы здесь: Главная → Сборник статей → Дизайн-макет → Определяем способ создания дизайн-макета



Автор: / Дата:

Определяем способ создания дизайн-макета

Здравствуйте уважаемый посетитель!

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

Содержание


  • Какие существуют варианты дизайна
  • Дизайн на заказ
  • Дизайн на основе платных готовых шаблонов
  • Дизайн на основе бесплатных шаблонов
  • Самостоятельное выполнение дизайна

Какие существуют варианты дизайна


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

  • дизайн на заказ
  • использование платных готовых шаблонов.
  • использование бесплатных шаблонов
  • самостоятельная разработка

В зависимости от того, по какому пути пойти, в большой степени будут зависеть все последующие действия.

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

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

Напротив, в случае самостоятельной разработки макета, нужно в первую очередь обратить внимание на овладения необходимых навыков работы с графическими инструментами, такими, как Adobe Photoshop или GIMP. Это можно сделать, используя соответствующие обучающие курсы, например, такие как, имеющиеся здесь на сайте бесплатные видеокурсы Фотошоп для начинающих (бесплатная версия), Видеосамоучитель GIMP или какие-либо другие обучающие материалы.

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

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

Ниже будут более подробно рассмотрены все перечисленные варианты.

Дизайн сайта на заказ


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

В этом случае можно воспользоваться биржами фриланс, такими как "http://fl.ru", "http://freelance.ru" и т.п. где можно найти специалиста, который за деньги вам это сделает.

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

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

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

Первый вариант можно увидеть на примере биржи "http://fl.ru", где на рис.1 показано, как выглядят размещения заданий на конкурс для поиска претендентов на работу.

Для увеличения / уменьшения размера изображения кликните по картинке
Способы создания дизайна сайта, картинка 1

Рис.1

Пример технического задания на дизайн интернет магазина показан на рис.2.

Для увеличения / уменьшения размера изображения кликните по картинке
Способы создания дизайна сайта, картинка 2

Рис.2

Второй вариант поиска возможных исполнителей показан на рис.3, где в разделе услуги можно найти достаточно много разных предложений от дизайнеров с указанием ориентировочной стоимости работ.

Для увеличения / уменьшения размера изображения кликните по картинке
Способы создания дизайна сайта, картинка 3

Рис.3

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

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

На рис.3 можно увидеть варианты предложений от дизайнеров, где лишь на одной странице присутствуют предложения от 6000 до 33000 рублей.

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

Дизайн на основе платных готовых шаблонов


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

Существует немало площадок, где можно купить готовые шаблоны, причем стоимость их будет значительно меньше, чем если это делать на заказ. На рис.4 для примера приведен скриншот страницы "http://protpls.ru", где можно увидеть вполне демократичные цены.

Для увеличения / уменьшения размера изображения кликните по картинке
Способы создания дизайна сайта, картинка 4

Рис.4

В чем можно увидеть привлекательность использования готовых платных шаблонов? Наверное в том, что их стоимость существенно меньше, чем на заказ. При чем, в большинстве случаев они сделаны на профессиональном уровне.

Также, можно отметить, что в этом варианте не надо искать подходящего специалиста и ждать пока он сделает работу. Здесь просто выбирается подходящий по тематике и понравившийся шаблон.

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

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

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

Дизайн на основе бесплатных шаблонов


Данный вариант, аналогичен предыдущему, но при этом совершенно бесплатен.

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

Для примера, на рис.5 приведен скриншот страницы по адресу: "http://internet-technologies.ru/templates", где можно найти такие бесплатные шаблоны.

Для увеличения / уменьшения размера изображения кликните по картинке
Способы создания дизайна сайта, картинка 5

Рис.5

Самостоятельное выполнение дизайна


Самостоятельное выполнение дизайна, это самый сложный вариант из всех приведенных. Но зато, он дает возможность воплотить все свои мысли и творчество по истинно в уникальном дизайне своего сайта.

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

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

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

Но это не значит, что все должны так поступать. Если, кто-то решит, что часть работ лучше ему выполнит кто-то другой, то в этом нет ничего плохого. Просто, он эти работы сможет сделать на заказ.

Поэтому, в этой статье и рассмотрены все возможные способы создания дизайн-макета сайта, а уж как его делать, выбирает каждый для себя сам.

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


И последне, что следует сказать в завершении этой статьи.

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

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

Это один единственный случай, когда по ходу работы не будет предоставлен исходный файл. Вместо этого, в дополнительных материалах будет находиться файл в формате "jpg" с измененной картинкой, изображение которой позволит использовать ее для верстки сайта и проверки его работы, но не даст возможность "в лоб" использовать ее для рабочего сайта.

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

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

На этом все, и в следующей статье мы приступим к самостоятельному созданию дизайн-макета сайта.

С уважением, Николай Гришин

Читать дальше


Комментарии


Если у Вас возникли вопросы, или есть какие-либо пожелания по представлению материала, либо заметили какие-нибудь ошибки, а быть может просто хотите выразить свое мнение, пожалуйста, оставьте свои комментарии. Такая обратная связь очень важна для возможности учитывать в дальнейшем мнение посетителей.

Буду Вам за это очень признателен!

comments powered by HyperComments