Главная » Создание сайтов » Верстка » Как создать свой сайт

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

77110, house, дом, dom, как создать сайт, как создать дом

Этим вопросом задаются тысячи пользователей сети Интернет каждый день, этим вопросом задаетесь сейчас и вы: «Как? Ведь создают же люди самостоятельно себе сайты. Чем я хуже?» И вы не представляете себе с чего надо начинать? Читаем эту познавательную статью.

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

  1. Идея
  2. Разработка структуры сайта
  3. Разработка оформления сайта
  4. Кодинг, Программирование
  5. Тестирование и доработка

Давайте рассмотрим каждый из этапов создания сайта более или менее подробно.

1. Идея

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

Итак, вы должны решить:

  • Зачем вам создавать сайт (нужно ли вам это вообще?)
  • О чем будет ваш сайт (тематика.)
  • Что это будет (домашняя страница, портал, или что-то еще.)
  • Отличие от сайтов с такой же тематикой (если это не домашняя страница.)
  • Какова будет аудитория вашего сайта (пол, возраст, интересы и т.д.)
  • Какого рода сервисы вы будете предоставлять на своем сайте (форум, каталог, почта и т.д.)
  • Планы на ближайшее будущее — Планы дальнейшего развития (перспективы.)

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

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

2. Разработка структуры

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

Структуру сайта можно условно разделить на внешнюю и внутреннюю.

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

Рассмотрим разработку внутренней структуры на примере домашней страницы. Какую информацию мы можем на ней разместить? Рассказ о себе (на главной странице), свои фотографии, контактную информацию — это по минимуму. Значит, внутренняя структура нашей домашней странички прорисовывается такая:

136146281

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комментарии — 5 комментариев

  1. #22 admin в 20:29, 6 октября 2008:

    Ответить | Цитировать

    имхо! на заметку начинающим web-дизайнерам!

  2. #31 Arti в 0:45, 12 октября 2008:

    Ответить | Цитировать

    Отнюдь не для дизайнеров :-)

    А ещё улыбнул раздел «гостевая книга» :-) Тыщу лет не видел нигде

  3. #32 Made in BY в 1:35, 12 октября 2008:

    Ответить | Цитировать

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

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

  4. Интересная статья, достаточно подробно описано. Хотя сейчас обычно всякие начинающие web-дизайнеры поступают проще — берут cms с готовым шаблоном и вперёд...

  5. #9549 H3F_Arbiter в 21:41, 27 марта 2010:

    Ответить | Цитировать

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

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting