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

Ну-с, начнем. Давайте для начала обсудим, что нам понадобится для создания.

Создаем сайт сами. Ступенька №1. Набросок.

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

               Создаем сайт сами. Ступенька №2. Дизайн.

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

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

Создаем сайт сами. Ступенька №3. Верстка.

Для того, чтобы получившийся дизайн «утрамбовать» в виде полноценной странички, нам потребуются навыки HTML и CSS. На самом деле, ничего сложного в них нету, стоит лишь маленько повозиться с теорией. Чтобы создавать сайт с помощью HTML и CSS, можно работать, конечно и в блокноте, но лучше обратиться к современным инструментам, не зря же создатели над ними трудились.:) По моему скромному мнению, самая удобная программа – Macromedia Dreamweaver. 
 

Создаем сайт сами. Ступенька №4. «Живой» сайт. Чтобы сделать свой сайт не статическим, а динамическим, (то есть, чтобы пользователи могли добавлять комментарии, регистрироваться на вашем сайте и выполнять всякие прочие мелкие «приятности»), нам понадобится добавление в код php и java-скриптов. Следовательно, знакомимся с PHP и Java. Если вам нужны еще и базы данных для удобства «складывания» всей нужной информации в одну корзинку, то вам нужно будет изучить еще и MySQL.
 

Создаем сайт сами. Ступенька №5. Размещение сайта в Интернете. Для того, чтобы «поселить» наш новоиспеченный сайт на просторах Интернета, нам потребуется приобрести для него собственный домен и хостинг. И вот тогда жизнь заблистает для вас новыми красками, поскольку вы смогли создать свой сайт самостоятельно. И я буду рада поздравить вас с этим знаменательным событием!


Статьи "в тему": Создаем сайт сами! Часть первая, ленивая:), Создаем сайт сами! Часть вторая, удобная:)

Если вам по нраву моя скромная статья и вы хотите разместить ее на своем ресурсе, то, будьте так любезны, разместите еще и ссылочку. Заранее благодарю за понимание.
Код ссылки: <a title="Создаем сайт сами! Создание веб-сайтов" href="http://website-master.livejournal.com">Создание веб-сайтов: позитивно о серьезном!:) Создаем сайт сами!</a>

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

           Если подобная перспектива вас прельщает, то позвольте ознакомить вас со средствами ее достижения.

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

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

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

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

            К тому же, вы сможете беспрепятственно установить на свой сайт различные «навороты», такие как форум, чат, гостевая книга, фотогалерея и пр. Если перечислять этот список до конца, придется все посты блога писать только об этом. Все зависит от вас, чего вам надо и что вы сможете «нарыть» в Интернете. Потому как все эти радости устанавливаются в Joomla! как компоненты.

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


Статьи "в тему": Создаем сайт сами! Часть первая, ленивая:), Создаем сайт сами! Часть третья, трудолюбивая


Если вам по нраву моя скромная статья и вы хотите разместить ее на своем ресурсе, то, будьте так любезны, разместите еще и ссылочку. Заранее благодарю за понимание. 
Код ссылки: <a title="Создаем сайт сами! Создание веб-сайтов" href="http://website-master.livejournal.c

 

               Если вы по своей натуре нетерпеливый гражданин, и вам ох! как
хочется побыстрее соорудить свой сайт, не заморачиваясь на такие глупости, как
познания html и css
(я не говорю уже о php и прочих), а тратить деньги на хостинг и домен вы считаете пустым
делом, то первая часть моего трехсерийного триллера « Создаем сайт сами!» –
именно для вас! Потому она и
называется ленивой, что в ней мы будем создавать сайт, будучи полнейшими
чайниками в сайтопроизводстве.

              Нам на помощь в подобной ситуации приходят такие сервисы,
как Народ – проект от достопочтимого
Яндекса, и Ucoz.ru.
Это самые популярные. Если хорошенечко покопаться в Интернете, то можно найти и
другие, но лично я не вижу в этом смысла, потому как они – самые
многофункциональные, насколько могут таковыми быть сервисы бесплатного и
«автономного» создания сайтов.

             Итак, на обоих сайтах процесс схож. Сначала регистрируемся.
Ваш логин – это будущий адрес вашего сайта, если к нему прибавить narod.ru или ucoz.ru соответственно.

             Далее мы можем воспользоваться уже готовым шаблоном или разработать свой дизайн
