Имасайтер Имасайтер

инструменты моделирования и анализа сайтов

Как создать свой сайт. Шаг 2: Создание сайта визитки

Приветствую всех выживших после самой сложной работы по созданию своего сайта - проявления идеи сайта!

Дальше дело техники.

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

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

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

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

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

Итак, что нам нужно, чтобы сделать сайт визитку?

Как для любого дела, в первую очередь нужно выбрать и подготовить инструменты и рабочую среду. Далее наши действия несколько зависят от того, какой вариант вам более предпочтителен: сделать сайт самому или заказать сайт? Оба варианта имеют свои плюсы и минусы, но профессиональная разработка сайтов - это тоже по сути всего лишь инструмент. Так или иначе, но будете ли вы самостоятельно создавать, к примеру, пункты меню в конструкторе сайтов, или же напишете на листочке от руки (или в текстовом файлике) список пунктов меню и ссылки, куда они ведут, а веб-разработчик будет это делать за вас, - в данном случае разница несущественна. Сделать сайт визитку, если есть качественный инструмент (в частности хороший программист), довольно просто, если вы действительно знаете, чего вы хотите.

Если вы планируете заказать сайт визитку, этот абзац можно пропустить. В противном случае, рассмотрим выбор инструмента. Существуют различные программы для создания сайтов: конструкторы сайтов, CMS, визуальные редакторы html для быстрой верстки (например, Dreamweaver или FrontPage), и как ни странно, даже самый простой невизуальный текстовый редактор Notepad (точнее, его специализированный аналог Notepad++ или подобные ему программы). Даже MS Word создает html-странички из набранного текста, хотя так сделать сайт визитку (не говоря уже о более сложных сайтах) - это все же извращение. Если для вас более важная задача - написать сайт самому, научиться верстать, программировать, в целом разрабатывать сайты, - выбирайте Notepad++ или аналоги, никаких визуальных редакторов! Но если на первом месте стоит задача создать свой сайт (а эта серия статей предназначена именно для таких случаев), то в качестве инструмента выбираем конструктор сайта визитки.

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

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

  • Главная страница
    • О ежах
      • Виды ежей
      • Содержание и уход за ежами
      • Имена для ежей
      • Фото ежей в природе
    • Ежи ищут хороших хозяев
      • Как купить
      • Способы оплаты
    • Наш питомник ежей
      • Как добраться
    • О нас
    • Контакты

В данном примере того, как можно сделать сайт визитку, у нас двухуровневая структура сайта (главная не в счет уровней). Стараемся отразить в структуре сайта всю важную информацию и все возможные действия, что мы бы хотели видеть на своем сайте. Как видно, страница "Фото ежей в природе" далее может стать удобной фотогаллереей, весь раздел сайта страницы "Ежи ищут хороших хозяев" - это потенциально интернет-магазин, в т.ч. "Способы оплаты" могут превратиться в онлайн-оплату прямо с сайта, и так далее. Но на этом этапе задача сделать сайт визитку, поэтому все эти странички пока что остаются простыми информационными страничками (текст, таблицы, картинки). Прежде чем что-либо усложнять и автоматизировать, нужно в ручном режиме создать и проверить. В данном случае, после создания структуры сайта, необходимо будет заполнить все эти страницы контентом (содержимым), а именно написать тексты, подготовить (если нужно) фотографии или другие изображения.

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

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

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

Поэтому продумываем схему расположения названия сайта (далее здесь будет логотип), меню, основного контента, а также дополнительных информационных блоков: контакты, копирайт и так далее. Намечаем цветовые решения (основные используемые цвета), шрифт и размер текста, внешний вид ссылок, таблиц, списков, пунктов меню. Если уже есть подходящие изображения, их можно использовать в шапке сайта либо для фона. И пока остановимся на этом. Реально по-серьезному о дизайне будем думать на одном из следующих этапов, а для цели сделать сайт визитку простого дизайна более чем достаточно. Настолько простого, что даже использовать Photoshop не имеет смысла - по сути, сразу закладываем в верстку (html и css) все придумки, да и смотрим, как оно получается. Не нравится полученный цвет или размер - поменяли, не проблема. Как именно менять - зависит от используемого инструмента, поэтому детально на этом останавливаться не будем.

Итак, структура и дизайн (и даже верстка) у нас есть, осталось заполнить сайт контентом. И снова таки, пока стоит задача сделать сайт визитку, выполняем минимальные действия здесь (но как ни странно, самые важные для этого этапа): пишем тексты, добавляем при необходимости картинки. Вот здесь ваша идея начнет "обрастать мясом", приобретет некоторую плотность. Пусть на уровне слов, описаний, но проявите свои мысли более четко и конкретно, что именно вы планируете вложить в свой сайт? Некоторые тексты так и останутся далее в виде текстов (например, на страницах типа "О компании" или статьи как они есть), а некоторые далее приобретут более сложную реализацию в виде форм, скриптов, баз данных (в частности, даже для страницы "Контакты" можно обратную связь реализовать через форму обратной связи, а описание способов оплаты далее превратятся в кнопки онлайн-оплат). Заполнение сайта займет у вас больше всего времени и сил, но это правильно. По завершению у вас будет неплохой стартовый образец сайта, который бы вы хотели сделать. Задачу сделать сайт визитку мы выполнили.

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

Тэги: как создать свой сайт

Авторизація

Последние работы

Последние статьи