- •Теоретичні відомості
- •Розробка структури
- •Внутрішня структура сайту
- •Зовнішня структура
- •Оформлення сайту
- •Кодинг і програмування
- •Тестування і доопрацювання
- •Просування, реклама
- •Подальша підтримка і оновлення
- •Програми, що потрібні для web-мастерингу
- •Візуальні редактори
- •Програми обробки растрової графіки
- •Програми обробки векторної графіки
- •Мова розмітки гіпертекстових сторінок html
- •Інструментарій редагування html
- •Теги html
- •Контейнери
- •Автономні теги
- •Атрибути
- •Інформація, що ігнорується браузерами
- •Ефективні теги для оптимізації сайту
- •Оптимізація розділу head
- •Тег заголовку сторінки title
- •Мета теги
- •Опис мета тегов групи name:
- •Опис мета тегів групи http-equiv:
- •Увага! Мета тег Content-Type часто вставляється генераторами html коду.
- •Висновки
- •Засоби css
- •Представлення тексту на web-сторінках
- •Типи шрифтів
- •Текст в зображеннях
- •Переваги використання графіки замість html-тексту:
- •Але у цього методу є ряд недоліків:
- •Розмір шрифту
- •Графіка на web-сторінках
- •Відмінні характеристики
- •Роздільність графічного файлу
- •Об’єм графічного файлу
- •Забезпечення доступності web-сторінки
- •Особливості кольорів дисплея
- •Стандартні розміри і роздільчості дисплеїв
- •Відомості щодо посилання
- •Нестандартні посилання
- •Інтро сторінка
Особливості кольорів дисплея
Колірні монітори можуть різнитися у відображенні кольорів. Це ще один чинник, який впливає на рішення розробника.
Існує набір з 216 кольорів, що складається з кольорів системних палітр МасOS і Windows, що відображаються однаково на рідних платформах, операційних системах та браузерах. Такий набір називається Web-палітрою безпечних кольорів (Web Palette). Багато дизайнерів вважають, що краще користуватися цією палітрою при створенні Web-графіки та елементів HTML, щоб сторінка виглядала однаково для всіх користувачів.
Стандартні розміри і роздільчості дисплеїв
Першим кроком при визначенні вірогідного розміру Web-сторінки повинно стати визначення максимального простору, що забезпечується дисплеєм. Комп'ютерні дисплеї мають різні стандартні розміри і зазвичай вимірюються в дюймах - 15", 17", 19" і 21".
Іншою характеристикою є роздільчість монітору – загальне число пікселів (picture's element – елемент картинки) на екрані. Чим вище роздільчість, тим детальнішим буде зображення. Знаючи можливе число пікселів, можна створювати відповідно до нього зображення (що також вимірюється в пікселах) та елементи сторінки.
Важливо пам'ятати, що чим вище роздільчість на даному дисплеї, тим більше пікселів спресовано в наявному просторі екрану. В результаті піксели стають меншими і відповідно зменшуються зображення та інші елементи сторінки.
Саме з цієї причини вимірювання в Web проводяться в пікселах, а не в дюймах. Те, що на одному моніторі представляється величиною в дюйм, на моніторах інших користувачів може виглядати більше або менше. Коли розробник працює з пікселами, він принаймні знає, які розміри елементів щодо один одного.
ДЕСЯТЬ НАЙПОШИРЕНІШИХ ПОМИЛОК В ДИЗАЙНІ
НЕРОЗБІРЛИВІСТЬ
-
Занадто малий або великий розмір
-
Низький контраст між шрифтом та фоном
НЕАДЕКВАТНА НАВІГАЦІЯ
Єдині стандарти навігації для всього сайту
Де знаходиться саме краще місце для розміщення меню? Це питання постійно обговорюється серед веб-розробниками. Чи повинне бути розташоване головне меню у верхній частині сторінки? Або краще розмістити його зліва? У будь-якому випадку, меню має бути завжди на одному і тому ж місці на всьому сайті. Користувачі повинні завжди знати, як повернутися до інформації, яку вони вже бачили. Вони також мають бути впевнені, що зможуть знайти інформацію, яку вони ще не прочитали. Посилання на головну сторінку повинно бути на одному і тому ж місці незалежно від того, на якій сторінці сайту відвідувач знаходиться.
Відомості щодо посилання
Користувачі мають наперед знати, куди приведе їх текстове посилання або кнопка. Якщо посилання приведе до завантаження файлу, їх потрібно проінформувати наперед, наприклад
-
«Назва товару» документ у форматі PDF (16 MB)
-
«Назва товару» інструкція для користувача (16MB – zip файл)
Для користувача зручною буде вказівка фізичного розміру файлу, який завантажуватиметься.
Нестандартні посилання
Посилання — це головний інтерактивний елемент на сторінці. Потрібно дотримувати загальноприйнятих правил про те, як має виглядати посилання: потрібно виділяти посилання кольором і підкреслювати їх (і не підкреслювати інший текст), виділяти переглянуті посилання, уникати використання JavaScript або інших нестандартних технологій, не відкривати посилання в новому вікні (окрім файлів ZIP, DOC, PDF та інших не веб-документів), інформувати користувача про те, що він побачить при переході по посиланню.