с помощью имеющегося конструктора сайтов. Далее, добавляем свой контент (вот
этого-то за вас точно никто бесплатно не сделаетJ) и все, собственно
говоря, сайт готов! Хостинг и домен также входит в сервис, то есть размещение
сайта также не стоит вам ни копейки. Вот так мы создаем сайт сами без вложений
 знаний и средств.
            
            Но ничто в этом мире не идеально, а потому стоит рассмотреть
и некоторые недостатки подобных сервисов. Для кого-то они покажутся
незначительными, а для кого-то решающими. В-общем, дело вот в чем: домен вы
получаете третьего уровня. То есть он будет выглядеть, так как я описывала
ранее: vash-login.ucoz.ru или vash-login.narod.ru. Если длинное название сайта вас не
смущает, то могу добавить, что в продвижении и монетизации своего сайта вам
будет непросто. Сайты, обладающие доменом третьего уровня, не очень-то
поощряются поисковыми системами, да и добиться хорошего заработка на таком
сайте будет не самой простой задачей. Например, некоторые биржи ссылок и
системы контекстной рекламы не принимают в свои ряды сайты на бесплатном
хостинге.         

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

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


Статьи "в тему": Создаем сайт сами! Часть вторая, удобная:), Создаем сайт сами! Часть третья, трудолюбивая:), Создаем сайт сами: философские рассуждения
 

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

• Не смотря на сложившуюся поговорку о том, что «встречают по одежке», все же основное внимание пользователя предпочтительно отдается именно тексту. А потому не следует слишком уж увлекаться графикой. Не будем ходить за примером далеко, обратимся к самым популярным сайта. Скажем, тот же самый сайт Гугла или Яндекса сделан без особых дизайнерских премудростей. И ничего, зато народ любит и ценит!  Потому как сервисы интересны сами по себе, своим контентом и предоставляемыми возможностями. Да и время на загрузку такого сайта составляет минимум. Так что берите пример! Не забываем, что лучший дизайн сайта – это гармоничный дизайн.

• Первый свой взгляд при просмотре любой страницы пользователь обращает на верхнюю левую часть страницы (ну, то что верхнюю – это, скажем, понятно, а вот почему – левую, уж натура у нас такая, что ли? но, между тем, факт остается фактом!). А потому самые ключевые, на ваш взгляд, элементы следует располагать именно здесь. Это – наш эпицентр, в котором мы должны расположить заголовок и выделенный текст, дабы «подогреть» внимание и расположить посетителя ознакомиться с дальнейшей информацией. 

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

• Различные эффекты в виде необычного курсора или «снега» на странице уже давно потеряли свою актуальность и сейчас не только не котируются, но и отвлекают свое внимание от ознакомления с информацией. Если же вы преднамеренно хотите увести пользователя от основной мысли, то карты вам в руки.

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

• Заголовки – ключевая опора внимания забредшего на вашу страницу посетителя. А потому сделайте их наиболее «завлекательными», дабы появился интерес читать дальше.
   

• Если у вас есть много чего сказать вашим гостям, и ваш текст обладает внушительными размерами, то для более продуктивного восприятия разбейте его на абзацы. Если объем вашего текста переходит пределы разумного, то разбейте текст на две страницы или более. Также не помешает для «разбавления» атмосферы использовать маркированные и нумерованные списки.

 

• Оформление не должно быть слишком «мудреным» и лучше, если вы не пытаетесь привлечь взгляд сразу в несколько колонок одновременно. Оптимальный вариант – разбить страницу на две колонки, в меньшей – поместить навигацию и всякие мелочи, а в большей – основной текст.

• Если вы планируете размещать рекламу, то знайте: наиболее адекватно она воспринимается в текстовом виде, а располагать ее удобнее вверху страницы и сбоку.

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

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

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

• Не слишком загружайте страницу тексом и графикой. Оставьте небольшие «островки» свободного места, чтобы утомленному взгляду странника по вашим страницам было где устроить привал.

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


Статьи "в тему": Лучший дизайн сайта: цветовая гамма
 

Лучший дизайн сайта – это еще и правильно подобранная цветовая гамма. Вот давайте и порассуждаем на эту тему. Какие цвета радуги вы хотели бы добавить в палитру вашего сайта? Может быть, сразу все, чего уж мелочиться? Правильно, будем отвлекать взор страждущего посетителя направо и налево, рассеивая его внимание и отводя от основной цели – знакомства с контентом. Или все же не будем уходить от рамок разумного и сконцентрируем внимание на основном? Цветовая гамма сайта должна быть умеренной, на мой взгляд, оптимальный вариант – сочетание трех цветов. Если это кажется вам скучным, вы можете немного «разбавить» дизайн похожими тонами основных цветов.

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

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

