Содержание раздела "Веб-дизайн":
Неудобный дизайн - как это делается?
Правильная раскрутка или как я за месяц раскрутил сайт
Электронные журналы - будущее интернета?
Обзор SNK Visual HTML Workshop
Неудобный дизайн - как это делается?
Каждый продвинутый Web-дизайнер прекрасно знает те несколько правил, на которые опираются принципы юзабилити сайта, то есть принципы создания на нем максимального удобства для посетителей. Два из них - это удобная навигация и принцип «трех кликов» - любой документ на сайте должен быть доступен пользователю с трех щелчков. Это, если хотите, азы удобства, нерушимые законы. Тем более странно, когда грубые нарушения этих поистине золотых правил видишь на сайте известной компании, для которой этот самый сайт - начало отношений с потенциальным партнером. Но, такие вещи, увы, встречаются. Расскажу вам об одном из них.
Недавно понадобилось мне найти фотографию мотоцикла «Минск». Захотелось перекрасить свой уже повидавший виды аппарат и решил я, как говорит нынешняя молодежь, покрасить его не просто так, а «понтово», сочетая серебристый и красный цвета. Чтобы потом не рвать волосы на голове от досады, решил сначала посмотреть, как это будет выглядеть, «поиграть цветами» виртуально. Решено - значит ищем! Только вот незадача - каков адрес сайта? Попробовал mmvz.by - получил ошибку 404 - поискал в Яndex - нашел, но, правда, не главную страницу - попал на одну из внутренних, описывающих мотоциклы «Спутник» и «Пионер»:

Кнопка «Каталог» не работает - его оглавления не существует, а из средств навигации на странице мы видим лишь кнопки «Предыдущая» и «Следующая» (продукция? единица? товар? страница?). Первый досадный промах, даже два промаха. Не беда - вводим адрес http://www.motovelo.com/ru/ - должны попасть на страницы сайта, предназначенные для русскоязычного пользователя, если быть точным - на главную страницу русскоязычного раздела. Ага, размечтались! Видим вот это:

Уже немного разозлившись, набираю адрес http://www.motovelo.com/ и вижу, что файл с главной страницей русскоязычного раздела называется home.html. Уж сколько раз твердили миру, а все не в счет… Потом, нудно перебирая кнопки «Следующая» столь своеобразного каталога добрался я все же до нужной мне модели и скачал фотографию, попутно радуясь, что у меня не выделенка и траффик можно не считать.
Всего для выполнения столь простой задачи мне пришлось сделать 14 (!) кликов. И все - из-за несовершенства навигации сайта. Будь у него оглавление каталога, ту же задачу вполне можно бы было выполнить за два клика. Чувствуете разницу? Четырнадцать кликов, кстати, не предел - всего их для достижения последней позиции каталога требуется больше двадцати.
Про продукцию ММВЗ не могу сказать ничего плохого - уже долгое время езжу на мотоцикле этой марки и особых нареканий не имею. А вот сайт просто отторгает. Уважаемый генеральный директор, Язвинский Анатолий Степанович, сколько денег вы сэкономили, заказав этот дизайн подешевле? А сколько потенциальных партнеров вы потеряли из-за неудобной навигации? Знаете ли, скупой платит дважды… В вашем случае, впрочем, много больше раз.
Прекрасный пример неудобного дизайна, не так ли? Не повторяйте подобных ошибок… Лучше уж учиться на чужих, чем позже терять клиентов, деньги, посетителей и прочее, прочее, прочее…
P.S. Но больше всего меня порадовала и приколола следующая надпись внизу каждой страницы:

Ссылка ведет на адрес e-mail. А сам текст ссылки, наверное, надо понимать следующим образом: место, которым был сделан этот дизайн… :)
Правильная раскрутка или как я за месяц раскрутил сайт
С ума сойти! Какое же было моё удивление, когда спустя 3 недели после опубликования сайта я заметил, что циферки на счётчиках, которые должны были уже со сременем уменьшаться в связи с тем, что первый анонс уже прошёл, все подписчики побывали на моём сайте, начали расти! Вот тут-то я и понял, что иду по правильному пути раскрутки своего проекта и решил поведать вам о том, как же всё-таки сделать так, чтобы с каждым днём посетителей становилось всё больше и больше.
Конечно, главным составляющим является сам сайт. Он должен быть достаточно информационным, интересным, часто обновляемым и, само собой, радовать глаз своим превосходным дизайном. Но представим, что всё это есть: сайт переполнен информацией, он интересен, обновляется как минимум раз в день и имеет супер-дизайн; и шаг за шагом повторим мои действия, которые должны привести вас к успеху!
Рассмотрим все мои действия по шагам:
Сайт только что выложен в сеть, посещаемость нулевая. Набираем в браузере несколько заветных адресов:
www.rambler.ru. Регистрируемся в поисковой системе Рамблер! На мой взгляд, лучшая поисковая система. В неё почти всегда мои сайты находятся на первой странице по самым популярным запросам. ...зарегистрировались, разместили на странице код кнопки, полученный при регистрации.
www.yandex.ru. Повторяем действия пункта 1.
www.aport.ru. Тоже отличная поисковая система, довольно много народу приходит с неё. Всё, с поисковиками закончили. Конечно, вы можете зарегистрироваться и в других поисковых системах, хуже не будет, но я не стал этого делать, так как толку от них либо нет, либо очень мало, так как три самые популярные поисковики в Рунете - это вышеперечисленные.
www.top.mail.ru. Регистрируемся в рейтинге сайтов top.mail.ru! Этот рейтинг будет приносить нам по 5-10 посетителей в сутки.
www.hotlog.ru. Супер-полная и достоверная статистика! Лучше HOTLOG'а я пока что не встречал в Рунете...
www.tbn.ru (можно и другие, кому как нравится). Регистрируемся в баннерообменных сетях! Я советую зарегистрироваться в баннерообменной сети tbn 468*60 и текстовой обменной сети roundbar. В этой сети можно ставить на сайт до 5 текстовых баннеров! Сеть берёт себе не 15 %, как у большинства остальный, а всего 5 % от прибыли! Показы можно свободно продавать на рынках. Имеется возможность выбора между JavaScript-кодом, PHP-кодом и Perl-кодом. Какой вам удобнее - тот и ставьте. И ещё, самое главное: В СИСТЕМЕ СЕЙЧАС ДЕЙСТВУЕТ АКЦИЯ - 5000 ПОКАЗОВ БЕСПЛАТНО! После регистрации пишете письмо админу и в этот же день он вам зачислят эти показы. Мной лично проверено!
www.любой_популярный_каталог.ru (com, net...). Регистрируемся в самых популярных каталогах, особенно в тех, где необязательно размещать кнопку каталога на своём сайте.
Заходим на сайт любой службы рассылок (www.subscribe.ru, content.mail.ru или www.maillist.ru) и регистрируем себе как минимум одну рассылку. Я бы посоветовал вам регистрироваться на content.mail.ru, так как там не очень сложно открыть рассылку, а открыв рассылку, вы сразу попадаете в главный каталог рассылок. Рассылка, или рассылки (что намного эффективнее), открыта (открыты) и можно приступать к рекламе. Пишем убойное объявление, что открылся грандиозный сайт. О том, как написать такое объявление можете прочитать в бесплатной электронной книге на моём сайте. Скачать её можно с этой страницы. Книженция называется "Как написать заголовок, который сразит читателя наповал?". Убойное объявление написано, рассылка отправлена. Теперь в течение 2 дней ждите прибавление (я не имею в виду беременность) на сайте.
Устраиваем на сайте голосование! Некоторые посетители не упустят возможности проголосовать по какому-либо поводу.
Добавляем ко всем исходящим письмам подписи! Настройте свою почтовую программу (если есть такая возможность) так, чтобы она приписывала к всем отправляемым вами письмам подпись. Подпись лучше сделать такой:
С уважением, Ваше Имя.
Администратор сайта www.ваш_сайт.ru
С нашего сайта всегда можно скачать *наименование*, посетить *раздел* и многое другое.
Теперь дело остаётся за малым:
Пишем как можно больше писем, особенно владельцам сайтов, владельцам рассылок и т.д. и не забываем вставить подпись (если у вас она сама не вставляется).
Предлогаем обмен баннерами сайтам с высокой посещаемостью.
И, естественно, почаще обновляем сайт.
Повторяем эти действия каждый день. Как видите, их не так уж и много и каждому по силы это делать, сверхсложного здесь ничего нет.
И напоследок два важных момента:
- Выполняем все действия как написано выше и никаких "Не хочу", "Не буду". Это, знаете, как лекарства, которые доктор прописал: если не будете употреблять всё так, как врач сказал, ожидаемого результата не будет.
- Никогда не рассылаем СПАМ! СПАМ только портит репутацию сайта, тем более что у вас ещё и могут отобрать хостинг, даже если он платный, с этим очень строго!
Электронные журналы - будущее интернета?
Что такое электронный off-line журнал? Электронный off-line журнал обычно представляет собой некоторое количество html-страниц, объединённых в одно целое и упакованное в архивы с расширением exe, zip, rar, либо популярное сейчас chm. Электронные журналы обычно распространяются бесплатно.
В последнее время в интернете стало появляться всё больше и больше электронных off-line журналов. За достаточно короткое время они приобрели просто бешенную популярность, оно и понятно - гораздо легче и приятнее скачать журнал, а потом читать его в офф-лайне, нежели на сайте. В электронном журнале, как правило, всегда собраны кучи статей по самым разнообразным темам.
Так есть ли у электронных журналов будущее? На этот вопрос, я думаю, разногласий быть никак не должно, и я с уверенностью могу сказать, что, действительно, у электронных off-line журналов впереди огромное будущее. Оно и понятно - сейчас каждый более-мение приличный сайт начинает выпускать свой журнал. Хотя бы просто начинает, иногда в инете встречаются сайты, на которых, к сожалению, кроме первого выпуска ничего нет. Видимо, не такое это и интересное дело - журнал делать. На данный момент я с уверенностью могу назвать двух лидеров в этом деле. Рассмотрим их по-подробнее.
- Электронный журнал ProtoPlex (www.protoplex.ru). Интереснейший журнал, в котором, наверное, собрано всё, и каждый найдёт там что-то для себя. Руководит им Евгений Жданов. К огромному сожалению, журнал не выходит так часто, как хотелось бы. Объявленная переодичность выхода журнала раз в месяц, но он иногда не выходит и по несколько месяцев. Если вы скачивали несколько выпусков этого замечательного журнала, наверняка замечали постоянные обновления. Каждый раз там что-то добавляется и совершенствуется. Кажется, лучше уже некуда, а вот Евгений постоянно что-то находит и улучшает. Начиная с 13 выпуска журнал полностью сменил внешний вид: он стал выглядеть как одна целая страница, исчезли фреймы, значительно изменилась графическая часть и появились прочие новшества.
- Журнал Soft & Script (www.magaz.org). Постоянно обновляемый журнал, выходит примерно раз в неделю. В журнале есть, наверное, всё. Вот стандартные разделы журнала: "Новости", "Интернет", "Дизайн", "Веб-разработчику", "Железо", "Софт", "Программирование", "Linux/Unix", "Игры" и "Разное". Материала просто огромное количество. Вот только на большие циферки на счётчиках создателей очень тянет, то они ставили на архив журнала пароль, который можно посмотреть только на сайте, то теперь создали на сайте страницу под паролем, куда положили все журналы и пишут везде этот пароль, а меняют его каждые несколько дней. Интересно, что дальше будут изобретать? Конечно глуповато, но вот так им хочется. Я думаю, без всех этих заморочек у них было бы намного больше читателей и они бы просто сами, без этих принудительных переводов, приходили бы на сайт за новым журналом, но... А вообще в целом журнал интересный, качайте.
Я думаю, что скоро в интернете просто прохода не будет от офф-лайновых журналов. Если все они будут оригенальными в своём роде, будет просто прекрасно. Многие мастера просто воруют дизайн, воруют статьи и журнал просто неинтересно читать. Представьте, кто-то написал статью и она сразу попадёт во все журналы. Скучно. Поэтому я призываю всех вэб-мастеров, не нужно копировать статьи из других сайтов или журналов, пишите статьи сами, либо найдите себе автора, который бы за скромный гонорар присылал бы вам свои новые творения!
Обзор SNK Visual HTML Workshop
В этой статей я хочу поговорить о программе SNK Visual HTML Workshop. Между прочим говоря именно в ней и создается данная статья, так вот начнем с того, что это за программа и зачем она нужна.
SNK Visual HTML Workshop - основа пакета SNK WebOffice, представляющего собой проектно-ориентированный комплекс для создания Web-сайтов. С помощью этого пакеты можно создавать не только простые страницы html, но и целые проекты, для этого выберите: Файл > Новый проект и следуйте инструкциям.
Посмотрим на программу со стороны (рис. 1)
 Рис. 1
