Сайтостроение для начинающих

С чего начинается сайт?

Здравствуйте, уважаемые читатели! Интересно знать, а обижает ли вас определение "чайник"? (Кстати, на сайте websuper.by.ru вы можете проголосовать на эту тему.)

Так обижает или нет? А если обижает, то почему?

Быть "чайником", по моему мнению, вовсе не обидно. Ведь "чайниками" называют новичков в каком-то деле, а быть новичком разве обидно?

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

Вот мы и будем открывать эту новую книгу под названием "Сайтостроение".

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

А попросту, мы будем учиться делать сайты.

Говорю сразу, что бы сделать хороший сайт, надо потрудиться. Но потом вы поймете, что не зря старались, и сам процесс строительства сайта будет приносить вам одно удовольствие.

Не верите? А вы попробуйте!

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

Существует очень много различных вариантов, с чего надо начинать.

Например, есть довольно распространенное мнение, что начинать надо с дизайна.

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

А с чего же, спросите вы? Вот этому и посвящен сегодняшний выпуск.

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

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

Но разве кого-нибудь будет интересовать ваша биография и любимый напиток?

Вот вы, например, часто заходите на подобные странички? Ну раз, два... Там обычно нет ничего интересного, не правда ли?

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

Наверняка, у вас есть какое-нибудь увлечение о котором можно рассказывать часами…

Или вы считаете себя профессионалом в каком-то деле? Замечательно, сделайте сайт о вашем увлечении!

Теперь определитесь, что именно вы разместите на вашем сайте?

В 99% случаев сайты с вашей тематикой уже существуют.

Звучит, конечно, не очень обещающе, но сдаваться не стоит! Просмотрите все (да-да, именно все!) сайты по вашей теме и посмотрите, где чего повторяется и чего ещё нет.

Всегда найдутся какие-нибудь неполадки, неточности и т.д. Но у вас же этого не будет, правда?

А на сегодня все. Удачи!

Структурирование информации

В прошлом выпуске мы говорили о теме для вашего сайта.

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

Может быть, вы даже успели просмотреть некоторые сайты по вашей тематике...

Если же ещё не успели, то настоятельно рекомендую это сделать.

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

Если вы собрались делать сайт, у вас должна быть какая-нибудь информация. Где же её взять?

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

Если это игра распространенная (например Star Craft), то у неё наверняка есть свой собственный сайт.

Обязательно посетите его, и посмотрите что там и как.

Если там есть прохождения, карты, статьи и т.п., да ещё и посещаемость больше 500 человек/день, то конкурировать с таким продвинутым сайтом будет трудно.

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

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

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

Конечно, можно со всех этих сайтов собрать информацию, а потом выдавать за свою, но это, по-моему, неинтересно.

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

Информация - это главная составная сайта

Зачем пользователь приходит на сайт? Правильно, за информацией.

Если он не находит там никакой полезной и интересной для него информации, он попросту уходит.

И никакой первоклассный дизайн и никакая самая удобная навигация не смогут его там задержать. Именно поэтому информация так важна.

Было даже проведено исследование, что посетитель в основном смотрит на содержание, а не на оформление.

Т.е. на оформление он тоже смотрит, но на текст он обращает внимание в первую очередь.

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

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

Новости компании Информация о фирме Услуги фирмы Каталог товаров Сотрудничество Контактная информация

Попробуйте такую структуру "примерить" под свой сайт. Давайте сначала разберемся с разделами.

Сколько их будет, решать только вам. Многие считают, что разделов должно быть не больше семи, другие утверждают, что это миф.

Можно согласиться и с теми, и с другими. Правда, попробуйте нормально воспринять 20 разделов подряд!

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

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

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

А на сегодня все. Удачи!

Про шаблоны и грязный Интернет

Здравствуйте, уважаемые читатели!

Переходим к практике.

Тему для сайта мы придумали, структуру сделали... Теперь можно начинать делать сайт.

Для этого нам, конечно же, понадобятся какие-то инструменты.

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

С программой FrontPage сайт делать гораздо проще, но все равно, начинающий сайтостроитель (или попросту чайник) сталкивается и здесь с определенными трудностями. Их мы и будем разбирать в этом и последующих выпусках.

Самому построить сайт, без шаблона очень сложно.