2.           Дополнительный. Он будет нести функции «разбавления» основного тона. На нем можно поэкспериментировать и за его счет сделать страницу более яркой.

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

Ну и о самих цветах хотелось бы замолвить словечко-другое… Здесь, конечно, «на вкус и цвет товарища нет», выбирать их, безусловно, вам. Могу сделать только общие замечания. Старайтесь подбирать цвета, подходящие друг к другу. Цветовая гамма сайта должна быть гармоничной. Избегайте «кричащих» цветов, которые будут «раздирать» взгляд бедного, ни в чем не повинного посетителя. Пожалейте его, ему и так не сладко на просторах Интернета – то вирус поймает, то на порно-сайт каким-то немыслимым образом попадет и опять же вирус поймает.  Так что, помните что лучший дизайн сайта– это соблюдение каждой мелочи для «ублажения» взора нашей горячо любимой публики!



Статьи "в тему": Лучший дизайн сайта: какой он?, Какой сайт создать: дилемма юного сайтостроителя
 

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

Какой сайт создать? Аспект намбер ван.

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

Какой сайт создать? Аспект намбер ту.

Далее обратимся к нашему будущему зрителю, то есть оцениваем актуальность выбранной нами тематики среди масс. Сделаем мы это посредством поисковых систем, потому как они в дальнейшем станут нашими основными поставщиками целевого трафика (ведь если люди ищут, значит, им это интересно). Обратимся к одной из них, например, к Яндексу. Проходим, не стесняемся по следующей ссылочке: http://wordstat.yandex.ru/. Здесь мы обратимся к статистике спроса по выбранным нами темам.

•         Итак, вот результаты количества поисков по запросу «песни Гуфа» - 69 937. Как видите, поклонников творчества этого реп-деятеля немало.
•         Далее, анализируем запрос «обзор телефонов Nokia» - 2 007 запросов.
  

•         Ну, и последний герой нашего хит-парада, запрос «американские боевики» - 784 показа.

                Вот вам и статистика популярности произвольно выбранных мною тем. А вот вопрос «на засыпку», какой из трех вариантов вы бы выбрали? Первый, про Гуфа? Ай-ай-ай! Не самое разумное решение, скажу я Вам.

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

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

Итак, методом исключения, победителем становится (тада-да-дам-тадам!) запрос «обзор телефонов Nokia». Он замечательно подходит нам, как ни крути.

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

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


Статьи "в тему": Создаем сайт сами: философские рассуждения, Лучший дизайн сайта: цветовая гамма, Лучший дизайн сайта: какой он?

 

Если вам по нраву моя скромная статья и вы хотите разместить ее на своем ресурсе, то, будьте так любезны, разместите еще и ссылочку. Заранее благодарю за понимание.
Код ссылки: <a title="Создаем сайт сами! Создание веб-сайтов" href="http://website-master.livejournal.com">Создание веб-сайтов: позитивно о серьезном!:) Создаем сайт сами!</a>

 

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

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

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

• Самовыражение. Желание выделиться и гордиться собой, вот мол, я какой! Перед друзьями ведь можно похвастать, у меня собственный сайт имеется!

• Желание поделиться опытом и найти признание среди РуНетчиков. А что? Если много знаете, и вам есть чем поделиться с другими, то ваш ресурс непременно «заценят», правда, если только вы действительно обладаете достойными и нужными народу знаниями.

• Третий вариант, и я думаю, он максимально близок к истине, поскольку мы, людишки – граждане меркантильные. Это, само собой, заработок. Хотя и я лично не вижу ничего плохого в совмещении приятного с полезным. Главное, чтобы это не стало вашей идеей fix и вы не начали бы судорожно пичкать беззаботных Интернет-обитателей своей продукцией или рекламой. В идеальном равновесии качества контента, дизайна и правильного отношения к гостям ресурса и рождается прибыльный сайт, которым доволен веб-мастер и его благодарные посетители. А пока просто создаем сайт сами и не задумываемся о грядущих прибылях или убытках, концентрируемся на творчестве.

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


Статьи "в тему": Какой сайт создать: дилемма юного сайтостроителя:), Лучший дизайн сайта: какой он?

 

Если вам по нраву моя скромная статья и вы хотите разместить ее на своем ресурсе, то, будьте так любезны, разместите еще и ссылочку. Заранее благодарю за понимание.
Код ссылки: <a title="Создаем сайт сами! Создание веб-сайтов" href="http://website-master.livejournal.c

om">Создание веб-сайтов: позитивно о серьезном!:) Создаем сайт сами!</a>