Перечислим ее основные преимущества:
- Вставка практически любых тегов при помощи горячих клавиш, либо из меню или линеек инструментов
- Наличие мастеров для задания дополнительных параметров HTML-элементов
- Генераторы страниц и таблиц стилей
- Поддержка всех основных русских кодовых страниц
- Развитые средства по созданию и работе с проектом
- Встроенный FTP-клиент для автоматического обновления сайта
- Возможность быстрого просмотра при помощи 4-х различных браузеров, включая встроенный
- Средства поиска и замены в файлах, поддерживающие синтаксис регулярных выражений, что позволяет находить "похожие" фрагменты текста
- Чрезвычайно широкий спектр настроек
- Возможность создания собственных команд
- Многопользовательская поддержка (профили пользователей)
- Контекстуальная справочная подсказка для всех элементов HTML 4.01 и XHTML 1.0, а также по CSS и основным функциям JavaScript.
- Ряд иных полезных сервисных функций, например, подсчет времени загрузки страницы; поиск, вставка и замена сразу по множеству файлов.
- Редактирование не только файлов с расширением html, но и всевозможных другие php, perl, mysql и т.д. и т.п. (рис. 2)
- Для каждого языка программирования существует своя подсветка, что значительно облегчает поиск того или иного фрагмента и код файла воспринимается гораздо лучше.
 Рис. 2
