ХАТА МОЯ | ПОРТФОЛІО | ХРИСТИЯНИНУ | ПОЧИТАТИ | МОЄ ЖИТТЯ | ФОТОАЛЬБОМ | ЗВ'ЯЗОК |

Один на один с FreeBSD
З 24-го квітня 2006-го року купуйте нову книгу по операційній системі FreeBSD: "Один на один с FreeBSD".


 Зміст книги та уривки текстів -->>

 Buglist:11 Додати новий Переглянути існуючий список

Написана - російською мовою
Вміщує - 704 сторінки
Наклад - 2500 екземплярів
Рекомендована ціна - 75грн
Рік видання - 2006
Видавництво - MK-PRESS
Автор - Дідок О.О.
ISBN 966-8806-00-X
 • Оновлення [10]:
[18.11.2007] Протиріччя
[18.11.2007] Любові тепло
[28.10.2006] Пісня "Не..."+mp3
[23.10.2006] "Не думаючи жити/філософія сучасного життя"
[23.10.2006] Пісня "Ластівка"+mp3
[23.10.2006] Пісня "Безсилий"+mp3
[29.08.2006] Моя поезія
[29.08.2006] "Я - ти, і я - не ти"
[15.06.2006] "Кохання гра"
[07.06.2006] "Пам'ятаю..."
 • Новини сайту [3]:

[16.05.2006] 21-го травня вийшла моя книга по операційній системі FreeBSD. Пишу нову книгу по PHP. Дякую за підтримку ...


[24.02.2006] Добавив систему рейтингiв. Тепер ви можете оцiнити на свiй смак кожну статтю за п'ятибальною системою. Скоро напишу сторiнку рейтингових статей i систему коментарiв. Очiкуйте)


[19.01.2006] Життя радісне, коли на нього дивишся з добрими очима і гарним настроєм). Так от останні чудові фотографії від мене можна знайти тутечки, доречі, там можна знайти і мене, якщо когось зацікавить це)). Ммм. Дя - поповнив рахунок на хостинг ще на рік, збільшивши пакет)) Тепер у мну 3гіга місця, багато піддоменів, достатньо баз данних і навіть можливість повісити декілька доменів у себе - не погано, коротко кажучи. Ну добре, досить, ато вже не новина - а ціла стаття про моє життя-буття)) Заходьте ще)


Остання корекція: 01.01.2003
/0 
 Вперше опубліковано: 01.01.2003
Сторінку відкрито: 790Коментарiв: 0ДодатиЧитатиДопомога
ПОЧИТАТИІнформ. технологіїWeb ...HTML Digest

HTML Digest 05

Інше в підрозділі :

 HTML Digest 01[2003-01-01]  HTML Digest 02[2003-01-01]  HTML Digest 03[2003-01-01]  HTML Digest 04[2003-01-01]  HTML Digest 06[2003-01-01]  HTML Digest 07[2003-01-01]  HTML Digest 08[2003-01-01]  HTML Digest 09[2003-01-01]  HTML Digest 10[2003-01-01]

Красиво чи ні?!

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

Отже, сьогодні я таки насмілилась поговорити про наболіле - що таке добре і що таке погано у веб-дизайні. Насамперед, мушу попередити, що не маю жодного наміру ганьбити недосвідчених початківців і казати, як деякі, що “...потік непрофесійного дизайну нагло псує веб-простір...”, - надто малий наш UANET, щоб отак, при корені, рубати чийсь щирий ентузіазм і бажання відкрити себе світу. Люди, малюйте сторінки - великі і маленькі, добрі і не дуже, - не помиляється той, хто нічого не робить! Моя перша сторінка ще досі висить десь у мережі, хоча адреси я не дам ніколи і нікому, - вона страшненька і кострубата... Правда, за її інформаційне наповнення мені зовсім не встидно - варто б її редизайнути, але я лишила її такою, як є - на згадку про перші кроки, як точку відліку, як те, з чим можна безболісно порівняти все, що зробилося потім... Якщо ви впевнені, що навіть не дуже гладкий дизайн і відсутність Фотошопу не зіпсує того, що ми називаємо ідеєю сторінки, то не встидайтеся, розміщуйтеся в мережі.

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

