Советы по созданию Web-сайтов в конструкторах Zibycom

Категория: Эксперты рекомендуют Автор: Юрий Петров E-mail: youri_kesha@mail.ur.ru WWW:

 

Советы по созданию Web-сайтов в конструкторах Zibycom

1. Общие положения

Сначала зададим себе риторический вопрос – для кого мы создаём сайт: для себя или для посетителей?! Если всё-таки последнее, то давайте и будем исходить из того, как будет видеть и воспринимать Ваши Web-страницы Ваш посетитель, а не Вы сами.

Прежде, чем начать создавать страницы, проверьте настройки монитора Вашего компьютера. Они должны быть оптимальными или среднестатистическими. А именно: большинство мониторов настроено (по умолчанию!) на разрешение 800х600. Поэтому если у Вас небольшой монитор (как и у большинства пользователей Интернет!) типа 14’-15’, а Вы, для удобства, его настроили на большее разрешение (1024х768 или даже выше), то имейте ввиду, что те, кто пользуется мониторами 17’-19’ или даже большими и настроенными на разрешение 800х600, будут видеть Ваши заголовки и Ваши тексты более крупными, чем Вам хотелось бы.

Кроме того, если Вы пользуетесь так называемыми фрэймами и создаёте свои страницы на разрешении монитора более высоком, чем 800х600, то может оказаться так, что на мониторе аналогичного размера, но настроенном на “стандартное” разрешение 800х600, часть фрэйма окажется невидимой пользователю. Но именно в этой части фрэйма Вы, возможно, разместили важную для Вас информацию – например, строка-таблица ссылок…

Отсюда выводы:

• Настройте свой монитор на “стандартное” (800х600) разрешение (для тех, кто не знает, это делается так: Пуск – Настройка – Панель управления – Экран – Настройка – Область экрана – Меньше-больше –800х600- ОК).
• Либо вообще избегайте фрэймовых страниц (тем более, что далеко не все версии браузеров-обозревателей их поддерживают), либо продумайте и сделайте так, чтобы Ваша фрэймовая страница выглядела так, как она задумана, при любых настройках монитора.
• Установите размер шрифта на средний (Интернет-эксплорер – Вид – Размер шрифта – Средний).
• Установите кодировку на Кириллица Windows, иначе Ваши страницы могут загружаться пользователю в “нечитаемой” кодировке . Например, если Ваш компьютер настроен на использование “бесплатных” почтовых ящиков (типа yandex.ru и др.), то, скорее всего он настроен на Koi-8 и тогда Ваши страницы, созданные в этой кодировке, не будут читаемыми “по-русски” для пользователей Интернет. Настройка “правильной” кодировки делается так: Интернет-эксплорер – Вид – Вид кодировки – кириллица Windows. Установите также флажок на “автоматический” выбор кодировки.

2. Свойства страницы

Один из самых главных моментов при создании любой Web-страницы.

Здесь следует учесть то, что большинство пользователей Интернет по выделенному каналу, а также многие из пользователей по модему (Удалённый доступ или Dialup) первоначально выходят в Интернет с “выключенными” картинками, анимацией, звуками, видео и пр. Для первых это объясняется очень просто – они платят не за время, а за объём “скаченной” информации (трафик) и никто не захочет заранее платить за графическую или видео-информацию, которую Вы разместили на своём сайте, если она им окажется в итоге бесполезной…

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

Поэтому следует продумать, чтобы Ваша страница смотрелась “одинаково хорошо” (что, конечно, в принципе, невозможно!) как в “обычном” режиме, так и при “выключенных” картинках, анимации, видео, звуках и т.п.

Подумайте при этом, какой фон лучше выбрать. Первоначально велик соблазн выбрать экзотический “картиночный” (или “текстурированный”) фон. Но в этом случае обязательно позаботьтесь о фоне “подложки”! Чтобы было понятно, о чём идёт речь, приведу пример.

Для начала зайдите: Сервис – Свойства обозревателя – Дополнительно – Мультимедиа и снимите флажок с меню “Отображать рисунки”. Затем нажмите “Применить” , “ОК” и “Обновить”.

Вы видите (как и я), текст жёлтого цвета на белом фоне… - то есть очень “трудно читаемую” страницу. В действитеьности, если бы на Вашем обозревателе были “включены” “картинки”, Вы бы увидели этот “жёлтый” текст на почти чёрном “картиночном” фоне и это было бы вполне читаемым. Если бы web-мастер сделал фон подложки чёрным или тёмным, но не белым, эта страница смотрелась (вернее читалась) бы вполне нормально и в режиме “выключенных картинок”.

Отсюда вывод:

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

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

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

