Как создать свой сайт?

Оформление сайта

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

Как создать веб-страницу?

Получите бесплатный видео-курс по созданию веб-страниц. Торопитесь!
sozdaniestranic.ru

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

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

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

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

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

Кодинг и программирование

Вот вы придумали зачем вам сайт. Вы решили, что и где будет располагаться на нем. Вы нарисовали в графическом редакторе, как ваш сайт будет выглядеть. Это хорошо, но впереди вас ждет еще много работы. Мы имеем на руках оболочку (макет внешнего вида сайта) и план действий (структуру). Но вы задумывались, что стоит за оболочкой? А за оболочкой стоит каркас, на котором эта оболочка держится. Кликните правой кнопкой мыши по странице, в выпавшем меню выберите пункт - view source (или "просмотр HTML кода") – появится текстовой редактор с непонятными, возможно, вам символами и значками – это и есть код страницы, ее каркас.

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

Но HTML и CSS отвечают только за разметку внешнего вида документа (страницы), а для того, чтобы реализовать более сложные вещи, например, вроде гостевой книги, или поиска по сайту, или форума, нужны уже другие средства. Нужно знать языки программирования для веб – PERL, PHP, ASP или другие.

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

Итак, если HTML и CSS - это каркас на котором все держится, то программы-скрипты (на PERL, PHP, ASP) - это механизм, расположенный внутри этого каркаса. Веб-программирование уже более сложный для освоения предмет, чем HTML или CSS, однако, тут опять же нет ничего страшного, ведь есть готовые решения, я говорю о готовых программах-скриптах, которые распространяются в интернет, как на бесплатной, так и платной основе.

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

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

Тестирование и доработка

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

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

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

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