Одну і ту ж річ дехто назове гарною, а інший - бридкою. Давайте я спрямую вас в одне місце, де ви гарантовано не побачите бридкого дизайну. Отож, фонд “Сейбр” - це там, де можна недорого придбати (це називається доброчинним внеском) англомовну літературу із різних галузей, яку безкоштовно дарують нам американці. Погортайте, потримайте в руках ці важкі, з ароматом далеких книгарень, видання, і ви майже одразу зрозумієте, що таке “корпоративний стиль” (наприклад, в книжках з економіки, маркетингу, менеджменту), і де дійсно активно попрацювала нічим не обмежена уява художника і фотографа (книжки з психології, наприклад). Відвідини цієї книгарні, безперечно, виведуть із творчої кризи будь-якого зфрустрованого дизайнера - недарма американський дизайн, і веб-дизайн зокрема, вважаються заледве не еталоном в усьому світі. Досить зауважити, що декілька років тому саме вони панували на усіх конкурсах із веб-дизайну, хоча зараз це не зовсім так, і уявний центр прогресивної “вебної” думки поступово зміщується в Європу (можливо, це пов’язане із тим, що саме Европа тепер має більшу частку користувачів Інтернету).

Зазначу, що сліпе перенесення поліграфічного дизайну на екран монітора - це найбільш безглузде вирішення, яке тільки можна вигадати. По-перше, розміри сторінки та екрану по-різному орієнтовані, по-друге, нікуди нам не подітися від рамки браузера, по-третє - серфувати - не читати, а навігувати - не перелистувати. Тобто, тут не мавпувати доведеться, а творчо застосовувати (тим більше, маємо DHTML). Те, що можна перенести з найменшими втратами - колірну палітру, поєднання шрифтів і графічних елементів, вирівнювання блоків інформації на сторінці, - можна намагатися змоделювати, і це хороша практика.

