Итак, уважаемые сайтостроители, скажите мне, сколько видов дизайна вы знаете? А? Так, слышу справа кричат - жесткий... Верно! А еще? Резиновый... Так! А какой лучше? Ой! Не надо так кричать... Давайте разбираться.

Давайте дадим определения, чтобы не было разногласий.

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

Резиновый дизайн- табличный дизайн, в котором ширина одной или нескольких ячеек задаётся в процентах от ширины окна.

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

В этом месте давайте остановимся и пораскинем мозгами, что нам это сулит.

Достоинства:

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

Недостатки:

• У жёсткого дизайна есть только одно оптимальное разрешение экрана. Если при разработке упор был сделан на совместимость (оптимальный размер 640х480), то уже на 1024х768 поля занимают почти половину ширины страницы - и чем дальше, тем хуже. • Если при разработке акцент был сделан на "среднее" разрешение (800х600), то у пользователей маленьких мониторов появляется горизонтальная полоса прокрутки, и часть содержания им становится не видна. Некоторые разработчики ориентировались по своему монитору (1024х768), и у них даже для 800х600 (а это почти 50% всех пользователей!) страница выглядит плохо — а для 640х480 обычно нечитабельна. • Стремление полностью контролировать отображение страницы означает своего рода выступление против среды. Web - это не печатное издание; у него нет "правильных стандартов", а HTML - язык универсальный с логической разметкой!

Мда... куда ни кинь - всюду клин...

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

Итак, что мы имеем?

Достоинства:

• Страницы БУДУТ отображаться на мониторах с разным разрешением; гибкую страницу можно настроить для выводов на любом дисплее. • Заполнено все пространство монитора, отсутствует нежелательное свободное место. • Дизайн наиболее близок по духу к HTML.

Недостатки:

• На больших мониторах длина строки может оказаться чрезмерной, что ухудшает условия для чтения. • Результаты гибкого дизайна часто непредсказуемы. • Браузерам (всем, но особенно Нетскейпу версии 4) очень тяжело переваривать ячейки переменной ширины. Каждому, кто писал совместимый HTML, знакомы ячейки шириной 100%, которые не занимают всю свободную площадь; ячейки фиксированной ширины, которые занимают больше, чем им положено; ячейки с заданной одинаковой шириной, но неизменно выходящие разной ширины и т.д. — перечислять фокусы каждого из браузеров можно очень долго. • Отливка "резиновой" страницы занимает вдвое-втрое больше времени от аналогичной "жёсткой".

Так что теперь видно, что однозначно ответить, какой дизайн подходит именно ВАМ должны ВЫ сами. Моя первая страница была фиксированных размеров, и в этом нет ничего страшного! Она была рассчитана на разрешение 800Х600, и отцентрирована по центру экрана, так что даже на больших мониторах смотрелась очень прилично, так как не наблюдалось эффекта пустого экрана справа.(Но учтите, что при использовании этого метода невозможно точно расположить таблицу относительно фонового изображения.) Единственным недостатком (притом очень крупным) были шрифты фиксированного размера. Это было сделано из-за того что при укрупнении размера шрифта, происходили неожиданные изменения на странице, не в лучшую, понятно, сторону... В связи с этим дизайн этого сайта имеет полностью гибкую структуру. Вы должны всегда помнить, что выбор размера шрифта - право пользователя! Ведь страницу вы делаете для него? Тогда пользователь должен выбирать как ЕМУ удобно смотреть вашу страницу.

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

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

Адрес источника: http://gsub.kiev.ua/Arts/?action=view&aid=139

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

Иногда даже смешно видеть <народовский сайт> гордо именующий себя порталом. Конечно <портал>, а как же, иначе ведь не солидно получается, а тот факт, что на <портале> всего 3 статьи (да и то содранных с других сайтов), счетчик и гостевая книга (а в ней записи, типа <Ну ты Васек, крут! Такой порталище забабахал!>), это в расчет никто не берет.

Я не рискну давать тут какие-либо определения и расшифровки, пусть этим занимаются другие люди (кто там у нас за это в ответе?), просто расскажу, как я это все понимаю. Может даже я неправ, тогда поправьте меня.

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

<Горизонтальный портал>

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

Первоначально, названия <портал> удостоились крупные сайты, которые в результате конкурентной борьбы получились из каталогов ссылок, поисковых систем, сайтов крупнейших провайдеров (как пример - Yahoo, Lycos, AOL).

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

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

<Вертикальные потралы>

Это сайт, охватывающий какую-то одну область, но глубоко и обширно. Например, сайт ixbt.com. Загляните туда и вы найдете все про компьютерное железо: тесты, обзоры, отзывы, сравнения. Тут вам и про мониторы, и про винчестеры, и про мониторы, и про ноутбуки... Таким образом, здесь тема развивается <вглубь>, но в пределах какой-либо отрасли (в моем примере, отрасли ИТ).