Другая важная опция, которая задаётся на этой странице – поля страницы. Их следует задавать не только, когда Вы используете так называемый “манжетный” фон, но и всякий раз, когда Вы размещаете текст на странице. Если Ваш текст начинается сразу (без пробела, или, точнее, без полей) с левого края страницы и тянется через всю страницу до её правого края, то чисто визуально глазу пользователя будет достаточно трудно двигаться слева направо по такой длинной строке. Если к тому же содержание страницы не слишком интересно для пользователя, то будьте уверены, что вскоре он перестанет читать Ваш “опус” и, возможно, так и не дойдёт до того главного, что содержится там.

Отличие web-страницы от обычной страницы (которая, кстати, также всегда имеет поля!) заключается прежде всего в том, что эта страница как бы на 90 градусов повернута и поэтому здесь строки ещё более длинные, чем на обычной странице.

Обычно значение полей в 3 или 4 условных единицы делают Вашу страницу более “удобочитаемой”.

Если же Вы используете “манжетный” фон и не задаёте размера полей, то Ваш текст (картинки и другие объекты) будут “заползать” на манжету и могут оказаться плохо видимыми на странице.

Вы можете также установить свой фон. Для этого сначала “загрузите” его на сервер Zibycom через Менеджер файлов (Загрузить файлы). Затем щёлкните в разделе “Свойства страницы” (“Начните здесь”), например, на слова “Выбрать больше манжетных фонов”. Внизу страницы откройте список имеющихся картинок и выберите нужное Вам в качестве фона изображение. Затем щёлкните на “ОК”.

И, наконец.

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

3. Заголовок

С этим “инструментом” всё просто и понятно. Однако избегайте слишком крупного размера шрифта для заголовка. Если Вы используете “обычный” (3-й или “стандартный”) размер шрифта для текста, который будет расположен ниже, то не следует выбирать для заголовка размер шрифта больше, чем 4 или 5. Не следует также выбирать “экзотические” шрифты для заголовка (как и для текста!) – далеко не все обозреватели способны их воспроизводить. Именно поэтому выбор шрифтов, предоставляемых конструкторами Zibycom не столь широк, как имеется, к примеру, в том же Microsoft Word.

Если Вас не устраивает цвет шрифта для заголовка – Вы можете создать свой собственный цвет. Для этого щёлкните в кружок под словом “смешать”. В открывшемся окне Вы можете лёгко создать любой цвет как для заголовка, так и для текста или фона. Один только момент следует учесть – если Вы хотите выбранный Вами цвет использовать в дальнейшем для других страниц, то спишите “номер” (буквенно-числовой код) Вашего цвета и в дальнейшем просто набирайте его в соответствующем поле, чтобы не пытаться всякий раз вновь его создавать (невелика вероятность, что Вам вновь удастся в точности это сделать!).

4. Текст

Здесь те же рекомендации, что и в предыдущем разделе.

Лучше не использовать размер шрифта для текста больше, чем 3-й (“обычный” или “стандартный”) или, в крайнем случае, 4-й.

Здесь Вы можете также немного “приукрасить” Ваш текст, используя простейшие тэги-HTML.

Если Вы хотите сделать какое-то слово (или фразу) более “жирным”, чем остальной текст, поставьте перед ним “открывающий” тэг <B>, а после него “закрывающий” тэг </B>.

Чтобы подчеркнуть нужное слово (или фразу), поставьте перед ним тэг <U>, а после него тэг </U>.

Курсив задаётся тэгами <I> и, соответственно, </I>.

Эти же простейшие тэги можете использовать в опции “Заголовок”.

5. Картинка/кнопка

Прежде, чем загрузить свою картинку на сайт, Вы должны её привести в “нужный” вид с помощью любых программ для обработки изображений. Самая профессиональная (и потому наиболее сложная) программа – Adobe Photoshop.

Но есть и более простые. Как, например, Microsoft Photo Editor или Live Pix.

Какой бы программой Вы не пользовались, помните о том, что картинка не должна быть слишком большой (значение имеет не столько её реальный размер в сантиметрах по вертикали и по горизонтали, сколько “разрешение” – то есть количество “точек на квадратный дюйм”).

Учтите, что большинство мониторов не воспроизводят больше, чем 100 точек (“пикселей”) на квадратный дюйм, поэтому можете смело ограничивать разрешение любой картинки не более, чем 72 пикселя на дюйм. В целом же Ваша картинка должна быть не больше, чем 20-30 KB, ну, максимум, 50 KB. Иначе загрузка страницы с такими “большими” картинками может занять слишком долгое время и потенциальный посетитель попросту не захочет ожидать в течение нескольких минут, пока Ваша страница загрузится.

