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

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

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

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

Существует мнение, что непрофессионально оформленный сайт может оттолкнуть посетителей. Согласен. Но, смотря, что понимать под словом "непрофессиональный". Я согласен, что дизайн Вашего сайта не должен выглядеть отталкивающе, но что касается скрытого HTML кода сайта, то для меня, если честно, не имеет значение его профессионализм.

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

Итак, с чего же начинать создание своего сайта?

Вот приблизительная схема для работы над своим будущим Web шедевром.

1. Цель.
2. Структура.
3. Контент.
4. Дизайн.
5. Создание Web страниц.
6. Элементы програмирования.
7. Выкладка в сеть.
8. Тестирование сайта.
9. Раскрутка в Интернет.
10. Поддержка и обновление.
    

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

Давайте вкратце рассмотрим каждый пункт в отдельности.

Цель.

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

Вот примеры направленности сайта:

• Личная страничка.
  Это, как правило, не большой сайт, на 10 - 50 страниц. Создается для того, чтобы поведать миру о себе любимом. Посетителями такого сайта, как правило, являются ваши друзья и знакомые.
• Коммерческий продающий мини-сайт.
  Такой сайт имеет строго направленное назначение. Используется для продажи Ваших товаров или услуг. Как правило, на каждый товар создается отдельная страница.
• Сайт - сервис.
  Предназначен для предоставления, каких либо услуг посетителям. Примерами таких сайтов являются:
  - платежная система Webmoney;
  - платежная система Rupay;
  - сервис почтовых рассылок Subscribe;
  - почтовый сервис Mail.ru.
• Информационный тематический портал.
  Включает в себя большой объем информации на определенную тему. Его назначение: объединить вокруг себя многочисленную аудиторию читателей.

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

Структура сайта.

Описать кратко это понятие просто не возможно, но я постараюсь дать Вам общее понимание этого вопроса.

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

Если же Ваша цель создание личной странички или не большого коммерческого сайта, то тогда добро пожаловать.

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

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

Дело в том, что когда Ваш сайт будет готов и выложен в сеть, переделать, поменять структуру будет очень сложно. Представьте, что придется в ручную переделывать каждую страницу. Хорошо, если их всего десять или двадцать. А если Ваш сайт насчитывает 200 или 300 страниц? Поверьте, это не очень весело. Я это испытал на себе.

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

1 - верхняя часть страницы. Используется для размещения Вашего логотипа, названия сайта, имени и другой наиболее важной информации.
2 - нижняя часть. На ней располагается контактная информация.
3 и 4 - здесь можно размещать гиперссылки, меню навигации, формы поиска или подписки на рассылку, рекламные банеры и пр.
5 - а здесь собственно и размещается основной контент.

Компоновка страницы может быть адаптивной, жестко-переменной или жесткой.

• Адаптивная страница изменяет свои размеры в зависимости от разрешения экрана монитора и занимает все пространство. Может употребляться такое название, как "резиновый" сайт.
• Жестко-переменная тоже изменяет свои размеры и занимает весь объем экрана, но на ней присутствуют жесткие не меняемые элементы. Примером может служить этот сайт. Средняя колонка с контентом изменяет свои размеры, боковые остаются неизменными.
• Жесткая страница имеет постоянный размер, установленный веб-дизайнером.

Я, например, пользуюсь двумя последними видами. Основные страницы, как я уже и говорил, являются жестко-переменными, а страницы со специальными предложениями только жесткие. Посмотрите сами:
Здесь>>
И здесь>>

Советую прочитать>>

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

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

рис.1

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

рис.2

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

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

Еще хотелось бы остановить Ваше внимание, на таком элементе, как навигация сайта.

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

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

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

Основные принципы идеальной навигации прочитайте в этой статье.
Читать>>

Контент.

Это понятие, думаю, расшифровывать и объяснять не нужно.

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

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

Где же взять эту самую полезную информацию?

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

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

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

