i
ЗА 21 ДЕНЬ!
Структура сайта
Цветовое и текстовое
решение
зможности
визуальных редакторов
Основы HTML
Выбор
оптимального хостинга
Расскажи
себе миру
о
помощью
с
интернет-сайта.
Раскрутка сайта
в Интернете
Ольга Морозова
ПОСТРОЙ СВОЙ
СУПЕР САЙТ
ЗА 21 ДЕНЬ!
Санкт-Петербург
«БХВ-Петербург»
2006
УДК
ББК
681.3.06
32.973.202
М80
М80
Морозова О. М.
Построй свой СУПЕР-сайт за 21 день! — СПб.: БХВ-Петербург,
2006. - 224 с : ил.
ISBN 5-94157-799-0
Популярно объясняется, как создать в Интернете свой сайт "с нуля" абсолютно неподготовленному в этом вопросе читателю. В качестве инструментов используются доступный визуальный редактор FrontPage и программа Adobe Photoshop.
Простым и понятным языком на практических примерах рассказывается, как
выбрать оптимальный хостинг и привлечь к созданному сайту заинтересованную
аудиторию.
Для широкого круга пользователей
УДК 681.3.06
ББК 32.973.202
Группа подготовки издания:
Главный редактор
Зам. главного редактора
Екатерина Кондукова
Евгений Рыбаков
Зав. редакцией
Григорий Добин
Редактор
Компьютерная верстка
Корректор
Дизайн обложки
Зав. производством
Татьяна Лапина
Натальи Караваевой
Зинаида Дмитриева
Игоря Цырульникова
Николай Тверских
Лицензия ИД № 02429 от 24.07.00. Подписано в печать 21.10.05.
Формат 70x100Vie- Печать офсетная. Усл. печ. л. 18,06.
Тираж 3000 экз. Заказ No 1396
"БХВ-Петербург", 194354, Санкт-Петербург, ул. Есенина, 5Б.
Санитарно-эпидемиологическое заключение на продукцию
№ 77.99.02.953.Д.006421.11.04 от 11.11.2004 г. выдано Федеральной службой
по надзору в сфере защиты прав потребителей и благополучия человека.
Отпечатано с готовых диапозитивов
в ГУЛ "Типография "Наука"
199034, Санкт-Петербург, 9 линия, 12
ISBN 5-94157-799-0
° Морозова О. М., 2006
О Оформление, издательство "БХВ-Петербург", 2006
Оглавление
Введение. Давайте познакомимся!
1
День первый. А зачем мне, собственно, сайт?!
7
День второй. Рисуем план нашего "дома". Создание структуры будущего
сайта
13
День третий. Разрабатываем интерьер. Поиск информации и иллюстраций
для сайта
17
День четвертый. А где же наши инструменты? Возводим "стены".
Знакомство с FrontPage, построение таблиц, создание шаблона
День пятый. Разговор о цветах. Разработка цветового сочетания
для сайта
21
37
День шестой. Выбираем "обои" и красим "стены". Знакомство с Adobe
Photoshop, создание фона
45
День седьмой. Как лучше расставить "мебель". Секрет "правильного"
способа подачи и размещения информации
57
День восьмой. Развешиваем "картины". Вставка иллюстраций на сайт
69
День девятый. "Водопровод", "канализация" и прочее. Краткий
курс HTML
День десятый. Выбрасываем лишний "мусор". "Подчистка" HTML-кода
День одиннадцатый. Пристраиваем "комнаты". Ой, а где же "окна"
и "двери"?! Гиперссылки
День двенадцатый. Выбираем землю под застройку. Выбор хостинга
для сайта
День тринадцатый. Выходим в свет. Размещение сайта в Интернете
75
93
111
117
127
jV_
Оглавление
День четырнадцатый. Развешиваем флажки и фонарики. Оптимизация
HTML-кода для поисковых систем
135
День пятнадцатый. Сообщаем о себе миру! Регистрация в поисковых
системах и каталогах
141
День шестнадцатый. Приглашаем гостей. Открытие тематической
рассылки
149
День семнадцатый. Еще один хороший способ пригласить гостей.
Обмен ссылками
159
День восемнадцатый. Займемся украшением "дома". Вставка скриптов
JavaScript на сайт
163
День девятнадцатый. Встречаем гостей. Создание гостевой книги
на бесплатных серверах
169
День двадцатый. Давайте посчитаемся! Установка счетчика на сайт
175
День двадцать первый. А не создать ли нам клуб по интересам?
Создание форума на бесплатных серверах
Заключение. Я желаю счастья вам, счастья в этом "доме" большом!
185
193
ПРИЛОЖЕНИЯ
197
Приложение 1. Толковый словарь Интернета
199
Приложение 2. Уменьшаем размер изображения
213
Введение
Давайте познакомимся!
Здравствуйте, уважаемый читатель!
Я рада, что интуиция не подвела вас, и сейчас вы держите в руках эту книгу.
Если вы хотите сами создать свой сайт — это именно то, что вам нужно.
Я постаралась написать эту книгу без сложных слов и выражений, простым
языком, понятным каждому. Поэтому она годится и тем, кто только научился читать, и тем, кто читает уже долгие-долгие годы.
Прочитав книгу, вы узнаете не только о том, как создать сайт. Вы узнаете,
как сделать так, чтобы ваши затраты на сайт окупались, что в наше время
является немаловажным.
Идея написать эту книгу возникла у меня после того, как я обнаружила,
что, несмотря на обилие книг по "сайтостроению", для начинающих —
практически ничего нет. Все книги, в основном, рассчитаны на опытных
пользователей. Своей книгой я решила этот пробел устранить.
И так как уже почти два года в Интернете существует мой собственный
проект "Свой сайт — это просто! Пособие для чайников", то я имею представление о том, с какими трудностями сталкивается человек, решивший
самостоятельно создать свой сайт "с нуля". Результаты своих наблюдений я
учла при написании этой книги.
А сейчас, я считаю, самое время сказать слова благодарности тем, кто помог
мне написать эту книгу.
Мои благодарности
Во-первых, хочу выразить благодарность всей моей семье за моральную
поддержку в процессе написания книги!
В особенности маме, Татьяне Морозовой, которая, хотя и специализируется
на проблемах здоровья, по ходу написании книги не раз давала мне ценные
Введение
советы. Кстати говоря, именно она когда-то подтолкнула меня на создание
проекта "Свой сайт — это просто! Пособие для чайников". Так что ее вклад
просто бесценен :).
Также особая благодарность папе, Михаилу Морозову, за обширные коммерческие консультации :) и бабушке, Зое Алексеевне Морозовой, за свежий взгляд на книгу и помощь в правке текста. Еще хочу сказать большое
спасибо моим родным братьям Олегу и Игорю и сестре Женечке за помощь
в создании хорошего настроения :). Не могу не упомянуть моих двоюродных
братьев Лешу и Сашу Александровых, моих бессменных консультантов по
вопросам интернет-технологий :).
Отдельное спасибо Ксении Плахотниковой за поддержку и интересные беседы :). А также ее маме Марине Георгиевне за активное участие в выходе
этой книги.
Еще одна моя большая благодарность всему издательству "БХВ-Петербург",
и в особенности Евгению Рыбакову и Татьяне Лапиной за то, что книга благодаря их усилиям стала еще лучше.
Ну, и конечно же — большое СПАСИБО всем моим читателям за многочисленные интересные письма! Именно, они показали мне, на что нужно
сделать основной упор в книге.
Немного обо мне и моем проекте
Прежде чем начать, давайте сначала познакомимся (давно пора!). Меня зовут Ольга Морозова. Девушка на обложке — это я :).
Ого! А это что за знак такой — :) ? Чтобы увидеть истинное значение этого
двоеточия со скобкой, положите голову на левое плечо и еще раз посмотрите. Если ничего не получилось, то поверните книгу по часовой стрелке
на 90°. Видите? ":)" — это улыбка, вернее, улыбающаяся мордочка! Называется "смайлик". Смайликов бывает много. Веселых и грустных. Например,
;) — подмигивание, :( — грустный смайлик; великую радость, смех обозначают смайликом :)), а смайлик :(( используют, когда хотят показать сильное
огорчение или расстройство. Еще можно использовать "нос" — ":-)", но это
делают не так часто.
Если в конце предложения стоит ":)", это значит, что это предложение я писала с улыбкой :).
Предлагаю посмеяться! :)
Василий Иванович диктует Петьке, сидящему за телеграфом:
— Москва запятая Кремль точка ру. Отбили реку у белых вскл знк
завтра проводим соревнования по плаванию тчк! Петька — я сказал тчк, а не
двоеточие со скобкой!
Введение
3
В 2003 году я в Интернете создала сайт — "Свой сайт — это просто! Пособие
для чайников". Тогда же у меня появилось свое собственное СМИ — интернет-рассылка с суммарным тиражом более 16 000 экземпляров.
Небольшое отступление. Что такое рассылка?..
Рассылку можно сравнить с обычными печатными изданиями: газетами, журналами и пр. Только автором является не огромная редколлегия и штат журналистов, а один или несколько человек: те, кому интересна данная тема.
Если вы захотите подписаться на газету, куда вы пойдете? Правильно, на почту. А на рассылку можно подписаться прямо у себя дома или на работе через
Интернет. Причем совершенно бесплатно!
В Интернете существуют специальные места — службы бесплатных рассылок,
где есть рассылки по любой тематике. Заходите на http://subscribe.ru;
http://content.ru или http://maillist.ru и убедитесь сами.
После того как, следуя инструкциям, которые есть на этих службах, вы подпишитесь на нужные вам рассылки, они станут приходить на ваш электронный
почтовый ящик.
Как видите, очень удобно! Подписка на рассылку "Свой сайт — это просто! Пособие для чайников" находится на моем сайте http://prostosite.ru/.
Прошел год. Материалов накопилось очень много. И я решила, что настала
пора внести свою лепту в книгоиздательство :).
И вот книга перед вами. Она называется "Построй свой СУПЕР-САЙТ
за 21 день!". Существует множество анекдотов про "чайников". Не оставила
их без внимания и я :).
Предлагаю посмеяться! :)
Звонок в компьютерную контору: - С моим компьютером проблемы, он не
включается...
— Как не включается?
— Да пишет все время: "Вставьте дискету № 1, вставьте дискету № 1..."
— А вы вставляли?
— Вставлял. Так он пишет "Вставьте дискету № 2, вставьте дискету № 2..."
— А дискету № 2 вы тоже вставляли?
— Да! Все равно ничего не получается! Теперь он пишет "Вставьте дискету № 3,
вставьте дискету № 3..."
— В чем проблема-то?
— Так третья туда уже никак не влезает!
Выходит чайник из компьютерного магазина с круглыми глазами:
— Блин, совсем эти новые русские офигели... это надо же придумать — коврик!., для мыши!!!
Введение
Звонок в службу технической поддержки:
— Зайдите в "Мой компьютер"...
— Как я зайду в ваш компьютер?!
Ну что, настроение поднялось? Тогда продолжаем.
Если у вас возникнут вопросы или осложнения, связанные с материалами
книги, вы можете написать мне на мой электронный почтовый ящик, или
попросту e-mail, o.m.morozova@mtu-net.ru. Пишите, будем разбираться вместе!
Обратите внимание, некоторые иллюстрации вынесены на цветную вкладку,
ссылки на них начинаются с букв ЦВ: например, ЦВ5.6.
Хочу предупредить сразу, данная книга рассчитана на наличие хоть и небольшого, но чувства юмора. Поэтому если с этим проблемы, то книгу, конечно,
лучше не читать, а отдать приятелю, у которого с этим все нормально. НО,
так как вы ее еще продолжаете читать, скажу по секрету, что обижать коголибо в мои планы вовсе не входило. Итак, я вас предупредила. Потом не
говорите, что ничего не видели :).
Внимание, это важно!!!
Книга разбита на 21 главу-день (отсюда и название), плюс введение, заключение и два приложения.
Первые несколько дней — это в основном теоретический материал. Практики
тут будет совсем немного, но зато будет довольно много таких вещей, без которых в создании сайта никак (ну просто никак!) не обойтись.
А вот в следующих днях практики будет достаточно :). Но для этого вам понадобится программа Microsoft FrontPage, которую мы начнем активно использовать с четвертого дня занятий. Это очень полезная программа, с помощью
которой вы сможете не только за очень короткий срок создать сайт, но и в дальнейшем обновлять его.
Если вы не владеете английским в совершенстве, рекомендую вам приобрести
русскую версию программы (она продается в любом компьютерном магазине
и обычно входит в состав таких дисков, как "Microsoft Office", "Золотой Софт"
и т. п.). И вам будет намного легче ею пользоваться, и мне будет проще все
объяснить.
Вторая важная программа, которая нам тоже вскоре понадобится (на шестой
день наших занятий), — это программа Adobe Photoshop.
С ее помощью мы будем создавать некоторые элементы дизайна нашего будущего сайта. Кроме того, она позволяет редактировать фотографии, что для
многих актуально.
И третья важная программа, которую вам тоже нужно будет приобрести, — это
... Испугались? Не бойтесь, первых двух вполне достаточно для создания нашего СУПЕРСАЙТА :).
Введение
А пока, прежде чем перейти к первому уроку, давайте определимся с некоторыми терминами, которые я буду использовать.
Нет-нет, не волнуйтесь, никаких заумных определений и сложных понятий
в этой книге не будет. Впрочем, об этом говорит само название "Просто
о сложном".
Скажу честно, до написания этой книги я никогда особенно не задумывалась над четким определением таких слов, как "Интернет", "сайт", "ссылка"
или "браузер".
Вернее, определения-то есть. Интернет — это совокупность компьютеров,
коммуникаций и программ... Что-то в этом роде :). А сайт — место в Интернете, состоящее из страничек.
Мне эти формулировки не очень нравятся, хоть я и разместила их на сайте
в разделе "Толковый словарь" :).
Лучше я объясню вам по-другому, по-новому! Методом сравнения.
Представьте себе, что Интернет — это огромный мегаполис, где много-много
разных домов, больших и маленьких. Дома — это сайты. Но о них позже.
А мегаполис, кстати говоря, совсем не простой. Чтобы туда попасть, придется вам заплатить. Существуют два способа оплаты.
При первом вам на входе дадут медленную машину, да еще ограничат время
поездки на ней. Поэтому вы сможете объехать совсем не много домов,
и задерживаться в каждом подолгу нежелательно. Это называется dial-up,
повременка (по времени), когда доступ в Интернет осуществляется через модем, подключенный к телефону. Скорость перемещения достаточно мала,
а каждую минуту денежки кап-кап, кап-кап...
Второй способ намного удобней, но заплатить вам придется побольше. Вам
дадут быструю машину, времени хоть отбавляй — можно весь день кататься.
Но слишком много ездить не рекомендуется, потому что бензин может кончиться. Такой способ называется unlimited, выделенка, то есть выделенная
линия. Тут платят не за время, а за количество полученной информации
(в мегабайтах).
На собственном опыте могу подтвердить, что второй способ вне конкуренции. Хотя, конечно же, существует и третий способ — бесплатный. Но это
не всем дано :).
Еще вам обязательно иметь с собой специальные очки, чтобы вы смогли
правильно увидеть облик мегаполиса. Очки — это браузер, например, Internet Explorer, он входит в комплект Windows. Так же существуют и другие
браузеры, например, Netscape Navigator, Opera или Mozilla. Отличаются они
друг от друга тем, что некоторые элементы Web-сайтов работают в одних
и не работают в других браузерах.
Если вы снимете очки, вместо красивых домов вы увидите лишь странные
буковки и значки. Это и есть содержимое интернет-страницы, HTML.
6
Введение
Кстати, каждый желающий может завести свой собственный почтовый
ящик (который называется e-mail).
Да, это конечно здорово, на машине ездить по домам, где вам всегда рады,
переписываться по почте, обсуждать разные темы в реальном общении, узнавать что-то новое...
Но рано или поздно вам, конечно же, захочется иметь собственный дом
(вернее, сайт).
Что делать? Как быть? Первый и самый главный шаг я, если позволите,
опущу. О нем более чем подробно будет рассказано в первом дне.
После прохождения самого важного, первого, этапа нужно составить каркас
дома. А потом уже строить.
Для тех, кто строит, но еще не закончил, место за пределами мегаполиса.
А вот когда они закончат... Правда, многие сразу начинают строить прямо
в мегаполисе (то есть выкладывать в Интернет неготовые странички), что
совершенно неправильно. Люди на машинах будут подъезжать, недоуменно
смотреть на недостроенный, полупустой дом, пожимать плечами и ехать
дальше. Кому интересно присутствовать на стройке чужого дома?
Поэтому дом лучше создать и хорошо все проверить за пределами мегаполиса (отладить на своем компьютере). Разумеется, новичку в таком деле будет
ох как не просто! Тут ему на помощь придет программа FrontPage, "конструктор домов (сайтов)". Ей нужно только давать команды, и она будет послушно строить ваш дом.
Наконец дом построен. Но что-то все-таки не так... Теперь вы сами загляните внутрь дома и устраните неполадки, которые FrontPage просто не могла заметить из-за своего "программного" интеллекта.
Все! Комнаты (странички сайта) выглядят превосходно, переходы между
комнатами и лестницы на другие этажи (ссылки) держатся крепко... Пора
объявить о себе миру!
Вам нужна земля в мегаполисе, где вы разместите ваш дом. Эта земля называется хостинг. Земля бывает платная и бесплатная. Бесплатный — только
сыр в мышеловках :). Из множества вариантов выберите подходящий, и...
можно звать гостей!
Теперь начинается активная работа по приглашению гостей, поиск клиентов
и партнеров. А потом — совершенствование, надстройка комнат и этажей...
а может быть, создание еще одного дома?
Не знаю, не знаю... Нам еще только предстоит пройти через все это. Но механизм работы Глобальной Сети Интернет и создания своего сайта, мне,
надеюсь, удалось вам объяснить.
А сейчас шаг первый. Как гласит одна переиначенная мною мудрость,
"и многомильные путешествия начинаются с первого шага".
Устраивайтесь поудобней, мы начинаем наше путешествие!
День первый
А зачем мне, собственно, сайт?!
Давайте вместе откроем первую страницу книги, которая называется "Сайтостроение". Эта книга о том, как "построить" сайт. Каким будет этот сайт,
зависит только от вас. Возможно, вы забудете о нем через неделю, или, может быть, ваш сайт станет очень успешным. Кто знает, мы ведь пока открыли только первую страницу!
Но, скажу вам по секрету, есть один, проверенный лично мною способ,
предугадать будущее вашего сайта. Нет, это не гадание на кофейной гуще
или по звездам. Этот способ требует вашего участия. Но не бойтесь, делать
много не придется. Достаточно всего лишь немного расслабиться, подумать
о чем-нибудь приятном и задать себе один довольно простой, я бы даже
сказала наипростейший, маленький такой вопросик:
"А зачем мне, собственно, сайт?!"
Пауза, думаем...
Думаем, думаем, думаем...
Та-дам!
Если бы вы действительно подумали и ответили на этот вопрос, а не просто
пробежали текст глазами, ваш ответ мог попасть в одну из следующих категорий...
Может, сделаем вторую попытку и попробуем ответить самостоятельно еще
раз, не подглядывая в текст далее?
Знаю, знаю, что прошу у вас невозможного, любопытство оказалось сильнее. Итак, читаем...
Первая категория имеет такие ответы.
• Просто так.
О Чтобы был.
• У всех есть, чем я хуже?
8
День первый
• Будет о чем поговорить с друзьями.
• Да я, вообще-то, не знаю, думал(а), вы мне подскажете...
Ну, и так далее.
Если все эти ответы смешать в кучу, сорвать все маски, отбросить отговорки типа "будет о чем поговорить, так модно", то ответ получится один:
"Не знаю".
Эта категория так и называется — "незнайки". Я очень надеюсь на ваше чувство юмора, уважаемый читатель, и на то, что вы не обидитесь на меня за
такое "прозвище", тем более что далее вы поймете, что эта категория хоть и
заразна, но лечится :).
Следующая категория называется "знайки". Они точно знают, зачем им сайт.
А сайт им нужен затем, чтобы зарабатывать деньги, чтобы найти единомышленников, чтобы... "Знайки" пускай продолжают сами.
И, наконец, последняя категория — "умельцы". "Умельцы" не только знают,
зачем им сайт, они еще и создают (создали) его, и этот сайт приносит им
именно то, для чего он и был создан.
Разумеется, каждая категория имеет свои подкатегории, которые иногда пересекаются, и...
Стоп, стоп, стоп! Пора сделать перерыв.
Диета для ума
Одна
замечательная
женщина,
автор
Школы
своего
Здоровья
(http://shsz.prostosite.ru/), Татьяна Морозова, которая также по совместительству является моей мамой :), рассказала мне о трех уровнях восприятия знания:
•
Первый уровень, это когда человек не знает, но думает, что знает.
•
Второй уровень, это когда человек действительно не знает и думает, что
не знает.
•
И, наконец, третий уровень, это когда человек не только знает, но главное — понимает то, что знает, то есть все может объяснить доступно, просто "на пальцах" даже ребенку.
Поясню на примере.
Пробежав эту книгу взглядом по диагонали, вам будет казаться, что вы все уже
знаете. Но это не так. И как только вы приметесь за создание сайта, тут же
окажется, что ничего из прочитанного вы усвоить-то и не сумели.
Тогда, поняв это, вы перейдете на следующий уровень, когда будете читать
книжку уже с карандашиком. Но опять же, создать сайт для вас будет пока проблематично.
А когда вы будете не только читать, но все написанное тут же пробовать и проверять на практике, я смогу вас поздравить, вы достигнете последнего уровня.
Так как критерий истины — все-таки практика.
Теперь только совершенствование, совершенствование и еще раз совершенствование, предела которому, как известно, нет.
А зачем мне, собственно, сайт?!
Обычно третий уровень считается недосягаемым, а все потому, что стремление человечества к знанию обычно ограничивается первым уровнем, редко
вторым. Но мы то с вами не лыком шиты, мы дойдем до вершины, а дальше — свободный полет!
Итак, мы выделили три категории: "незнайки", "знайки" и "умельцы". Мы с
вами, понятное дело, будем стремиться к последней категории.
Но, чтобы подойти к третьей категории, сначала нужно подойти ко второй.
Если вы себя уже сейчас относите к категории "знайки", скажу честно, вам
очень повезло :).
Но даже если ваш ответ находится пока в категории "незнайки", не стоит
отчаиваться: расстояние между "незнайками" и "знайками" совсем небольшое, его легко преодолеть. Для этого нужно ответить на вопрос "зачем мне
сайт", а это, я уверена, вы сделать сможете. Если хорошо подумаете!
Предлагаю
посмеяться!
:)
— Зачем компьютеры пищат, когда нажимаешь сразу много клавиш?
— Чтобы будить уснувших на клавиатуре программистов!
— Говорят, Windows очень прост в освоении... Тогда зачем учебник
на 1000 страниц?!
А сейчас я расскажу вам о довольно интересном факте, связанным непосредственно с "сайтостроением".
Во всемирной сети Интернет есть интересный сайт, посвященный определенной теме. Он содержит много информации, иллюстраций. Навигация по
сайту удобна для посетителей, и, главное, он быстро загружается, и на нем
нет надоевшей всем рекламы!
Вот здорово, вы такой сайт давно искали! Но рано радоваться. Советую вам
поближе присмотреться. К чему же? А именно к последней новости (к дате)
и к году создания сайта. Если год создания сайта где-то 2001—2003, а последняя новость добавлена буквально на днях, то вам определенно повезло.
Значит, этот сайт действительно интересен его владельцу, раз он занимается
им уже 2—3 года и делает обновления до сих пор.
Но если год создания опять же 2001—2003 (или даже 2004 год), и последняя
новость теряется где-то в районе тех лет, я вообще удивляюсь, как вы нашли этот сайт? :) Эти сайты просто-напросто заброшены, забыты и, что самое главное, они неинтересны своим владельцам. И таких сайтов оченьочень много... К сожалению.
Когда вы начинаете делать сайт, вы должны знать, что перед вами встает
очень большая вероятность попасть именно в разряд последних. Хотите ли
_Ю
День первый
вы этого? Если нет, то давайте не повторять чужих ошибок, нам и своих
хватит :).
Какая же главная ошибка была у всех этих сайтов? Ранее я уже писала,
что они неинтересны своим владельцам. Вот она, главная ошибка! Не-инте-рес-ны!
Как же сделать так, чтобы было интересно? Как сделать так, чтобы сам процесс построения, обновления, раскрутки сайта приносил удовольствие? Вот
на эти вопросы мы с вами и постараемся ответить.
Интерес начинается с темы. С темы для сайта. А тема для сайта зависит не
только от ваших интересов, она, в первую очередь, зависит от ответа на вопрос "зачем мне сайт?".
Например, вы ответили себе, что сайт вам нужен для поиска единомышленников. А у единомышленников есть, наверняка, своя определенная тема, по
которой они, как раз едины. В этом случае тема готова уже с самого начала
"строительства".
Или, сайт нужен вам для зарабатывания денег. Заработать деньги с сайта
можно сразу несколькими способами, об этом мы поговорим немного позже. Хотя если вы ответили на поставленный вопрос именно так, то у вас,
скорее всего, уже есть свой способ заработать деньги на сайте.
Например, свое Дело. Или бизнес. Или же вы собираетесь сделать сайт для
своей фирмы. Или вы занимаетесь предоставлением каких-то услуг и хотите
расширить поле своей деятельности с помощью Интернета... Как видите,
вариантов может быть много.
Но главное — это ваш личный интерес к теме, которой будет посвящен ваш
будущий сайт. Без этого, к сожалению, нельзя никак.
Следующим критерием "интересности" является прибыль. Прибыль с сайта
(вот мы и вернулись к этой интересной теме). В принципе, способов заработать на сайте существует довольно много. Расскажу вам о самых, с моей
точки зрения, действенных.
Первый способ касается темы вашего сайта. В этом случае вы предлагаете
посетителям не реальные услуги, а виртуальные. То есть услуги через Интернет.
К сожалению, в быту еще витает миф, что абсолютно все услуги через Интернет — сплошной обман. Не могу не согласиться, что масштаб интернетмошенничества на данный момент уже достиг гигантских размеров,*но это
же не значит, что все услуги, предоставляемые через Интернет, — просто
красивые фантики. Отнюдь!
Правда, тут возникает довольно много вопросов. Какие услуги можно предоставлять через Интернет? Как это все происходит? В какой форме оплаты? И т. д.
А зачем мне, собственно, сайт?!
11
Но в чем же плюс? Как, разве это неочевидно? Не нужно тратиться на
офис — его можно устроить прямо дома, имея стол, стул, компьютер и доступ в Интернет. Осталось придумать, какие именно услуги вы будете предоставлять.
Второй способ также касается темы вашего сайта. Только теперь услуги не
виртуальные, а реальные. Если я, например, сделаю вам сайт (а такая услуга
тоже есть в разделе "Услуги" моего сайта), перекачаю на дискету, доставлю
к вам домой или отправлю ее по почте — это как раз будет услуга из этой
категории. Правда, я на этом пока не специализируюсь :).
В принципе, реальные услуги можно оказывать практически по любой теме.
Было бы желание и клиенты :).
Третий способ похож на второй, но определенные отличия все-таки имеются. Если при втором способе зарабатывания денег главным является тема
для сайта, а прибыль — приятным дополнением к вашему хобби, то третий
способ отличается тем, что тема для сайта — не просто ваше хобби, это,
в первую очередь, услуги. Виртуальные или реальные, неважно. Главное, что
сайт посвящен этим услугам.
И, наконец, последний и самый распространенный способ — это прибыль
с рекламы. На первом месте стоит именно тема сайта. Ее нужно как следует
"раскрутить", добиться большой посещаемости — и, пожалуйста, можно искать рекламодателей. Если они, конечно, не найдут вас раньше.
Но чтобы раскрутить сайт, нужно определенное время и определенные
деньги (например, плата за Интернет). И ведь еще не факт, что вы добьетесь
посещаемости 100—200 человек в день (а это, между прочим, минимальное
требование).
Что вообще нужно сделать для того, чтобы проект стал популярным? В общих словах, это интересная, в первую очередь для владельца, тема, но одновременно эта тема должна быть интересна большому кругу читателей
(пользователей). Интересная объемная информация, частые, регулярные обновления, наличие форм общения между посетителями (об этой небезынтересной теме мы обязательно с вами поговорим), хорошая "нахождаемость"
в поисковиках и каталогах, наличие тематической рассылки (и об этом мы
тоже будем с вами говорить!)... Возможно, я могла что-то опустить, но и
этого, я думаю, достаточно для обеспечения хорошей посещаемости.
Но вы только подумайте, потратить уйму времени на такую огромную работу, чтобы когда-нибудь (а может быть, и никогда), получать свои законные
10—20 условных единиц в месяц с рекламы?! Вам самим не смешно?
Так что если вы с самого начала решили получать прибыль с сайта посредством рекламы чьих-то проектов на страницах своего сайта, будьте готовы
к большому объему работы, которую вам предстоит проделать.
12
День первый
Вы только не пугайтесь! Во всяком случае, сильно :). Если приглядеться поближе, всю эту работу вполне можно сделать. Но с самого начала, как мне
кажется, о рекламе думать рано. Вот когда сайт будет уже готов, и работа по
его обновлению будет налажена, тогда — пожалуйста!
Ну что же, подготовительная часть почти закончена. Надеюсь, я убедила
вас, что без ответа на вопрос "зачем", без вашего энтузиазма и интереса
к тому, что вы делаете, ваш сайт ждет... далеко не лучшая судьба.
Если вы уверены, что усвоили все, что написано на предыдущих страницах,
то я просто не могу не удивиться вашим сверхспособностям (или самообману :)). Тем не менее повторю, что если в изложенном материале для вас остались белые пятна, пишите мне — разберемся!
Предлагаю
посмеяться! :)
Объявление:
Набор текста дешево и за короткие сроки. Текст шлите на e-mail.
Торжественно объявляю теоретическую часть закрытой! Переходим к практике. Практика у нас сейчас будет не слишком активная, но зато нужная
и, что самое главное, интересная!
День второй
Рисуем план нашего "дома".
Создание структуры будущего сайта
Уважаемый читатель, я еще много раз буду сравнивать создание сайта с постройкой дома. Мне кажется, эти процессы настолько похожими, что свои
ассоциации я вынесла в названия глав.
Кстати, вы знаете, что в любом доме самое главное — это его фундамент.
Основа, если хотите. Так вот, если основа не будет крепкой, дом простонапросто развалится. В сайтостроении все то же самое. Только строим мы
не дом, а сайт.
Спешу вас обрадовать, постройка фундамента у нас уже позади. Что, удивлены? Как видите, ничего сложного в этом и не было. Ответили на пару вопросов, подумали, почитали, опять подумали — и все, основа готова!
Если вы не поняли, о чем я только что написала, возвращайтесь к прочтению первого дня, который и посвящен построению основы сайта.
Совсем другой вопрос — крепкая ли это основа, или же она распадется при
малейшем дуновении ветерка.
Настойчиво советую вам в очередной раз проверить основу и устранить помарки. Пусть это займет много времени, зато дом, то есть сайт, будет твердо
стоять на ногах! Ведь намного проще укрепить, или даже переделать, фундамент сейчас, чем потом, когда на нем уже будет возведен огромный дом!
Так что если вы весь предыдущий текст "пролистали", вы многое потеряли.
Чистая теория без практики, как было не раз доказано, дает нулевой результат, то есть результата не дает. Просто читая все эти "зачем мне сайт" и пр.,
вы ничего не добьетесь. Нужно еще хорошенько обо всем этом подумать.
А пока вы будете размышлять "о чем именно думать", мы плавно перейдем
к нашей небольшой практической части.
Для начала найдите бумагу и ручку, пока не найдете, дальше не читайте;
надеюсь, это дело отнимет у вас не очень много времени. Проверьте, пишет
ли ручка, если нет, найдите другую.
День второй
J4
А вот теперь можете удобно устроиться там, где вы сейчас сидите, то есть на
вашем стуле (кресле, табуретке, диване, на полу), и расслабиться. (Внимание, проверьте, есть ли у вашей спины опора! :))
Выкиньте из головы всякие посторонние мысли, вечно мешающие вам сосредоточиться. Для этого в состоянии расслабления, когда ручки и ножки у
вас абсолютно не напряжены и голова свободно болтается на шее, вы концентрируете свое внимание сразу на двух своих руках одновременно. В голове наступает полный вакуум.
А теперь подумайте: что вы хотите разместить на вашем будущем сайте.
Запишите все, что придет в голову. (Расслабление к этому моменту нужно
закончить!)
Затем из того, что пришло вам в голову, составьте структуру вашего сайта и
запишите ее. Структура — это название разделов, подразделов, из которых
будет состоять ваш сайт, и порядок их расположения.
Чтобы не изобретать велосипед, покажу вам основную структуру моего сайта http://prostosite.ru/. Пункты, отмеченные кубами, — это основные страницы сайта. Пункты, отмеченные кружками, — это внутренние страницы,
ссылки на которые располагаются на основных страницах сайта.
• Главная страница.
• Статьи.
П Полезное.
• Картинки.
• Словарь.
• Рассылка.
• Скрипты.
• Книги.
• Программы.
• Для сайта.
• Для Windows.
• Обо мне.
• Юмор.
• Услуги.
• Ссылки.
• Гостевая книга.
Представленная структура довольно проста. В Интернете встречаются сайты
и с намного более сложной структурой.
Рисуем план нашего "дома". Создание структуры будущего сайта
15
Но на любом сайте главная страница — это основная страница сайта. В 80%
случаев посетитель первым делом попадает на первую (главную) страницу
сайта. Поэтому ссылки, расположенные на главной странице, имеют довольно большое значение. Они называются основными. Через них можно
попасть на основные разделы и основные страницы сайта. Напомню,
в структуре моего сайта они отмечены кубами.
Но бывают и другие — внутренние — ссылки. Они расположены на основных страницах сайта. Через них вы можете перейти на подразделы основных
разделов — внутренние страницы. В структуре моего сайта они отмечены
кружками.
Обычно такие внутренние страницы менее посещаемые, чем основные. Например, страница "Полезное" имеет посещаемость намного более высокую,
чем страница "Словарь".
Но на сайтах, где есть большой объем информации, без таких страниц не
обойтись. Внутренние страницы делают структуру сайта намного удобней.
Конечно, как и в любом деле, с этим не надо перебарщивать. Все хорошо
в меру.
Но это еще не все. На очень объемных сайтах существуют еще и страницы
"третьего уровня". Иногда даже четвертого и пятого.
Совсем запутала? Тогда поясню, страницы первого уровня — это страницы,
на которые можно попасть с главной страницы (основные страницы), второго уровня — страницы, на которые можно попасть со страниц первого
уровня (внутренние страницы).
Аналогично, страницы третьего уровня — это страницы, на которые можно
попасть со страниц второго уровня, страницы четвертого уровня... В общем,
посмотрите на рис. 2.1.
1
уровень
1
2 уровень
1
3 уровень
1
4 уровень
1
Рис. 2 . 1 . Расположение страниц разных уровней на сайте
16
День второй
Я надеюсь, что вы отнесетесь к составлению структуры своего сайта со всей
полагающейся в этом случае ответственностью. Подумайте, какие разделы
вы точно сможете поддерживать, периодически добавлять в них новую информацию, а какие нет. Последние, в таком случае, вообще можно не создавать. Или создать один раз, но на века, например, поместив фотографию,
где вы еще пешком под стол ходили.
А теперь еще раз пробегитесь глазами по составленной вами структуре и
исправьте возможные неточности.
Предлагаю
посмеяться! :)
Криминальная хроника: Вчера был убит известный спамер. В списках подозреваемых 300 млн адресов.
Новость: "Недавно состоялась очередная конференция по борьбе со спамом.
Приглашения были разосланы 100 000 000 адресатам".
P.S. Спам - см. приложение 1 "Толковый словарь Интернета".
Вот теперь можно и отдохнуть!
И похвалить себя за проделанную работу (а как же без этого?). А работа,
скажу вам честно, была довольно большая. Так что со спокойной душой
можете отдохнуть.
Все люди отдыхают по-разному. У каждого есть свой способ расслабиться.
Кто-то выпивает чашку чая, кто-то слушает любимую музыку, кто-то начинает рисовать, принимает ванну, контрастный душ, делает зарядку, читает
книгу...
Мне, например, после выполнения какой-то длительной работы необходимо
обязательно поделать то, что действительно приносит мне удовольствие.
А если работа была еще тяжелой и утомительной, то лучший отдых для меня — это "sitting and doing nothing", или, по-русски говоря, "ничегонеделанье".
Иногда, особенно после большой умственной работы, очень хорошо лечь и
совсем ни о чем не думать! То есть о чем-то все-таки думать, но на отвлеченные темы. А после пятнадцати минут такого "отдыха" — с новыми силами за новую работу!
Вот и вы отдохните немного — и примемся за новую работу. Да и я немного
отдохну... Короче говоря, объявляю небольшой перерыв.
День третий
Разрабатываем интерьер.
Поиск информации
и иллюстраций для сайта
Динь-динь! Будильник возвещает о том, что пора приступать к следующей
части нашей с вами практической работы.
Напомню, что вчера мы составляли структуру сайта. Надеюсь, листочек, где
вы эту структуру составляли, во время вашего отдыха никуда не затерялся.
Теперь внимательно посмотрите на вашу структуру и продумайте, что у вас
будет находиться в каждом разделе вашего сайта. Первый раздел называется
"Главная страница". Вот и подумайте, что вы разместите на главной странице.
Конечно, возможность подумать об этом у вас будет и позже, но зачем откладывать на завтра то, что можно сделать уже сейчас?
Итак, повторяю, задание такое: просмотреть каждый пункт структуры, которую вы составили, и подумать, что будет находиться на каждой странице
вашего сайта.
Пока только подумать. Можно и записать в "склерозник" (то есть в блокнот
для записей :)), чтобы не забыть. Если вы составите примерные наброски
(пусть даже на бумаге) того, что будет находиться на каждой странице вашего сайта, последующие практические уроки будут даваться вам намного легче. Ведь вы продумаете все уже сейчас, и, значит, потом на это время тратить не будете.
Теперь необходимо определить, какие материалы будут расположены на вашем сайте. Но сначала небольшое отступление.
Давайте вместе подумаем, зачем люди заходят в Интернет: тратят свои деньги на интернет-карты, модемы и выделенные линии?
Конечно, некоторые пользователи заходят в Интернет, чтобы пообщаться
с другими, такими же пользователями посредством различных чатов, форумов, гостевых книг, или e-mail, то есть электронной переписки. Но это нам
сейчас неинтересно. Кстати, чтобы узнать, что означают все эти слова (чат,
_/S
День третий
форум... и т. д.) советую заглянуть в приложение 1, которое находится в конце книги — Толковый словарь Интернета.
Основную же массу пользователей составляют те, кто заходит в Интернет за
информацией. Нет, вы только вчитайтесь в это волшебное слово — информация^. Каждый пользователь приходит за своей, индивидуальной информацией, но люди же все разные, и интересуются они все разными темами.
Конечно, какой-то информацией интересуется большее число людей, какой-то меньшее. Но круг интересов у пользователей Интернета очень и
очень обширен. Так что и ваша тема может в него вписаться.
Итак, мы выяснили, что посетители приходят на сайт за информацией и
общением. Общением мы займемся позже. А сейчас сосредоточим все наше
уже немного утомившееся внимание на информации.
Подумайте, сможет ли ваш сайт дать посетителю то, что он хочет получить, —
информацию? Но не просто информацию, а информацию для него нужную
и интересную?
Как узнать, что нужно и интересно? Есть способ, и он, как все гениальное,
прост — то, что нужно и интересно лично вам, обязательно заинтересует и
другого. Главное — это ваша собственная увлеченность делом, которое вы
делаете. Ведь и о тушканчиках можно рассказать так, что у читателей возникнет желание стать биологом.
После того, как вы обдумаете, какие материалы будут на вашем сайте, их
уже можно будет готовить к размещению на сайте. Или, если материалов на
вашем компьютере пока нет, начинать их искать, или, что еще лучше, сочинять.
Наверное, какие-то материалы вы все-таки возьмете с других сайтов, из
книг и т. д., но постарайтесь сделать так, чтобы таких материалов на вашем
сайте было не очень много (если, конечно, тематика вашего сайта позволяет
сделать это).
Намного интереснее, когда на сайте размещены уникальные, авторские материалы, написанные лично вами. К сожалению, не каждый сайт может
этим похвастаться, обычно автор просто "сдирает" материалы с другого такого же сайта, который тоже где-то их позаимствовал. Случается и так, что
первоначальный источник просто-напросто забывается, а то и вовсе таинственным образом исчезает.
Например, недавно в поисках каких-то материалов я встретила одну и ту же,
абсолютно идентичную статью, как минимум, на восьми разных сайтах. Самое
интересное, что автор статьи в каждом случае почему-то указывался разный,
а то его и вовсе не было. Вот такая мистика :).
Разрабатываем интерьер. Поиск информации и иллюстраций для сайта
Размещать чужие статьи на сайте — занятие не самое сложное, но такое занятие, уверяю вас, очень быстро вам наскучит. Да и конкуренция здесь немаленькая, архивов различных статей в Интернете очень и очень много.
А какая конкуренция может быть у ваших уникальных авторских материалов? Правда, не забывайте именно про уникальность. Переписать общеизвестное любой может, а вот создать что-то свое новое и уникальное не каждому под силу.
И напоследок поделюсь с вами небольшим секретом: главное на сайте даже не сама информация, а то, как она вами преподносится. Поэтому не
забывайте для ваших гениальных текстов подыскивать соответствующие
иллюстрации, чтобы сделать вашу информацию более наглядной и легко
усвояемой.
Существуют, конечно же, и другие приемы, способствующие улучшению
восприятия текста, но о них мы поговорим немного позже. А сейчас давайте
закончим основную теоретическую часть и перейдем, наконец, к практике.
19_
День четвертый
А где же наши инструменты?
Возводим "стены".
Знакомство с FrontPage,
построение таблиц, создание шаблона
Чтобы выполнить задания сегодняшнего дня, вам обязательнопотребуется
программа Microsoft FrontPage®, о которой я писала во вступлении.
Я надеюсь, что вы усвоили не только теоретическую часть предыдущих уроков, но и все-таки выполнили практические задания к ним. За этим я,
к сожалению, проследить не могу, так что выполнение всех заданий остается на вашей совести :).
Прежде чем приступить к использованию программы FrontPage, следует
проделать небольшую подготовительную работу.
На своем компьютере, в папке Мои документы или просто на рабочем столе,
создайте папку специально для вашего будущего сайта. Ее можно назвать
"сайт", "мой сайт", "site", "my site" и т. д. Все зависит от вашей фантазии.
В эту папочку (условно я буду называть ее site) мы будем складывать готовые страницы, иллюстрации и т. д. Отдельная папка для сайта — вещь исключительно удобная. Ваши материалы нигде не затеряются, а будут спокойно лежать в своей папочке.
А теперь, как и обещала, будем работать с программой FrontPage.
Я все-таки надеюсь, что у вас русская версия программы, но на всякий случай я буду в скобках добавлять английский перевод. Итак, начинаем с самого простого. Откройте программу.
Стоп, стоп, стоп и еще раз стоп! Я надеюсь, вы к компьютеру-то подошли?
Включили? Если нет, то, как бы вам ни было любопытно, стоп! Это же
практическая часть! Просто читая, вы сайт никогда не сделаете. Поэтому
нужно сесть за компьютер, включить его, положить перед собой книгу и
далее следовать инструкциям! И не пытайтесь превратить это занятие в теоретическую часть, ясно же сказано — начинается практика!
На чем же мы остановились? Ага! На открытии программы FrontPage. Итак,
после открытия программы перед вами возникнет следующее окно (рис. 4.1).
День четвертый
22
S..7. 7T..II
E ] Microsoft
1 файл Правк Обзор Вставка Формат Инстр. Табл. Фцеймы Окна
';"• "-"BS-У '; i j a a j g a y - ] i stsie