Что такое шаблон? Шаблон, это основа сайта. Поэтому начинать будем с шаблонов.

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

Тогда возникает вопрос: "Где взять шаблон?" Во-первых, на woweb.ru можно скачать довольно большое кол-во шаблонов. Да и на других сайтах такая возможность существует.

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

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

(Но мы все равно его почитаем, так, для интереса (Ольга Морозова))

Я хочу поговорить о тех пользователях, которые считают себя «крутыми» вебмастерами. Что об этом сказать?

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

«Умные» же люди нашлись -- классный дизайн, который делают всякие крутые студии баксов за 200, можно взять на халяву (Вот эту мысль я и имела в виду (Ольга Морозова)).

Так мало того, еще всем говорить, что это сделал ты сам и что копировать дизайн твоего сайта запрещено твоими авторскими правами.

Но ведь это не твое! Конечно, никто не имеет никаких авторских прав на исходный html-код, но тем не менее это просто некультурно.

В лучшем случае изменяют цветовую гамму и/или чуть-чуть графику.

Более «умные» вообще качают Яндекс, изменяя лишь названия (при этом ссылки оставляют прежними). В большинстве случаев даже рекламу свою не вешают.

Ну и зачем это тебе? Зачем это Яндексу?

Зачем засорять Интернет? Здесь и так мусора немало. Не случалось ли тебе натыкаться в инете на всякое… (цензура не позволяет).

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

Надеюсь, это прочтут и оценят и примут меры по очистке интернета."

Интересная статья, не правда ли? В Интернете действительно немало мусора.

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

Согласна, нехорошо, но будете вы качать или не будете...

Это решает каждый сам для себя. Тренироваться мы решили на шаблонах.

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

А на сегодня все. Удачи!

Разговор о цветах

Здравствуйте, уважаемый читатель!

Сегодня мы будем говорить об одной очень интересной теме.

Эта тема посвящена цветам.

Да-да, вы не ошиблись, именно сегодня мы будем выбирать цветовое сочетание для вашего сайта :).

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

Существует такая вот интересная табличка:

Гамма	Эмоции
Синий + красный	потребность во внимании со стороны других
Синий + черный (серый)	потребность в отдыхе
Сине-зеленый + желтый	желание произвести впечатление
Красный + желтый	стремление к контактам
Красный + синий	деловое возбуждение
Красный + черный	стремление уйти из негативной ситуации
Желтый + синий	стремление к позитивным эмоциям
Желтый + фиолетовый	потребность в ярких событиях
Фиолетовый + серый	желание уйти от проблем или стресса
Коричневый + синий	страх одиночества
Черный + синий	оставьте меня в покое
Черный + зеленый	гневное отношение к окружающим
Черный + фиолетовый	мечты о гармонии
Черный + красный	сильное возбуждение

Первый цвет - преобладающий.

Вообще о теме сочетания цветов и выбора цвета для сайта можно говорить очень много. Даже целые книги пишут :)

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

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

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

И еще, светлый фон - это необязательно белый, посмотрите хотя бы у меня на сайт рассылки :)

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

Ссылки можно темно-серого цвета, а текст немного посветлей... и т.д. Здесь все зависит от вашей фантазии.

Противоположные цвета. Ну с "черный - белый" все ясно. А как же с остальными? Все очень просто.

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

А на сегодня все. Удачи!

Сегодня мы продолжим тему предыдущего выпуска - "Разговор о цветах".

Сначала о желтом цвете.

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

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

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

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

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

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

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

Если вы все ещё не определились с выбором цвета, предлагаю ещё один очень простой прием. - Чёрный + белый + серый.

Самый простой метод подбора цветовой гаммы. Тут присутствуют три цвета. Фон - белый, текст - чёрный, ссылки - серые. Просто и официально.

А на сегодня все. Удачи!

Ваша цель при создании сайта. Или зачем вам все это?

Здравствуйте, уважаемые читатели!

Сегодняшний выпуск будет необычный.

Его даже можно было сделать первым выпуском по важности. Почему?

А потому что именно в этом выпуске мы будем обсуждать одну очень важную проблему (я бы даже сказала, самую важную :)) - "Зачем вам все это?". Что зачем?

Я говорю про ваш будущий сайт. Вы задумывались, зачем вам сайт? Какую пользу он принесет лично вам? Задумывались? Или нет? Так задумайтесь.

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