Не менее важным, кроме размера картинок, является наличие alt-text (альтернативный текст или текст-дублёр). Если Вы используете alt-text, то тот, кто просматривает Вашу страницу в режиме “выключенных” картинок, видит на их месте этот самый alt-text и ему будет легко сориентироваться в том, какая “скрытая” картинка находится на самом деле на этом месте.

Это особенно важно, если Вы используете для навигации по сайту так называемые кнопки. Если не видна сама кнопка с надписью и нет на её месте alt-text, то посетителю будет трудно понять, куда ведёт эта ссылка.

Расположение картинки.

Если Вы не хотите, чтобы Ваша картинка располагалась по центру страницы, снимите флажок возле слова “Центрировать”, но тогда, если Вы хотите, чтобы картинка размещалась на странице слева, выберите в меню “Текст возле картинки” – “справа”. Или “слева”, если хотите, чтобы картинка располагалась на странице справа.

И последнее.

Любую Вашу картинку Вы можете сделать ссылкой на любую страницу как Вашего web-сайта, так и на другой сайт в интернет. После http:// допишите нужный URL-адрес, начиная с www. Если же Вы хотите, чтобы картинка была ссылкой на e-mail, удалите http:// и напишите mailto: Далее напишите адрес электронного почтового ящика.

6. Ссылка

Помните, что цвет ссылок (и посещённых ссылок) Вы задаёте в опции “Свойства страницы” (“Начните здесь”).

Если Вы хотите, чтобы ссылкой стало любое слово (фраза) в Вашем тексте, используйте простейший HTML-код. Поставьте перед нужным словом (фразой) открывающий тег <A HREF=”http://www. …”>, а после слова (фразы) – закрывающий тег </A>. Всё очень просто!

7. Перенос строки (Вертикальный пробел)

Если Вы хотите “разнести” по вертикали созданные Вами объекты, используйте инструмент “Linebreak” (“Вертикальный пробел” или “Перенос строки”).

8. Пользовательский HTML-код

Наиболее важный и интересный для “продвинутых” пользователей раздел конструктора.

Если Вы - “спец” в HTML, Вы можете здесь создать свою страницу с “нуля”.

Либо Вы можете вставить нужные Вам HTML-коды , чтобы установить, например, “счётчик посетителей” на свою страницу или “гостевую книгу”.

Один только совет – не используйте коды, содержащие Java-script, иначе Ваша страница может стать “нередактируемой” и чтобы внести в неё изменения потребуется заново её “переписать”.

9. Таблица

Это – самый главный инструмент “конструктора”. Если Вы хотите расположить 2 (-3, 4, 5 и т.д.) “картинки” рядом или 2-, 3- колонки текста – значит, Вам нужна таблица!

В этой “опции” Вы можете не только задавать цвет каждой ячейки, но и расстояние между ними, а также между строками таблицы.

Поэкспериментируйте с различными вариантами. Вы также можете размещать Ваши объекты в разных областях ячейки (сверху, посредине, снизу…).

Если Вы посмотрите на большинство сайтов в Интернет, то Вы обратите внимание, что почти все они (во всяком случае, большинство!) сделаны “в таблице”, поэтому, если Вы достигнете определённого профессионализма в создании таблиц – Вы сможете вплотную приблизиться к созданию “профессиональных сайтов”…

10. Сохранить

Прежде, чем “уйти” с Вашей страницы – Вы должны её сохранить!