Хотелось бы добавить, что сайт <Все о мониторах> не будет порталом в полной мере, т.к. разнообразие тем отсутствует.

Существуют также еще некие <гибриды>, в которых присутствуют признаки как <горизонтальных> (разноплановость) так и <вертикальных> порталов (одна из тем раскрыта особенно глубоко). Я к таким порталам отношусь скептически, часто на этих сайтах кроме <глубокой> темы, прочее не интересно, так что эти архаизмы только мешают. Зачастую <мутанты> возникают в результате стремления web-мастера, раскрутить свой проект еще чуть-чуть, привлекая разноплановую аудиторию. Частенько, ничего хорошего из этого не получается, но бывают и исключения.

Кроме того, на порталах можно встретить и всякие средства общения или услуги. Это я говорю про разные чаты, форумы, доски объявлений, каталоги ссылок, топы рассылки, счетчики, on-line магазины и игры. Все эти довески являются результатом конкурентной борьбы за посетителя, средством удержать серфера, заставить его вернуться снова и снова.

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

Может не стоит <растекаться мыслей по древу> и выкладывать в Сеть творение, за которое будет стыдно? Мой совет - умерьте пыл, отсеките все лишнее, оставьте лишь то, что интересно вам самим, о чем вы можете что-то сказать людям. Пишите свои, уникальные, интересные статьи. Разработайте приятный дизайн и удобную навигацию.

Адрес источника: http://gsub.kiev.ua/Arts/?action=view&aid=123

Данное практическое пособие не претендует на серьезное исследование в области лингвистики. Его цель - показать несколько интересных методов написания коротких рекламных фраз – слоганов.

Что такое слоган и как его можно использовать на веб-сайте.

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

Постановка задачи.

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

Анализ слоганов конкурентов.

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

… - технологии комфорта … - удовлетворит любые потребности … - вне политики, вне конкуренции

Подумайте, какими параметрами оперируют конкуренты? Что они хотят подчеркнуть в своих рекламных лозунгах? Какие приемы используют? Возможно, что именно такой анализ натолкнет вас на интересное решение.

Подбор ключевых слов.

Ключевые слова, т.е. слова имеющие «маркетинговую ценность» для посетителя сайта, должны в обязательном порядке присутствовать в создаваемом слогане. Для того, чт обы подобрать такие слова, задайте себе несколько вопросов:

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

Для удобства обработки, поместим найденные нами слова в таблицу:

Найденные слова Синонимы Удобно Хорошо, приятно Комфорт Роскошь Забота опека Качественный Достойный, высокопробный Потребности Запросы

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

ВНИМАНИЕ

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

Подбирая ключевые слова, не забывайте о том, что они должны нести в себе «полезную» информацию для клиента. Итак, слова выписаны, дело за малым – найти удачный художественный прием с помощью которого и будет написан наш слоган.

Использование словаря пословиц и поговорок и сборника «крылатых» фраз из кинофильмов.

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

жизнь хороша – когда жить хорошо.

Использование повторяющихся слов.

Обратите внимание на то, какие конструкции используют известные фирмы при составлении слоганов. Вот они: «наш – ваш», «все – для всех», «вы – мы», «минимум – максимум» и т.п.. Используя одну из подобных конструкции и наши ключевые слова у нас получилась следующая фраза:

минимум затрат – максимум удобств.

Использование однокоренных слов с противоположным значением.

Например «страшный – бесстрашный», «забота – беззаботность», «маленький – немалый». Иллюстрацией этого приема может послужить слоган:

забота о вашей беззаботности.

Использование одинаковых слов.

Этот прием часто используется в Российском копирайтинге. Приведу несколько примеров:

• Журнал «Мотор» - достойный журнал о достойных автомобилях.
• Фирма «Партия» - вне политики, вне конкуренции.
• Автомобиль «ИЖ» - наш автомобиль для наших дорог.
• Фирма «Алан» - автомобиль для всех и все для автомобиля.

Попробуйте заменить ключевые слова в вышеназванных фразах своими ключевыми словами. У меня получилась фраза:

комфорт для всех и все для комфорта.

Использование словаря фразеологизмов русского языка.

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

• Быть на голову выше.
• Дело техники.
• Стрелянный воробей.
• Набить руку.

Используя данный прием, у меня получилась фраза:

ДОМОТЕХНИКА комфорт в доме – дело техники

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

Постоянный адрес: http://karman.com.ua/_prakticheskoe_posobie_po_0_0_0_1757_1.html Адрес источника: http://gsub.kiev.ua/Arts/?action=view&aid=124