Мне частенько попадались довольно интересные сайты.

Просто сообщается что-то интересное и ничего не навязывается. Нравятся такие сайты?

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

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

Или обновлялся в смысле добавления примерно такой новости "Что-то я совсем сайт забросил.

Все времени не хватает. Ничего, может скоро чего-нибудь и сделаю...". И так несколько последних новостей только в разных вариантах :)

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

Видно, этот сайт просто никому не нужен. В первую очередь его владельцу.

Отсюда и мусор. Хотя если там что-то полезное и интересное есть, то это уже за мусор не считается :)

Может быть, раньше тут всегда можно было найти что-то новое и интересное, а сейчас... Забросили сайтик, забросили...

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

И вам потом станет неинтересно и забросите вы сайт...

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

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

Не приносил он ему прибыли и все тут.

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

Но мы повторять чужие ошибки не будем и сайт сделаем прибыльный. А вы как думали? :)

Выпуск №7

"Прибыль. Как это делать."

Здравствуйте, уважаемые читатели!

Сегодня мы будем думать над тем, как получить прибыль с сайта.

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

Итак, первый способ ориентирован на тему для вашего сайта.

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

Только это не должна быть какая-нибудь ерунда.

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

Сразу потеряете к себе всякое доверие.

А, как говорится, кто обманул один раз...

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

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

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

За определенную плату, конечно :). Только не надо ничего навязывать, я же говорю, ненавязчиво! :)

Ну и наконец третий способ, самый простой. Это реклама.

Только не надо с этим перебарщивать. Какая прибыль? Если у вас сайт с хорошей посещаемостью (от 100-200 посетителей/день), то вы вправе рассчитывать не внимание со стороны рекламодателей.

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

Итак, пусть ежедневно к вам на сайт входит x человек.

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

Но на каждой странице можно расположить 3 баннера, то есть за месяц у вас будет примерно 450x накопленных показов.

Примерная расценка на интернет - аукционе Molotok.ru (а это единственный путь продажи чего-либо, кроме как через ваш сайт) составляет 0,2$ за 1000 показов. В переводе на деньги получается, (450x*0,2)/1000) = (0,09x)$/месяц.

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

Например, если у вас посещаемость 100-200 посетителей/день (а меньше не может быть при нормальной и правильной раскрутке), то вы будете получать 10-20$/месяц.

Существует только одна сложность. Это посещаемость. Но до этого мы ещё дойдём, пока даже сайт не сделали :)

А теперь ещё раз внимательно все прочитайте и подумайте, какой из этих трех способов вам больше подходит. А может быть у вас есть свой способ заработать на сайте?..

А на сегодня все. Удачи!

Трезвая оценка своих возможностей. Как с интересом делать сайт

Здравствуйте, уважаемые читатели!

Прежде чем начать делать свой сайт, надо сначала трезво оценить свои возможности.

Или вы уже это сделали?

Тем не менее, давайте вместе ответим на некоторые вопросы.

Итак, вы собрались делать сайт. Что же вы просто "поиграетесь", поделаете сайт, запустите его в Интернет и бросите?

Как надоевшую игрушку?

Что бы этого ни было, мы придумали зарабатывать с сайта деньги, чтобы был стимул. Так?..

Значит, сайт вы не забросите, особенно если дела пойдут в гору. И даже если сначала не пойдут, забрасывать тоже не надо.

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

Как же сделать так, чтобы стало интересно? Начинать конечно надо с темы. Вы уже придумали себе тему для сайта? Или все ещё ходите в неопределенности? :)

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

То же самое можно сделать и с любимой кошкой Мулькой (сделать сайт о кошках), и с любимым "Мерседесом"... Просто немного расширить круг интересов.

Следом за темой идет прибыль. Предыдущие несколько выпусков как раз были посвящены теме прибыли. Ведь получать прибыль всегда интересно :), особенно если тема не навевает скуку.

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

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

А на сегодня все. Удачи!

Здравствуйте, уважаемые читатели!

Для начала немного о голосовании "Когда вас называют чайником, вы... ". Проголосовать можно на сайте рассылки. Итак, когда вас называют чайником, вы -