Иначе весь труд будет потрачен напрасно! При запоминании Ваших страниц Вы можете использовать не только их “стандартные” названия (index2 (3, 4,5 и т.д.).html, но и давать свои собственные названия, которые в дальнейшем облегчат Вам работу по поиску нужной страницы (sobaka.html, koshka.html и т.д.)

11. Цвет пользователя

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

12. Вертикальный пробел (Перенос строки)

Если вы хотите сделать больше расстояние между объектами или “опустить” чуть ниже первый объект (заголовок, текст, картинку и т.д.) от верхнего края страницы, используйте опцию “Перенос строки” (“Linebreak”). Обычно численного значения “1” или “2” вполне достаточно, чтобы “разнести” объекты на странице.

13. Разделительные линии (Rule)

Если Вы хотите отделить одну часть страницы от другой, используйте разделительные линии (кроме “стандартных” линий Вы можете найти в “коллекции” (опция – “картинки”) более “экзотические” разделительные линии – на Ваш вкус!

14. Фрэймы

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

Здесь нужно быть в определённой степени “профессионалом”, чтобы так “организовать” фрэймовую страницу, чтобы она одинаково хорошо отображалась при любых настройках компьютера.

Если Вы всё-таки хотите оформить Ваши страницы во фрэймах, попробуйте использовать для этого Flash Frames Builder от Zibycom. Для надёжности, однако, лучше давать названия кнопкам на латинице (либо вообще по-английски)!

15. Редактирование

Как только Вы разместили на странице любой из объектов (фон, заголовок, текст, рисунок, таблица и т.д.), внести изменения в эти объекты (или удалить, переместить их!) Вы можете только через опцию “Редактировать” (“Изменить/Удалить”).

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

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

P.S. Мы разобрали почти все основные инструменты конструктора сайтов.

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

После того, как создадите хотя бы несколько сайтов и будете уверенно чувствовать себя в любой версии конструктора (русской, английской, немецкой, испанской – неважно, какой!), Вы поймёте, что это действительно очень просто – создавать и изменять Web-страницы. И для этого действительно не нужно знать никаких языков программирования!

Приложения:

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

1). Счётчик посетителей

Чтобы установить счётчик посетителей на Вашу страницу, зайдите на любой сайт, предоставляющий такую услугу, зарегистрируйтесь и скопируйте данный Вам код счётчика. После чего через опцию “HTML-код пользователя” вставьте его на свою страницу. Один только совет: не используйте счётчики, записанные на языке Java-script (это же относится и к “гостевым книгам”) – выберите более простые счётчики”! – иначе Ваша страница может оказаться недоступной для редактирования. И тогда изменить её можно будет только заново создав! В частности, совершенно точно “рушат редактор конструктора Zibycom” некоторые из Java-счётчиков Spylog. В тоже же время существует множество “более безобидных” счётчиков, которые не причинят Вам подобных неудобств.

2). Бегущая строка

Вы можете “снять” HTML-код бегущей строки с любого сайта, где она содержится. Теперь откройте эту страницу в виде HTML и скопируйте код, начинающийся тегом <MARQUEE> и заканчивающийся тегом </MARQUEE>. Теперь откройте опцию “HTML-код пользователя” и вставьте в буфер этот код. Все параметры, содержащиеся между “открывающим” и “закрывающим” тегами Вы можете менять: это и собственно текст бегущей строки, и направление её движения (слева направо или справа налево), цвет фона, шрифт и его размер, а также цвет шрифта и многое другое. Поэкспериментируйте и найдите для себя оптимальный вариант.

3). Гостевая книга

Лучше используйте готовые “гостевые книги”, которые не будут влиять на возможность редактирования Ваших страниц. Такая книга (после регистрации на указанном сайте) ставится очень легко – просто как текстовая или картиночная ссылка.

4). Дополнительные “украшения”

Если Вы имеете навыки обработки фото- и графических изображений (а также навыки их создания!) в таких “продвинутых” программах, как Photoshop, Corel Draw, а также способны создавать “мультики” в Macromedia Flash, Вы можете создать в конструкторах Zibycom сайт, “утрущий нос” любому “профессионалу”. Нет также никаких ограничений (в отличие от некоторых “бесплатных” серверов!) по использованию каких-либо графических, музыкальных или видео-файлов. Чего ещё можно желать?!…

5). Регистрация в поисковиках и каталогах

Это даже более важный момент, чем установка “счётчиков” и “гостевых книг”.

Если Вы написали и издали книгу, а затем “сдали” её в библиотеку, где Ваша книга не была внесена в каталог, считайте, что Вы сделали “напрасный” труд – Вашу книгу никто никогда не найдёт…

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

Поэтому, после того как Вы создали Ваши страницы, Вы должны их зарегистрировать в поисковиках и в каталогах, чтобы их могли находить потенциальные посетители Вашего сайта. Зайдите на соответствующий сайт и найдите раздел “Добавить ресурс”. Хороший результат можно достигнуть, зайдя на www.1ps.ru и, потратив 3-4 часа, зарегистрировать свой сайт сразу во всех основных поисковых машинах, а также более, чем в 100 каталогах.

Не пренебрегайте этим, так как ждать, пока “пауки” (“спайдеры”) типа www.google.com сами Вас “проиндексируют”, может оказаться слишком долгим занятием (несколько месяцев!). Кроме того, нет гарантии, что именно все важные страницы проиндексируются сами собой…

Искренне Ваш,

Юрий Петров,

Екатеринбург,

Буду рад ответить на все Ваши вопросы:

тел.: (3432)-776-332

e-mail: youri_kesha@r66.ru

Страницы: 1

комментарии : отправить статью по e-mail

Статьи по теме:

Последние статьи:

Опубликовать отзыв о статье:

Ваше имя:
E-Mail:
WWW:
Комментарий:  *Комментарии появятся после проверки!