- •Теоретичні відомості
- •Розробка структури
- •Внутрішня структура сайту
- •Зовнішня структура
- •Оформлення сайту
- •Кодинг і програмування
- •Тестування і доопрацювання
- •Просування, реклама
- •Подальша підтримка і оновлення
- •Програми, що потрібні для web-мастерингу
- •Візуальні редактори
- •Програми обробки растрової графіки
- •Програми обробки векторної графіки
- •Мова розмітки гіпертекстових сторінок html
- •Інструментарій редагування html
- •Теги html
- •Контейнери
- •Автономні теги
- •Атрибути
- •Інформація, що ігнорується браузерами
- •Ефективні теги для оптимізації сайту
- •Оптимізація розділу head
- •Тег заголовку сторінки title
- •Мета теги
- •Опис мета тегов групи name:
- •Опис мета тегів групи http-equiv:
- •Увага! Мета тег Content-Type часто вставляється генераторами html коду.
- •Висновки
- •Засоби css
- •Представлення тексту на web-сторінках
- •Типи шрифтів
- •Текст в зображеннях
- •Переваги використання графіки замість html-тексту:
- •Але у цього методу є ряд недоліків:
- •Розмір шрифту
- •Графіка на web-сторінках
- •Відмінні характеристики
- •Роздільність графічного файлу
- •Об’єм графічного файлу
- •Забезпечення доступності web-сторінки
- •Особливості кольорів дисплея
- •Стандартні розміри і роздільчості дисплеїв
- •Відомості щодо посилання
- •Нестандартні посилання
- •Інтро сторінка
Роздільність графічного файлу
Оскільки зображення Web існують лише на екрані дисплея, буде технічно правильно вимірювати їх роздільчість в пикселах на дюйм (ppi – pixels per inch). Інша одиниця вимірювання роздільчості – кількість точок на дюйм (dpi – dots per inch) відноситься до роздільчості друкарських зображень і залежить від роздільчості друкуючого пристрою.
Але, оскільки реальні розміри графіки залежать від роздільчості дисплею, вимірювання в дюймах стає для Web-застосувань неприйнятним. Єдиною значущою одиницею вимірювання стає піксел.
Практично створювати зображення з роздільчістю 72 ppi (це кращий варіант для представлення на екрані), звертаючи увагу тільки на загальні розміри в пікселах. В процесі створення графіки на Web можна взагалі не використовувати дюйми. Важливим є розмір зображення у порівнянні з іншими зображеннями на сторінці і загальним розміром вікна браузера.
Наприклад, багато користувачів використовують 15-дюймові дисплеї з роздільчістю 800x600 пікселів. Щоб гарантувати заповнення графічною заставкою всього простору екрану, краще зробити його шириною не більше 780 пикселов (враховуючи, що частина пікселів справа і зліва буде використана для вікна і для смуги прокрутки). Розмір решти кнопок і зображень на сторінці слід вимірювати в пікселах відносно ширини 780 пікселів.
Об’єм графічного файлу
Без сумніву, саме графіка зробила Web таким, який він є сьогодні, але потрібно знати, що багато користувачів переживають до графіки в Web почуття на межі любові і ненависті. Не варто забувати, що графіка збільшує час, що необхідний для передачі по мережі Web-сторінки; великий об'єм графіки означає істотний час завантаження, який випробовує терпіння читача, особливо якщо він додзвонюється з використанням стандартного модемного з'єднання.
В цьому відношенні для Web-дизайнера існує єдине найбільш важливе правило: розмір файлу графічного зображення повинен бути мінімально можливим! Створення зображень, призначених для передачі по мережі, покладає відповідальність на розробників серйозно відноситися до проблеми часу завантаження.
Забезпечення доступності web-сторінки
WEB-ДИЗАЙН І БРАУЗЕРИ
Багато Web-дизайнерів сходяться на думці, що одна з головних проблем Web-дизайну – різноманіття браузерів і платформ, кожен з яких по-різному підтримує HTML і сценарії. З випуском кожного нового браузера покращуються їх характеристики і можливості, але це не означає, що ранішні версії при цьому зникають. Значна частка користувачів не схильні гнатися за новітнім і кращим. Одні задовольняються тим, що у них є, а інші, найімовірніше, працюють на комп'ютерах фірм або установ, які вибрали браузери за них. Тому створений сайт має практично однаково відображатися у рідних браузерах, та різних версіях
WEB-ДИЗАЙН І МОНІТОРИ
При розробці Web-сторінки важливо врахувати розмір екрану. Сторінка повинна бути доступною (і правильно відображатися) для максимально можливого числа користувачів. Необхідно відштовхуватися від найменшої роздільності сучасних моніторів і розробляти сторінку так, щоб вона гарантовано цілком відображалася на екрані.
Більшість дизайнерів рекомендують розробляти сторінки у форматі 800x600, щоб при перегляді користувачам не довелося застосовувати горизонтальну прокрутку. Горизонтальна прокрутка завжди ускладнює сприйняття, тому дизайнери традиційно її відкидають.
Все більше число розробників вважає стандартним роздільчість 1024x768. І зовсім одиниці розробляють сторінки для ще вищих роздільчостей. Звичайно, рішення буде, в першу чергу, залежати від аудиторії. Наприклад, якщо сайт призначений для дизайнерів графіки, то вважається, що вони мають дисплеї, принаймні, з дозволом 1024x768 або вище, відповідно до чого і розробляється сторінка. Якщо сайт призначений для ширшого кола користувачів, в них можуть бути монітори дещо гіршими.