При будівлі собору не забудьте про цемент!

Peter de Pradines, пров. Олександр Клімов
AKWProject

Деякі речі досить складні – сенс життя,
наприклад.

Не треба турбуватися. Навіть якщо
Ви жодного разу не замислювалися про сенс життя, не про
ньому ми сьогодні будемо говоріть.Хотя, якщо
замислитися, це безпосередньо пов'язано з темою нашого
розмови.

Хтось виходить на ринок, як це
часто буває, з приголомшливою (і простий)
програмою. Вона чудова і користується
заслуженим успіхом. Всі купують її, все
користуються їй. Це просто потрясно!

Через деякий достатньо
короткий час з'являється друга версія, в
якої додані одна або дві функції,
полегшують роботу. Чудово. Але це
відбувається знову і знову. Оновлення слід за
оновленням до тих пір, поки маленька
скорострільна програмка не перетворюється на
громіздку і повільну.

Користувач програми не
користується навіть десятою частиною її можливостей,
а половина можливостей йому взагалі незрозуміла. І я
запитую Вас – так буває чи ні?

Бачте, я люблю повертатися до
витоків чого-небудь і з'ясувати причину того, що
зробило щось туманним. Якщо Ви можете повернутися
до витоків, Ви зможете побачити що-ж насправді
важливо.

Все це також стосується і Web-а.
Майже кожну тиждень ми отримуємо значну
доповнення до арсеналу web-програмування. Так
було і з Java, JavaScript, DHTML, ASP і PHP і цілим рядом інших
аббрівеатур, кожна з яких представляє
собою надзвичайно корисне додавання до
Інтернет-інструментарію.

Але Ви можете не скористатися
жодним з них, а Web залишиться Web-му. Чи знаєте Ви,
що тільки одна проста річ робить Павутину
Всесвітньої?

І ця річ – посилання – звичайні
добрі старі гіпертекстові посилання. Без них не
було б і Web-а – був би просто букет розрізнених
сторінок на мільйоні серверів без будь-яких
зв'язків. Кожна сторінка була б практично
марна, а сервера схожі на в'язниці, набиті
до відмови злочинцями, засудженими на
одиночне ув'язнення.

Посилання – це кров Web-а. Вони
надають йому життєздатність. Вони є
життєво необхідними мостами з однієї сторінки
на іншу. Посилання – дуже сильний інструмент, і
можуть бути цінні, якщо користуватися ними з розумом, і
небезпечні, якщо їх використовувати абияк.

Посилання можуть здатися
досить скромними, але кожна web-сторінка має
одну (або набагато більше) посилань і, тому, вони
заслуговують вашої уваги.

Посилання – Два Виду

У web-сайтах використовується два
основні види посилань – навігаційні,
з'єднують сторінки усередині сайту, і
класичні гіпертекстові посилання,
пропонують вихідний матеріал, виноски,
відступу від тексту і розкриття паралельних
тим, які на думку автора збагачує основне
вміст сторінки. Хоча навігаційні посилання
можуть викликати проблеми в дизайні, більш
неприємним є надмірне або погане
розташування гіпертекстових посилань.

Гіпертекстові посилання створюють
дві основні проблеми при дизайні. Вони переривають
плавне протягом вмісту Вашого сайту,
пропонуючи читачеві залишити те, що він зараз
читає. Посилання також можуть радикально змінити
контекст інформації, викидаючи читача на
незнайому територію без преамбули і
пояснення.

Основною стратегією є
використання посилань для посилення Вашого
повідомлення, а не для того, щоб відвернути читача
або викинути його геть услід за незначною
посиланням на якісь інші Web-сайти. Більшість
посилань Web-сайту повинні вказувати на інші
ресурси всередині сайту, на сторінки, що використовують
той же дизайн, навігаційні елементи, і
присвячені подібною тематикою. Кожного разу, коли
це можливо, розміщуйте поряд пов'язані
візуальні або текстові матеріали у своєму сайті
так, щоб читачеві не здавалося, що Ви
викидаєте його за межі свого сайту.

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