1. Смеетесь 302 54.7% 2. Соглашаетесь 66 24.4% 3. Игнорируете 41 10.0% 4. Обижаетесь 20 6.5% 5. Спорите 15 3.0% 6. Ругаетесь 9 1.5%
Всего ответов: 453

Очень порадовало, что большинство из вас смеется. Действительно смешно :))

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

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

А теперь переходим к теме сегодняшнего выпуска:

"Немного практики"

Наверное, вы уже соскучились по практике, не так ли?

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

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

Тем не менее, я предлагаю вам потренироваться и получить немного опыта.

Зайдите на сайт http://www.narod.ru/ и найдите на верху страницы табличку "занять имя для сайта". Займите. Над именем можно много не думать, все равно, потом мы этот сайт, скорее всего, удалим.

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

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

Что, уже сделали? Что-то слишком быстро...

Скорее всего, вы начали читать, ещё ничего не сделав :). А вы попробуйте!

Здесь ничего сложного нет. И не забудьте прислать мне ссылки на свои "шедевры"!

Экспериментируйте, продолжение послезавтра! :))

А на сегодня все. Удачи!

Результаты практики

Здравствуйте, уважаемые читатели!

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

Спасибо всем, приславшим ссылки на свои странички!

Конечно, кто-то даже на www.narod.ru еще не заходил, но это уже дело каждого.

В основном, страницы были неплохие, но кто-то писал что-то вроде "Привет всем, я Светик, это мой первый сайт! Пишите мне на e-mail такой-то".

А некоторые присылали ссылки на уже давно существующие сайты. Мне бы хотелось, чтобы ваш первый сайт был не "Привет всем... ", а был посвящен определенной теме, которую вы уже должны были выбрать.

(Если вы этого еще не сделали, посмотрите предыдущие выпуски, подумайте... )

Как вам эта небольшая практика? Было сложно? Какие ощущения? Пишите, расскажите о своих впечатлениях. Кстати, опыт можно повторить на www.boom.ru, там почти тоже самое. Только, если Народ дает хоть какую-то свободу в плане дизайна, то на Буме этого нет.

Многие хотели, чтобы я оценила их сайт, и сказала, что по моему мнению ему (сайту) не хватает.

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

Поэтому, на такие письма я отвечать не буду. Даже не обижайтесь :)

Страничка типа "Привет, я Светик (ничего, что я беру это имя? Светикам просьба не обижаться! :))" конечно, очень примитивная.

Кому-то, может быть, и достаточно такой небольшой шаблонной странички, но не нам! Или нет?..

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

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

Как же сделать свою, независимую от шаблонов страничку? Как?

Этот вопрос мы и будем обсуждать в этом и последующих выпусках.

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

Сначала письмо от Оксаны. (орфография сохранена)

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

И сколько же людей начало осваивать сайтостроение с изучения "заумных кодов"? Очень и очень много...

А ведь начинать надо не с этого. А с чего же, спросите вы? Об этом я писала, и не раз, но повторю еще раз. С ЦЕЛИ! Каждое дело надо начинать с ЦЕЛИ, а уж сайт особенно. Почитайте предыдущие выпуски, эта тема очень важная.

Начинать надо не с HTML, это не самое главное. К этой теме мы еще не раз вернемся, а пока...

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

А можно и не делать. Можно сделать сайт самому. Опять же - "КАК?!".

Большинство подписчиков наверное сейчас задаются этим вопросом. Ну, что же, начнем...

В третьем выпуске я писала про программу, которая называется Microsoft FrontPage. Но ничего конкретного я о ней не сказала.

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

А на сегодня все. Удачи!

Что такое FrontPage и как сделать сайт самому

Здравствуйте, уважаемые читатели!

Как я и обещала, сегодня мы будем говорить о FrontPage и о том, как сделать сайт самому.

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

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

FrontPage можно только купить или приобрести каким-то другим путем, но в Интернете эту программу скачать нельзя, она слишком большая, более 100 мб.

Правда и тут существуют свои минусы.

FrontPage часто пишет избыточные HTML - коды, но это не очень страшно.

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

Что же делать дальше? Советую перед прочтением все же приобрести FrontPage.

После этого, зайдите на woweb.ru в раздел "HTML - Шаблоны" или на какой-нибудь другой сайт, который позволяет бесплатно скачивать шаблоны.

Советую сильно не фантазировать, скачать шаблон попроще. По простым шаблонам легче работать. После того, как скачаете шаблон, откройте его во FrontPage.

