Владимир Кушнир

Основы создания сайта


Начнем с того, что сайт может сделать любой человек. Я - пример такого человека, начинал, как говорят, с ноля. В моем окружении не оказалось ни одного сайто-владельца. Поэтому и делюсь своими размышлениями, чтобы вам было немного полегче. Итак, сайт может сделать любой человек. Но какой это будет сайт: как он будет выглядеть, какая у него будет информация, как быстро он раскрутится - эти вопросы могут вас волновать потом, когда будет уже несколько первых страниц, и пройдет достаточно времени. Поначалу у вас не должно быть и в мыслях, что кто-то увидит ваш сайт, будет его критиковать, подтрунивать... Можете быть уверенными, что пройдет не один месяц, а может быть и год и больше, прежде чем поисковые машины зафиксируют вас, и на ваши страницы будут приходить по одному, по три человека, которые как придут, так и уйдут. И вы тогда поймете, что сайт у вас есть, а теперь можно не спеша подумать, как сделать его покрасивее и наполнить его чем-то интересным для людей. И это уже будет ваш второй этап этого прекрасного творчества. А сейчас ничто не должно вас останавливать, и вы можете смело начинать создавать сайт. Можете начинать сразу, а можете продолжить читать мои размышления по этому поводу.
Из чего состоят сайты (во время чтения вы можете смело смотреть на скромное оформление этой страницы - это будет иллюстрацией моих размышлений)
Почти все сайты состоят:
   из обложки, 
   перечня разделов, 
   места для текста (фотографий, рисунков и т.д.) 