Интерфейс
Workshop имеет два основных режима работы: режим файла и режим проекта. В первом случае программа является обычным редактором тегов, во втором - еще и мощным средством для манипулирования сайтом. Переключение между режимами осуществляется автоматически, в зависимости от того, загружен проект или нет. Окно программы разделено на 5 частей: панели инструментов, окно редактирования, дерево проекта, окно консоли и строка состояния:
- Панели инструментов (вверху). Здесь расположены 4 панели инструментов, содержащие стандартные функции типа "открыть файл", а также кнопки для работы с буфером обмена и вызова программ просмотра и т.д. Находящаяся справа от нее панель инструментов редактирования предназначена для вставки тегов. Она может иметь произвольное число вкладок, содержащих кнопки, сгруппированные, как правило, по типу функций (форматирование шрифта, параграфов, таблицы и т.д.).
- Окно редактирования документов предназначено собственно для написания и правки текста. В него одновременно может быть загружено до двадцати файлов (в стандартной версии, до 50-в Professional), переключение между которыми осуществляется при помощи закладок вверху. В качестве имени закладки используется имя файла, а его полный путь на диске отображается в строке состояния.
- Вдоль левой границы окна располагается дерево проекта. Оно служит для просмотра структуры сайта, создания ссылок на файлы проекта (путем перетаскивания их из дерева в окно редактирования, или из всплывающего меню), а также для открытия файлов для редактирования, и большинства других операций манипулирования проектом. Разумеется, это окно доступно только в режиме проекта.
- Ниже находится совмещенное окно консоли и сообщений. Первое предназначено для ввода команд, а второе - для отображения результатов поиска.
- В самом низу располагается строка состояния. В ней отображается текущий режим редактирования, положение курсора в активном документе; изменен документ он или нет, а также его расположение файла на диске.
Вы можете отключить те или иные окна в настройках программы, воспользовавшись окном "Настройки".
Язык SNK eScript
В SNK Visual HTML Workshop, начиная с версии 3.0, используется встроенный язык программирования SNK eScript. Команды языка вызываются всякий раз, когда вы работаете с редактором - вставляете теги, вызываете мастера и т.д. Вы можете создавать собственные команды, основываясь на функциях eScript, и вызывать их из главного меню, по нажатию "горячих клавиш" или из панели инструментов. В основу создания команд положена концепция использования коллекций - наборов собственных команд, оформленных как кнопки и (или) пункты меню (далее по тексту - компонент). Для создания собственных коллекций компонент используйте Package Editor (Workshop SDK, бесплатную версию этой программы вы можете загрузить с сайта разработчика). Правку процедур коллекций вы можете осуществлять непосредственно из программы, войдя в раздел донастройки компонент окна настроек программы. Вы можете также вводить команды с консоли, расположенной непосредственно в главном окне SNK Visual HTML Workshop.
Более подробные сведения о языке SNK eScript вы найдете в справке по SDK.
Настройки программы
Настройки программы разделены на пять групп: оформление, редактор, коллекции, система и пользователи.
В группе "оформление" вы можете задать то, какие элементы интерфейса должны присутствовать в главном окне; какое действие производить при запуске; какие настройки сохранять при выходе (рис. 3)