Теперь напишите там, где написано "Заголовок", "Меню", "Описание сайта/Новости" и т.п свою информацию.

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

А на сегодня все. Удачи!

Что такое HTML, с чем его едят и главное - Зачем?!

Здравствуйте, уважаемые читатели!

Сегодня мы поговорим об одной очень интересной теме, которая называется HTML.

Хотя интересная она или нет, советую заранее не судить, лучше сначала прочитать весь выпуск.

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

Только не надо пугаться, это совсем не страшно!

Что же это такое? Сразу скажу, это не язык программирования.

HTML - это язык разметки. Переводится он так - Hypertext Markup Language. Что в переводе язык разметки и означает.

Кстати, вы может, мне и не поверите, но Web - страница - это почти целиком текстовой документ.

Увидеть это можно, открыв наверху закладку Вид - Просмотр HTML-кода.

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

Убедились? Теперь дальше. Наша страница тоже будет состоять из таких же непонятных значков, которые скоро станут совсем понятными.

После двух предыдущих выпусках о FrontPage, пришло очень много писем примерно такого содержания:

"FrontPage - это абсолютно бесполезная вещь, лучше учите читателей языку HTML"

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

Все, кто пробует обучать сайтостроению, всегда (за исключением редких случаев) начинают с HTML.

Это очень распространенная ошибка. Я, как вы знаете из 11 последних выпусков, начинала обучать вас не с HTML.

Но в этом выпуске мы все-таки подошли к этой теме.

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

Да-да, HTML - это далеко не главное. Удивлены?

Хотя, для любителей трудностей, предлагаю купить какой-нибудь учебник по HTML (чем толще, тем лучше! :)) или просто поищите в Интернете, там таких учебников очень много. Хотя я тоже могу вас немного "поучить".

Значит так, открываем Пуск - Программы - Стандартные - Блокнот. Блокнот есть, по-моему, на каждом компьютере. Даже FrontPage покупать не надо.

Стоп! Не спешите радоваться, слушайте дальше.

Открываем Блокнот, пишем: <HTML> <HEAD> <TITLE></TITLE> <HEAD> <BODY> </BODY> </HTML>

Или

<html> <head> <title></title> </head> <body> </body> </html>

Разницы никакой, хоть большими, хоть маленькими буковками! Только, пожалуйста, отсюда не копируйте, от руки, от руки!

Привыкайте, потом много еще будете писать от руки, т.е. печатать :).

Та-ак... теперь объясню, что есть что.

<HTML></HTML> - Это просто границы нашего документа. <HEAD></HEAD> - Это заголовок, но не название документа. Информация, находящаяся между ними не видна на страничке, она необходима тем программам, которые ее могут просматривать. <TITLE></TITLE> - А вот здесь и располагается название странички. Посмотрите на самую верхнюю строчку страницы, где вы сейчас находитесь. Мы сейчас находимся в Блокноте, там должно быть написано «Безымянный - Блокнот». Вот это и есть название странички. <BODY></BODY> - Это само "тело" документа.

С нашим "быстрым" подходом, сюда напишем "Всем приветик, я Светик (или как вас там зовут?)! Это моя первая страничка! Ура!!!"

Вот и все! Готова наша первая страничка!

Хотя нет, все-таки вторая, первая была на Народе. Теперь сделаем вот что.

Блокнот, я надеюсь, вы еще не закрыли? Теперь сохраняем его под именем, например index.html, Блокнот закрываем, открываем наш index.html, где вы его сохранили :)

Какой изысканный дизайн! Какое богатое содержание! Ахи, вздохи, все в восторге!

Эх, вы!.. У того, кто делал сайт на Народе, и то получше получилось... :))

Нравится? Теперь продолжим... Что, уже не хочется? Кому хочется, может купить где-нибудь учебник по HTML или в Интернете поискать... Да я об этом уже писала.

А кому нет, открываем FrontPage.

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

Итак, открыли. Внизу находится три пункта:

Нормальный (тут мы и будем в основном работать) - HTML (о нем, родном, целые книги пишут :) И мы один выпуск уделили этой драгоценной теме :)) - Просмотр (а тут будем смотреть, что получилось).

Нормальный - HTML - Просмотр

При открытии автоматически попадаем в Нормальный.