То есть на странице сайта есть название с каким-то декоративным оформлением, перечень разделов, при открытии которых, вам будет представлена соответствующая информация, и место на экране, где находится эта информация. Давайте по пунктам.
Обложка.
Что представляет собой обложка. Обложка и в Африке обложка. Если с веб-страницы убрать названия разделов, рекламу, ссылки, текст - останется эта самая обложка, которая является частью дизайна сайта. Основная часть обложки, конечно, название сайта. Оно чаще всего вверху. К названию вы можете добавить: рисунки, анимацию, фотографию, цветные фигуры, полоски - в общем, здесь все решает ваша фантазия и умение. Я, к примеру, добавил метроном, чтобы обозначить основную направленность сайта, музыкальную.
Чаще всего используют для оформления таблицы, я имею в виду - техническое выполнение страницы, а не элемент дизайна, хотя иногда и таблица одновременно является и элементом дизайна. В ячейки таблицы вставляют текст и элементы оформления, так сделано у меня. Хотя этот табличный вариант и критикуется опытными дизайнерами, но он применяется в огромном количестве, и даже солидными фирмами, и поисковыми машинами, ну, а для начинающего сайто-владельца - это самый простой и быстрый вариант оформления первых страниц. На этом рисунке вы видите первый вариант моего сайта. Ничего лишнего, все очень скромно, но как я был счастлив. В будущем я планирую рисованный вариант того, что вы видите вверху, чтобы были округлые линии и поинтереснее что-нибудь, но тут, как говорят, предела нет. Поэтому сейчас вам нужно сделать то, что вам по силам, а потом усовершенствуете. Этим так приятно заниматься.
Что интересно, первая страница, называется чаще всего - главная, в адресе обозначается - index. И она вызывается всегда первой, если кто-нибудь наберет ваш адрес. Но что не менее интересно, обложка первой страницы является, в большинстве случаев, и оформлением всех следующих страниц. Отличается главная страница тем, что основное рабочее поле ее, чаще всего, занимают подробности сайта или какая-нибудь общая информация, на этой же странице находится счетчик, и реклама, в том числе и о главных партнерах, помогающих раскрутке сайта.
К обложке требования просты: красивый дизайн и быстрая загружаемость. Эти простые требования почти всеми нарушаются, я имею в виду и то, что вы подумали и быструю загружаемость тоже. Во славу дизайна иногда так долго грузится сайт, что часто теряешь интерес к такому шедевру, хотя, в большинстве случаев, терпение вознаграждается. Да, красиво жить - не запретишь.
Перечень разделов.
Вся ваша подготовленная информация разбивается на разделы, которые имеют свое краткое название. Названия разделов имеют свое определенное место, чаще всего или сверху - под названием сайта, или с левой стороны - сверху - вниз. Перечень разделов тоже очень важный фрагмент дизайна страницы. Как он будет выглядеть: просто текст, кнопки с текстом, цветной фон с текстом, выдвигающееся, раскрывающееся, раздвигающееся меню или что-либо иначе - зависит от вас, от ваших пристрастий. Если это ваши первые страницы в жизни - можете сделать как у меня. Набираете названия разделов, разделяете их вертикальной чертой - потом каждое название сделаете ссылкой, и все - перечень разделов готов. Но здесь надо иметь в виду наличие обязательных частей этого перечня.
Это требование не официальное, вы можете его игнорировать, но все равно потом вы придете к тому, что надо это сделать. Что именно? Кроме названий разделов должны быть: почтовый адрес, адрес вашего сайта, гостевая, карта сайта, информация о вас. Перечисленные пункты могут быть разбросаны по странице сайта, что-то находиться внизу, что-то сбоку, но наличие этих пунктов желательно. К примеру, редко можно увидеть адрес сайта. А что делать, если пользователь скачал интересующие его страницы, а потом захотел скачать часть сайта? Нужно в качалку вставлять адрес, приятно, если он указан на странице, но указывается он на странице очень редко. Приходится входить в интернет через какой-нибудь раздел сайта, вызывать этот сайт и оттуда копировать адрес. Опытные дизайнеры ставят свой адрес через ссылку с баннера. И можно нажать на баннер правой кнопкой мышки, выбрать команду - копировать ярлык, и вставить в блокнот. У меня адрес стоит внизу страницы. Какой вывод? Если вы хотите позаботиться о вашем посетителе сайта, укажите на сайте ваш интернетовский адрес. О других пунктах я не говорю, они также необходимы. Иногда никак не найдешь почтовый адрес, очень часто нет информации о сайтовладельце, а хочется поблагодарить его... хочется - расхочется...
Да, человек имеет право решать, какую информацию о себе он сообщает своим посетителям. Но если вы создаете страницы, открытые для всех, почему же и самому не быть таким же открытым для всех. Я понимаю, есть скромные люди, но ведь информация тоже может быть краткой и сдержанной, в данном случае, я не могу быть примером этой сдержанности.
Кстати, об адресе сайта, у меня есть страницы, которые грузятся от 3 - 7 минут, это рассказ для детей с анимацией, анимация грузится долго. Так я там сразу даю адреса для качалок, чтобы люди не тратили время на просмотр страниц, и если им это нужно, чтобы могли сразу скачать этот рассказ, и потом посмотреть его, и показать детям без интернета.
Это, конечно, не какие-нибудь правила, это мои размышления. Вы имеете возможность решать этот вопрос совершенно самостоятельно.
Место для информации.
Место для информации объединяется дизайном с названием и перечнем разделов. Соединение всех этих фрагментов страницы - важный момент в дизайне сайта. Чаще всего текст (или какая-либо другая информация) находится посередине страницы, ограниченной слева или справа полосками, или же эти полоски будут и слева и справа. В какой пропорции будет находиться место для информации и место для полосок оформления - тоже важный аспект дизайна. Здесь вы решаете сами. Я считаю, чем больше текста, тем больше должно быть для него места (по ширине).
Иногда дизайнеры делают страницы сайта шире обычного окна браузера, и приходится перемещать страницы то влево, то вправо. Если это вызвано какой-то жесткой необходимостью, то есть надо обязательно уместить информацию на странице, то это еще как-то оправдывает возникающие трудности для пользователя. Но, если это просто такая фантазия дизайнера, или ошибка - то это может быть причиной быстрого ухода пользователя с такой страницы. Иногда дизайнеры помещают текст в страницы без всякого оформления, они лучше читаются и загружаются мгновенно. Но иметь обычные страницы с текстом, как в книгах - несколько обыденно, дело в том, что веб-страницы гораздо легче оформляются, чем бумажная печать, поэтому надо обязательно использовать эти возможности, и здесь большое значение имеет чувство меры, что и дает нам возможность проявить свою индивидуальность. Читая этот текст, вы можете сопоставить его ширину и ширину декоративной полоски - в этом соотношении проявляется мое видение сочетания красоты и целесообразности. У вас оно может быть иным, и тоже интересным и приемлемым.
Далее важным моментом является оформлением цветом. Цвет фона, шрифта, фон с рисунком - здесь обширное поле для вашей фантазии. Надо отметить, что для правильного отображения цвета на веб-страницах есть рекомендованные цвета, вы можете их скачать для себя.  
К этому можно еще добавить обязательное наличие на страницах, не зависящей от вас, рекламы того сервера, на котором будет находиться ваш сайт, рекламные кнопки ваших партнеров и еще чего-либо... Иногда эти дополнительные элементы могут снизить эффект дизайна, нарушить его гармонию. Но часто опытные дизайнеры представляют нам выбор своих баннеров и кнопок для соответствия их с нашим дизайном.
То, что я описал, достаточно наглядно, если побродить по интернету некоторое время, но у меня проскользнули некоторые существенные детали, если вы их заметили. Это позволит вам быть более уверенными в себе, в своих решениях, когда вы будете создавать план своего сайта.
Почти все, что я здесь сообщил, вы можете сразу попробовать сделать карандашом на бумаге, или в любом редакторе, лучше в Word, здесь вы можете и таблицу нарисовать, полоски разные, линии. Но это будет ваш макет, план будущего сайта. А для того, чтобы этот план был перенесен на веб-страницу, нужно совсем немного напрячься. 
Как теперь все это отобразить на страницах сайта - вопрос немного сложнее, но и он преодолеваем. Есть такой язык, называется хэтэмээл, это я его так перевел, а на английском он пишется так - html. С помощью этого языка и происходит оформление страниц. Если вы напишите <table> - то будет таблица, чего тут сложного. Да, там нам еще нужно будет добавить, а сколько будет ячеек в этой таблице, сколько строк. Или пишите <hr> - перед вами возникает горизонтальная линия, просто фантастика, вы можете сделать эту линию нужного вам цвета, толщины. Все очень просто. Есть запись всех необходимых обозначений, называется - словарь html. Как поместить рисунок, обозначить цвет фона страницы, сделать ссылку и многое другое - все есть в этих словарях и учебниках. Учебник и словарь, по которым я начинал учиться - находятся здесь 
Там же в гостевой вы можете поблагодарить автора этого учебника Наталью Алленову и почитать ее ответы на многочисленные вопросы ее учеников. 
После того, как вы получите начальные сведения по html, не обязательно все сведения (формы, фреймы - можно изучить потом, если вы не сможете жить без них), вы можете выбрать для себя какой-нибудь редактор html (если, конечно, вы не ставите себе задачу - стать профессиональным дизайнером сегодня или завтра), в таких редакторах многие задачи решаются автоматически, головушка отдыхает. Но все же - все, кого я знаю, говорят одно, и я к ним присоединяюсь - нужно обязательно получить начальные сведения по html - придется все же некоторые вещи делать ручками, то есть своими пальчиками да по клавиатуре. Для начала можно шпаргалки сделать.
Немного о Word. В этом редакторе можно проверять правописание и делать эскизы к оформлению сайта. И все. Готовить тексты в Word никто не рекомендует, он добавляет много своих элементов форматирования... Я готовлю текстовый материал в Блокноте, а потом на web-странице форматирую. Так будет меньше ошибок, хотя интернетовские требования к выполнению правил html настолько демократичны, что вы можете не бояться поначалу делать ошибки. Но все равно некоторые ошибки могут сказываться на работе web-страниц. К примеру, ссылки не будут работать и т.д. То есть, надо планировать работать без ошибок. Есть программы, помогающие искать ошибки, но это уже будет вашим следующим этапом работы.
Хочется сказать вам на будущее, есть такой приятный фокус, появление новой страницы в новом окне, то есть посмотрел новую страницу, закрыл, и продолжаешь читать предыдущую, хорошо, не надо ждать, пока загрузится. Если не злоупотреблять этим, пользователь будет доволен. На этой странице все ссылки в тексте такие. Тут нет никаких сложностей, добавил в ссылку target="_blank" - и все дела.
Еще одно напутствие. Писать без ошибок очень трудно, но можно кое-что проверить в редакторе Word. Хотя бы опечатки выудить. Но я знаком с очень хорошими людьми, которые делают страницы с опечатками, прекрасные сайты, очень хорошая информация. Ну и что, очепятки ничего не портят, и без них тоже хорошо... Смотрите сами, стоит ли тратить драгоценное время на все эти проверки правописания. Я на это никогда не жалею ни времени, ни сил.
Хотелось также обязательно отметить применение некоторыми прекрасными людьми, сайто-владельцами и веб-дизайнерами очень мелкого шрифта. Я, конечно, по возрасту уже пенсионер, и давно в очках, но в таких случаях помогает только лупа. Понятно, что искусство дизайна требует жертв, и можно в конце концов скопировать интригующий вас текст в редактор и увеличить, но всегда при этом почему-то возникает вопрос: 
За что же Ванечку Морозова?
Ведь, он ни в чем не виноват.
Она сама его морочила,
А он ни в чем не виноват.
Если вы здесь улыбнулись, и хотите улыбнуться еще раз, почитайте мое стихотворение о дизайнерах, там есть и своеобразная информация о веб-редакторах.
Конечно, не все так легко будет, когда вы начнете работать, будут моменты: и руки будут опускаться, и ноги. Не торопитесь, не нервничайте, поищите интересующую вас информацию. А если настроение будет плохое, перепечатайте эту страницу и приложите ее к какому-нибудь месту на теле. Я описывал свои размышления с добрыми намерениями, и вам это обязательно поможет. Я так предполагаю, может быть, ошибаюсь.
На моем сайте вы можете посмотреть не только, как надо делать сайт, но и увидеть, как нельзя делать что-либо, хотя и я всем доволен на сегодняшний день, а те, кто мог бы сделать мне замечание, не хотят мне говорить горькую правду. Можете мне высказать ваши соображения, я приму их к сведению. Я недавно занимаюсь этим и охотно учусь, и, конечно, в мыслях у меня есть всякие усовершенствования дизайна, но это при увеличении количества страниц становится все более затруднительным, так как всякие изменения могут отнимать очень много времени. Так что иногда приходится мириться какое-то время с тем, что имеешь...
Успешной вам работы. Пригласите меня на ваш будущий сайт, с удовольствием буду одним из ваших посетителей и обменяюсь с вами ссылками.

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

Copyright © 2002 В.Кушнир
07 декабря 2002 г.


 
   
 

E-mail

       Copyright © 2001-2004 Кушнир 100143

Автор идеи, редактор, дизайн - В. Кушнир
Обновление - 01.04.2004.