Рис. 3
В главной группе "настроек редактора" (рис. 4) вы можете выбрать цвет фона и текста, а также гарнитуру шрифта и его начертание. Эти настройки будут применены ко всему тексту в редакторе, вне зависимости от режима подсветки. Если отмечена опция "показывать правую границу", то в окне указанном на расстоянии от левой границы редактора будет находиться полоса, условно обозначающая границу для ввода символов. Для того, чтобы редактор обрывал строки после этой границы, активизируйте опцию "обрывать строки". Учтите, что эта опция не является аналогом переноса слов. Поэтому, если вам требуется заставить редактор обрывать строки и при загрузке файла, включите также опцию "Обрывать строки при загрузке".
В подгруппе "Подсветка" вы можете задать правила подсветки синтаксиса. Для этого выберите язык из списка слева, затем выберите элемент языка в списке справа и установите для него цвет, фон и начертание.
Подгруппа "Синтаксис" задает правила для ввода HTML. Здесь вы можете задать, какие метаопределения следует вставлять в часть HEAD; какой тип документа (версия HTML/XHTML) следует указывать в !DOCTYPE. В локализации указывается кодовая страница и язык. В специальных правилах определите регистр тегов, приоритет использования CSS и поддержку синтаксиса XHTML. Если включена последняя опция, то для того, чтобы создаваемые при помощи мастера HTML-документов своими заголовками соответствовали определению XHTML 1, выберите в качестве !DOCTYPE "-//W3C//DTD XHTML 1.0 Strict//EN" или "-//W3C//DTD XHTML 1.1 //EN".