Теперь напишите просто "Привет всем... !". Это про Светика. Написали? Теперь заглядываем сразу в Просмотр. Без изменений, правда? Следующий шаг - смотрим HTML. Теперь все дружно возмутимся - "Как же так! Там лишний HTML - код! Пойду-ка я лучше писать в Блокнотик..."

Да, к сожалению, это главный недостаток FrontPage.

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

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

Ничего не изменилось, правда? Дальше заходим в HTML. Вот это да!

<title>Здесь должен находиться ваш заголовок</title>.

Вот как оказывается все просто! А ведь в HTML мы ничего не писали!

Оказывается, FrontPage сам за нас все написал!

Теперь забудьте все, что вы знаете о HTML. Получилось?

Не очень, правда? Тогда хотя бы представьте, что вы вообще понятия не имеете, что такое HTML.

Начинаем все сначала.

Заходим в Нормальный, пишем все, что хотим, нажимаем на правую кнопку мыши, пишем название. Кстати, можно еще и изменить в «Свойствах страницы» фон.

Теперь открываем Просмотр. С фоном, конечно, будет смотреться поэффектней.

Когда вы писали что-то, меняли фон и т.д., вы делали что-нибудь с HTML?

Нет? Вот-вот... Уже ближе к цели...

А теперь подумайте, в дальнейшем он вам пригодится? Зачем запоминать все эти значки, буковки, циферки, закорючки и прочую чепуху? Вот именно, совершенно незачем!

Теперь, я надеюсь, понятно, что HTML нам совершенно не пригодится?

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

Догадались какой? Правильно, FrontPage. И за работу!

А на сегодня все. Удачи!

Еще раз о том, с чего начать

Здравствуйте, уважаемые читатели!

На сайте рассылки появилось одно очень интересное голосование. "С помощью чего (или кого) вы собираетесь сделать свой сайт?" Голосуем! >>>

А теперь подведем небольшой итог 12 последних выпусков.

Итак, с чего же надо начинать. Прежде всего, надо начинать с темы для сайта и, конечно же, с ЦЕЛИ.

ЦЕЛЬ - это главная составляющая успеха сайта.

Если у вас не будет определенной ЦЕЛИ, и вы не будете знать, зачем вам сайт (!), можете даже и не пытаться его создавать. Всего лишь зря потратите время.

Конечно, сайт вы, в конце концов, создадите, но забросите вы его месяца через 2-3, это точно. Это только если у вас не будет ЦЕЛИ.

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

А если надоест, значит, ЦЕЛЬ у вас была неправильная.

Сложно, да? Хорошо, постараюсь попроще. Если у вас не будет ЦЕЛИ, то сайт можете не создавать. Если вы не знаете, ЗАЧЕМ вам сайт, сайт можете не создавать. Если вы не знаете и даже не хотите знать, КАКУЮ ПОЛЬЗУ принесет сайт лично вам, то сайт можете не создавать.

Что, стало понятней? У вас есть ЦЕЛЬ? Нет?! И не хотите ее определить? Вообще не хотите?!

Тогда для вас объясняю совсем просто. Берете в руку мышку. Конечно же, не живую. Но и не мертвую! :) Привожу одну фразу из 12 выпуска: Мышь является указательным устройством, которое указывает системе, что необходимо сделать.

Понятно, какую мышь? Или мышку, кому как нравится :)

Значит, взяли мышку и подвели ровно в центр экрана. Ровно - ровно, не ошибитесь!

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

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

О-па! Теперь, я надеюсь, те, кто даже ЦЕЛЬ определять не хочет, больше нас не побеспокоят.

Только я одну вещь напоследок сказать забыла.

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

И читать, читать, читать до посинения!

Только так, господа, вы и сможете научиться делать сайты!

Значит так, объясняю всем оставшимся в последний раз

Когда ты сайт создал без ЦЕЛИ, не жди горения в глазах. Твой сайт источник будет скуки, и деньги превратятся в прах.

Понятно? Без ЦЕЛИ ни туда, и ни сюда.

Определяем ЦЕЛЬ. Как?

А этого я вам и не скажу! Архив надо было читать :) Для тех, кто не помнит или не знает вовсе, что такое архив и где он находится, еще раз пишу ссылку - http://www.websuper.by.ru/svoisait.htm Здесь можно прочитать предыдущие 12 выпусков.