Орієнтир ми маємо. Не завадить перейтися мережею, почитати ресурсики (дивіться статтю в номері нашої газети за 21 липня цього року - можна знайти на нашому сайті), знову ж звернутися до “веб-дизайн-біблії” Кірсанова (дивіться попередню статтю, або ще ось один лінк: http://www.symbol.ru/dk/articles/).

Але перше, на що ми натикаємось, це, як правило, протиріччя, протиріччя і ще раз протиріччя. Наведу декілька прикладів. Одні вважають, що яскравий фон - це цікавий і сильний елемент дизайну, інші - що цей елемент одразу ж викаже у вас дилетанта. Одні вважають, що треба обов’язково всі зображення робити гладкими, при цьому усе ж віддаючи перевагу 256-ти колірним GIF-ам. Одні категорично забороняють робити полосу прокрутки по ширині вікна, а інші роблять дуже цікаві проекти, кладучи сторінку на бік (уявіть собі, наприклад, розтягнуту таким чином кругову панораму міста Львова з Високого Замку). Одні (для того, щоб сторінка пристойно дивилася при будь-яких розмірах вікна і екрану монітора) радять робити ширину таблиць і їх клітинок у відсотках, а інші (для того, щоб сторінка вантажилась набагато швидше, - бо браузеру явно потрібно чималенько часу для прорахунку кожної такої “відсоткової” таблиці) говорять, що треба їх задавати в пікселах. Одні... Ну добре, наразі досить. Очевидно, що істина завжди десь посередині, але от де?...

Щоправда, є поради, на які майже нема чим заперечити. Перерахую лише основні:

- завжди в <IMG> задавати WIDTH і HEIGHT для швидшого завантаження сторінки;
- ставити на першій же сторінці адресу електронної пошти;
- виносити там же на першу сторінку дату поновлення сторінки (щоправда, можна написати скриптик, який завжди буде писати сьогоднішню дату) і поновлювати сайт регулярно;
- якщо маєте форум або гостьову книгу - на титулку винесіть нові повідомлення (щоб стимулювати спілкування на сайті), там же розмістіть лінки на новини сайту;
- оптимізуйте графіку - краще 10 маленьких зображень, ніж одне велике;
- прискіпливо перевіряйте граматику та орфографію, чи усі лінки працюють;
- бажано не більше 5-ти позицій меню на кожному рівні, а будь-який первинний елемент інформації повинен бути в розпорядженні відвідувача не більше, ніж з 3-х кліків;
- розмір сторінки з графікою - не більше 70 Кб (50Кб - оптимально);
- лінки на інші сайти ховати в глибині сайту, а не виносити їх на титулку;
- для того, щоб допомогти пошуковим машинам, використовувати META-теги (дивіться статтю від 18 серпня цього року - є на нашому сайті);
- для того, щоб текст був читабельним, обмежувати стрічку тексту в 50-70 символів;
- не використовувати надто багато різних шрифтів (можна обмежитися двома - рубленим для заголовків, і з засічками - для тексту);
- не роздувати кольорову палітру для графіки, і взагалі, краще забрати один колір із вже існуючого основного набору кольорів для сторінки, ніж додати новий (як не згадати одного американського дизайнера, який твердив, що завжди виграшним кольоровим поєднанням є білий-чорний-червоний), відчуття міри - тут основне;
- для кирилізованих сторінок бажано не забувати про перекодування і глюки Нітскейпу у зв’язку із цим кодуванням. Взагалі не забувати про Нітскейп та “нижні” Експлорери;
- завжди попереджайте про відкриття нових вікон (тобто, “цей лінк відкриється у новому вікні”);
- якщо в фреймі є лінки на чужі сайти, то не забувайте вказати target=”_parent” або навіть “_top”, а то потім з того фрейму назовні вибратися дуже тяжко, і взагалі - не зловживайте фреймами та не забувайте, що для чогось існує такий тег, як <NOFRAMES></NOFRAMES>;
- якщо користуєтесь відносною адресацією в лінках, вказуйте <BASE HREF...> для того, щоб ті, хто переглядає вашу сторінку off-line, завжди могли перейти по лінках на ті частини сайту, які вони ще не бачили;
- логічне (за допомогою каскадних таблиць стилів) форматування дублюйте фізичним (теги <font> та <span>) - для тих же “до-четвертих” браузерів (дивіться попередні публікації);
- використовуйте рядок статусу за призначенням - тобто користувач повинен бачити, куди його веде той чи інший лінк, а біжучою стрічкою ви вже нікого не здивуєте;
- у відносній адресації лінків використовуйте ./ та ../ - це полегшить задачу переїзду сайту на нове місце;
- не анонсуйте того, чого поки що на сайті немає, ніколи не використовуйте значки Under Construction;
- якщо сайт присвячений графіці або фотографії - робіть маленькі ескізи, розміром з ніготь (ні в якому разі не ставте замість них ті самі великі зображення тільки з іншими значеннями WIDTH і HEIGHT!!! - зробіть зменшені копії, так звані thumbnails);
- робіть зображення гладкими (іншими словами, використайте anti-aliasing) - невже нема десь поблизу персоналки з Фотошопом - я впевнена, навіть той, хто ніколи не бачив жодної графічної програми, окрім Paint-у, зможе впевнено намалювати штук сім кнопок і штук 10 маркерів і полосок-розділювачів;
- анімація доцільна лище тоді, коли на сторінці зовсім нема сторонніх банерів, причому завжди зважайте на її розмір;
- роблячи GIF з розмитими краями, прозорим, враховуйте при цьому фон, який буде проглядати через цю прозорість, щоб уникнути “зубчастих” зображень.

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

Як бачите, поради ці стосуються не власне веб-дизайну, а суто оптимізації і кращого представлення сторінки для користувача. Хоча деколи важко зрозуміти, де закінчується “веб-” і починається “дизайн” і навпаки. Ну, і як вам така салатка?... І головне: завжди випробовуйте свій сайт спочатку на собі, а вже тільки потім на своїх відвідувачах.

Далі. Можна не мати Фотошопу, не вміти малювати гладкі кнопочки, заокруглені кутики і барабольки-маркери, але ніщо не заважає навіть найпростішими методами зробити сайт зручним для гуляння по ньому. Тобто, тепер про питання навігації. Деякі товариші (а багато з них - навіть такі самі, як ви, веб-дизайнери) відключають показ картинок у своїх браузерах (і мотивують це тим, що не бажають образити своє вирафіноване і витончене розуміння прекрасного спогляданням аматорських віртуальних “проб пера та сканера”). Уявіть собі, що вся ваша навігація тримається на imagemap (дивіться статтю з циклу “Швидких пальчиків” за 23 червня цього року - на жаль, на сайті вона наразі не проілюстрована картинками, тому краще зверніться до газетного варіанту) або на масивах кнопочок, в яких ви зумисно не проставили ALT - щоб не псувати ідеальну картину гуляння миші по усіх нірках та підвалах вашого сайту (забувши про те, яким важливим для пошукових машин є текст, записаний у ньому)...

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

Ще одне зауваження на рахунок навігації - якщо можна вільно пересуватися по сайту, не задіюючи кнопки браузера “Back” та “Forward”, то у вас усе в порядку, а якщо ні... Накресліть структуру сайту - і ви зможете знайти можливі білі місця на його карті.

Ну і яка стаття без лінку: http://www.design.ru/kovodstvo/boltology/porka/. Тут можна виставити сторінку для жорсткої критики - може, комусь допоможе.

Я відчуваю, що у вас на язиці крутиться одне дуже особисте запитання: чи дотримується авторка статті усіх цих настанов?...

Ха!... Та ви що, знущаєтесь, хіба це можливо?!...



Всього ресурсів на сайті: 84
Востаннє сайт змінювався: 25.02.2006
Змінено на: PHS-7.3-STABLE версію
Ви 504562 відвідувач сайту
Сторінку згенеровано за 0.067 секунд

 "Я нібито знаю, що поруч десь ти ..."

[2006-01-24] Я лежав та плакав, сон не хотів захоплювати моє втомлене тіло. Здавалося що проминуло декілька хвилин - але погляд на годинник розсіяв мої надії. Раптово в моїх думках проплив віршик. Я подумав, що варто встати та записати його, але так і не зробив цього, сподіваючись ...


 Про сонечко ...

[2005-06-01] Про сонечко Ой ... що я можу сказати про людину яку називаю сонечком? - Звісно, мені дуже добре коли її бачу, вона привносить радість та щастя в моє життя. - Здається, я ніколи не матиму змогу наблизитися до такої людини - бо отримаю опік, та людина навіть нена ...


 Що зі світом ...

[2005-05-31] Хочу привести маленький кусочок з одніє читаної в даний момент книги: В последнее время средства массовой информации часто изображали отцов ленивыми недоумками, брак - полем боя, а женщин - сексуальными объектами, в то время как настоящие герои являлись в их тракто ...


 Ми жартуємо

[2004-05-25] ...


 Швидкі пальчики 05

[2003-01-01] Людині властива лінь. Всі ми люди, а отже лінюхи. В кінці кінців лінь - це рушій прогресу, а оскільки ми ліниві, то рухаємо прогрес. Зробимо в цьому напрямку ще декілька кроків. Прогресивних, з ...


ХАТА МОЯ | ПОРТФОЛІО | ХРИСТИЯНИНУ | ПОЧИТАТИ | МОЄ ЖИТТЯ | ФОТОАЛЬБОМ | ЗВ'ЯЗОК |