Несколько советов по работе с текстом контента:

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

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

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

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

Постарайтесь оформить внешний вид в строгой, но привлекательной и индивидуальной манере. Есть правила, которыми следует пользоваться при оформлении страниц сайта:

• Фон страницы, на которой расположен текст, должен быть светлым. В идеале это белый текст, но если душа просит, то можно использовать его оттенки: светло-желтый, светло-коричневый, светло-голубой и пр.
• Сам текст естественно будет темным. Лучше черный, но если душа...то.... Моя душа жаждала темно-коричневого и я не смог ей отказать.
• Шрифт. Нельзя использовать экзотические шрифты. Они попадаются очень красивые, но их может не оказаться на компьютере Ваших пользователей, и вместо Вашего прозаического искусства они увидят набор экзотических символов. Например, у меня установлено около 200 различных шрифтов, а у Вас? Используйте стандартные шрифты, такие как Verdana, Arial, Times New Roman, Georgia.
• Графика. Рисунки могут, как оживить сайт, так и испортить его. Вы когда-нибудь пробовали читать текст со страницы, которая просто кишит рисунками? У меня глаза устают уже на третьем абзаце. А некоторые оригиналы используют рисунки вместо фона. Тогда вообще приходится разбираться: то ли это буква, то ли закорючка картины. В общем, берегите глаза посетителей, и они будут любить и уважать Вас!
• Существует еще такое понятие, как цветовое сочетание. Это целая наука: правильно подобрать цвета, чтобы создать у посетителя соответствующий настрой. Например, красный - настраивает на решительность, призывает к действию; синий - позволяет сконцентрировать внимание на тексте; черный - вызывает замкнутость, уныние.

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

Создание Web страниц.

Замечательно! У Вас есть структура сайта, есть много хорошего информативного и качественного контента. Осталось создать из всего этого сам сайт, т.е. организовать совокупность Web страничек связанных между собой согласно составленной Вами схемы.

Если Вы знакомы с языком HTML, то это, конечно же, не составит никакого труда. А вот если нет! Когда я надумал создать этот сайт, я даже не знал о существовании этого самого загадочного языка. Первую страницу я делал около месяца. И не потому, что это сложно, а потому что сначала мне пришлось освоить тот самый язык, на основе которого эти страницы и создаются.

В разделе HTML Вы сможете найти несколько хороших самоучителей, по которым учился и я. Не так страшен черт...

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

1. Визуальные(WYSYWIG). WYSIWYG означает "What you see is what you get" - Что вы видите, то и получаете. К таким редакторам можно отнести Microsoft FrontPage или Macromedia Dreamweaver. При работе в таком редакторе, Вы можете совсем не видеть кода. Просто создаете на экране то, что нужно, а редактор пишет код сам.
2. Полу-визуальные. Здесь Вам приходится писать код в ручную. При этом во втором окошке можно видеть результат. Я работал только с редактором Html Reader. Но если требуется, то с помощью любого поисковика можно найти еще с десяток разных редакторов этого типа.
3. Текстовые. К этому виду можно отнести простой блокнот. Пишите код, сохраняете его с расширением *htm и получаете готовую Web страницу.

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

Я пользуюсь визуальным редактором Macromedia Dreamweaver. В начале этого повествования, я уже говорил, что меня не сильно интересует оптимальность скрытого HTML кода. Это очень удобный и функциональный редактор, причем созданные с его помощью странички одинаково смотрятся в любом браузере. Найти его можно в любом магазине по продаже дисков. Можно скачать с Интернета, но не советую, слишком уж он объемный (около 85MB).

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

Элементы программирования.

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

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

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

Немного подробнее о программировании читайте в разделе "Программирование".

Выкладка сайта в сеть.

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

Тестирование сайта.

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

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

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

Раскрутка сайта.

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

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

Поддержка и обновление.

А теперь давайте затронем такую тему, как поддержка Вашего сайта.

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

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

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

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

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