С ЦЕЛЬЮ мы разобрались. Кстати, прибыль тоже входит в понятие ЦЕЛЬ.

После того, как мы более-менее определились с ЦЕЛЬЮ, я писала о практике на Народе. Еще раз спасибо всем, приславшим мне свои ссылки.

Замечания, конечно, тоже были, об этом я писала в десятом выпуске.

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

Среди них есть очень даже неплохие. Конечно, если вам удобнее работать с Dreamweawer, HomeSite или еще с каким-то, то это всегда пожалуйста, но я пользуюсь FrontPage (2000), поэтому вам будет намного легче меня понять, если вы его тоже приобретете.

В последнем, двенадцатом выпуске, я рассказала о HTML. Конечно, пришло много писем от недовольных сторонников HTML, но все они приводили одни и те же доводы, даже скучно стало. Хотя, некоторые, даже и доводов-то никаких не приводили. :)

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

Правда, пока не было всяких редакторов типа FrontPage, сайты писали в HTML, но сайтов - то было... раз, два и обчелся... Не то, что сейчас...

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

Вот, практически и все, что нам понадобится для начала.

А на сегодня все. Удачи!

Работа во FrontPage. Создание таблицы

Здравствуйте, уважаемые читатели!

Сегодня мы будем учиться работать во FrontPage, создавать таблицу, начинать делать главную страницу нашего сайта и заниматься еще массой интересных вещей.

Еще раз скажу, что я не имею ничего против Dreamweawer, HomeSait, Saitcraft и т. п., но объяснять создание сайта буду по FrontPage.

А сейчас хочу немного времени уделить одному слабому месту, на котором многие могли промахнуться. Сейчас мы будем учиться делать таблицу во FrontPage, и нам придется где-то сохранять то, что у нас получится.

Сразу говорю, начнем мы с главной страницы. Главную страницу надо обязательно назвать index.htm или index.html. И обязательно английскими буквами, русскими никак нельзя!

Я по умолчанию назову главную страницу index.htm.

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

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

А теперь открываем FrontPage и приступаем :)

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

Таблицы. А замечали ли вы, что практически все сайты в сети (кроме нескольких исключений) состоят из таблиц? Нет? Тогда зайдите на Яндекс, Рамблер или хотя бы на сайт рассылки :) На некоторых сайтах присутствие таблиц можно сразу и не заметить. Но они есть! В этом можно убедиться, открыв какую-нибудь страницу во FrontPage. Конечно, большинство таблиц не видно обычным взглядом, но мы-то их увидим! :)

Когда вы открыли, например страницу Яндекса во FrontPage вы могли видеть, что там очень много таблиц выделенных вот такими значками "-------" или "......". Это когда смотришь в Нормальный. А когда заходишь в Просмотр, эти таблички уже не видны.

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

Делаются они очень просто - Табл.- Вставка - Таблица и выбираете, сколько вам надо строчек, колонок и т.д.

Ничего сложного в такой таблице вроде бы нет. Кстати, если таблица вам не очень понравилась, ее надо выделить, нажать на правую кнопку мыши и выбрать "Свойства таблицы". А там уже можете менять все по своему усмотрению.

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

Теперь сделайте несколько таких табличек и напишите в них примерное содержание своей главной страницы.

Потом сохраните все, что у вас получилось под именем index.htm или index.html (в дальнейшем index.htm) в папочке site или mysite (в дальнейшем site).

После этого откройте index.htm в браузере (На моем компьютере, например, Internet Explorer).

Ну как вам? Дизайн немного прихрамывает, правда?

Тогда опять откройте index.htm (в дальнейшем - index) во FrontPage (в дальнейшем - FP) и немного поменяйте таблицы и фон, но (!) не добавляйте пока никаких картинок, об этом мы поговорим потом.

А напоследок расскажу еще об одной функции FP, касающейся таблиц. Выделяете таблицу - Формат - Границы и Тени. В Границы и Тени слева есть три небольших таблички. Вам надо выбрать вторую, которая находится посередине (коробка). Дальше можете настраивать ширину, цвет, размер и общий вид таблицы по своему усмотрению.

Экспериментируйте, а в следующем выпуске мы поговорим о главной странице нашего сайта.

А на сегодня все. Удачи!