Рис. 4
Коллекция представляет собой набор компонент (рис. 5) - элементов интерфейса для работы с редактором. Создавать и редактировать коллекции компонент можно при помощи Workshop SDK. В настройках самой программы вы можете подключать или отключать коллекции. Список доступных коллекций приведен слева, описание выделенной коллекции отображается справа, а расположение файла - внизу. Чтобы отключить коллекцию (т.е. сделать ее незагружаемой) просто снимите отметку у ее названия. Если же вы хотите удалить коллекцию из списка, нажмите "удалить".
Чтобы внести новую коллекцию в список, нажмите "Добавить", в открывшемся окне укажите имя файла коллекции и нажмите Ok. Программа предложит скопировать файл в каталог коллекций. После этого название установленной коллекции появится в списке. Чтобы активизировать ее загрузку, активизируйте чекбокс.
В подгруппе "Донастройка" слева расположен список всех установленных коллекций, однако править можно только загруженные. В списке справа перечислены все компоненты выбранной коллекции, при выборе компоненты из списка, ее свойства, доступные для редактирования в программе отображаются в группе "Свойства компоненты". После правки не забывайте всякий раз нажимать кнопку "Изменить". Код программы компоненты должен строго соответствовать синтаксису языка eScript.

Рис. 5
В группе "Система" (рис. 6) в подгруппе приложений вы указываете путь к броузерам, используемых при просмотре HTML-файлов из редактора. Если для MSIE вы отметите опцию "Как встроенный", то будет использоваться встроенный просмотровщик, который загружается существенно быстрее, обеспечивая при этом 100% совместимость с Internet Explorer.
В разделе типов файлов вы выбираете степень интеграции SNK Visual HTML Workshop с системой. Здесь вы можете выбрать, файлы с какими расширениями программа должна относить к тому или иному типу, следует ли их открывать по клику из проводника в Workshop и т.д. Например, если вы хотите добавить "Открыть в VHW3" к контекстному меню проводника для для выбранного расширения, отметьте соответствующую опцию.
Кроме того, вы можете указать тип MIME для каждого расширения - эта информация может быть использована при внедрении объектов в документы HTML при помощи мастера вставки объекта.
В профессиональной версии имеются следующие дополнительные настройки:
Опция "выгружать файл на Web перед просмотром" активизирует режим "Live Web" при котором файл перед просмотром закачивается на сервер и просматривается уже оттуда. При этом должен быть указан URL корня а файл должен быть "загружаемым".
Если вы работаете с быстрым соединением и часто пересылаете достаточно большие файлы, то можете увеличить буфер FTP до 16 или 32 килобайт.
Опция создания резервной копии заставляет программу создавать копию файла перед началом работы с проектом.

Рис. 6
Административные (рис. 7) настройки не используются в версии Standard. Единственное исключение - имя пользователя, email и URL, доступ к которым возможен через системные переменные языка eScript. Заполнить эту информацию (имя и адрес электронной почты) вам следует также в том случае, если вы захотите воспользоваться мастером бесплатного хостинга.
В версии Professional:
В специальном разделе "Безопасность" вы можете определить логин и пароль для входу в программу. Эти же настройки используются для входа в менеджер паролей (PassMan). Если в последний вод всегда по паролю, то вход в Workshop можно определить как с запросом пользователь/пароль, так и без него. Если опция "вход с паролем" отключена, то профиль пользователя загружается на основе данных о сетевом (системном) имени пользователя.
Опции "главная машина" и "общие настройки" предназначены для поддержки многопользовательской работы программы (в первую очередь, в локальной сети). Если включена опция "общие настройки", только на том ПК, где включена опция "главная машина", можно изменить и сохранить настройки программы.

Рис. 7
All-Win.Ru - на сайте вы найдете множество статей по Операционным системам, Hardware,
Software и многие другие, большое кол-во советов, на форуме
вы сможете задать вопрос и в скором времени получить ответ от наших профессионалов...
|