Збереження Контексту

Ключем до хорошого використання
гіпертекстових посилань є збереження
контексту, так щоб читач залишався
"Всередині" змісту і графічного
оформлення Вашого сайту. Якщо Ви помістіть
просте посилання на Вашу сторінку, це посилання буде
працювати всередині одного вікна браузера – після
кліка вміст Вашої сторінки зникне і
з'явиться вміст пов'язаної сторінки.
Використання такого типу посилань гарантує
вам втрату читача.

Найбільшим простим способом
підтримки контексту при використанні посилань
на інші сайти є додавання аргументу
TARGET = "main" у Вашій посиланням. І пов'язана сторінка
з'явиться в новому вікні браузера, розташованому
зверху вікна Вашої сторінки. Це дозволить Вашому
читачеві отримати доступ до нового матеріалу, не
втрачаючи візуального контакту з Вашим сайтом.

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

Розміщення посилань

Посилання – це * перешкода *. Це
безглуздо * написати * * параграф * і потім
заповнити його * запрошеннями * переміститися
* Куди-небудь *.

Представте, якби всі ці
* Слова * були б посиланнями! Ви можете зменшити
"Підривну" сутність посилань, керуючи їх
розташуванням на сторінці. Розташовуйте всередині
тексту тільки найважливіші посилання і пам'ятайте, що
пов'язані сторінки (якщо вони розташовуються поза
Вашого сайту) повинні відкриватися в новому вікні
браузера.

Але більшість посилань не повинні
розташовуватися в середині сторінки – вони не
настільки важливі, щоб вести потенційну
"Підривну діяльність". Групуйте всі
другорядні, ілюстративні посилання, посилання на
джерела, виноски внизу сторінки, де вони вже не
зможуть нікого відвернути.

Якщо Ви маєте в своєму розпорядженні посилання в
тілі тексту, зверніть особливу увагу на
конструкцію своєї пропозиції. Ніколи не
будуйте фразу навколо посилання, наприклад * клікніть *
* Тут * для того, щоб отримати інформацію.
Будуйте пропозицію як зазвичай і використовуйте для
посилання найбільш доречне слово пропозиції.

Погано: * Клікніть * * тут * для
отримання інформації по розташуванню посилань
у Вашому тексті.

Краще: Посилання – потужний інструмент,
але можуть викликати багато проблем, якщо їх
* Розташовувати * * сяк-так *,

Можна ще багато чого сказати про
гіпертекстових посиланнях, але це стаття, а не
докторська дисертація. Досить сказати, що
web-сторінки – це цеглинки, з яких будується
Web, а посилання – це цемент, який перетворює
окремі цеглини в єдину будівлю.

Прості гіпертекстові посилання
завжди гідні Вашої уваги. Їх потрібна і
акуратна діяльність змусить Ваш сайт
працювати. Використовуйте їх по-розумному і вони послужать
Вам хорошу службу. Ну а презирливе ставлення
до них або ігнорування їх – огидна
звичка, яка приведе Вас до неминучого
кінця.

Вже це я Вам обіцяю! 🙂


Переклад виконаний на
основі права Ексклюзивне використання статті Олександром Клімовим.
Передрук в будь-якій формі заборонено.


Peter de Pradines is owner and webmaster of
the HiperNet Group. An honours degree graduate in Computer Science with 30 years hands-on
experience, Peter lectures in Europe and holds winter workshops in the beautiful
Mediterranean island of Mallorca. Specializing in web design and promotion he may be
contacted at: mailto: hipernet@apdo.com or http://www.protiques.com


Peter de Pradines власник і
веб-майстер компанії HiperNet Group. Peter володіючи наукового
ступенем і маючи за плечима 30-ти річний досвід,
читає лекції в Європі і проводить зимові заняття
на прекрасних островах Мальорки. З приводу
питань веб-дизайну та розкрутки сайтів можна
звертатися: mailto: hipernet@apdo.com
або http://www.protiques.com

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*