Десять порад щодо веб-дизайну Dreamweaver для економії часу

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

1План — це окупається.

Навіть якщо ви відчуваєте тиск, щоб швидко розмістити веб-сайт в Інтернеті, ви заощадите час у довгостроковій перспективі, якщо спочатку витратите трохи часу на розробку плану.

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

2 Визначте цілі, які допоможуть вам зосередитися.

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

3 Встановіть терміни, які допоможуть вам закінчити.

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

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

4Дизайн для вашої аудиторії.

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

5 Створіть послідовний дизайн.

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

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

6 Дотримуйтесь правила трьох кліків.

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

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

Якщо на вашому сайті багато сторінок, упорядкуйте їх у розділи з підрозділами, а потім скористайтеся спадним меню.

7 Подумайте, перш ніж додавати модні шрифти.

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

Наприклад, навіть якщо у вас є права на розміщення шрифту на власному веб-сервері, у вас може не бути всіх варіантів шрифту, необхідних для правильного відображення букв на комп’ютерах Mac і Windows або для роботи в усіх веб-браузерах. Ось чому більшість веб-дизайнерів використовують службу шрифтів:

8 Тримайте часто використовувані речі під рукою.

Ви коли-небудь хотіли зберегти всі свої улюблені функції Dreamweaver в одному зручному місці? Ти можеш! Просто налаштуйте колекцію «Вибране» на панелі «Вставка».

Запустіть Dreamweaver і виберіть «Вікно»→ «Вставити», щоб відкрити панель «Загальна вставка». Панель «Вставка» включає кілька розділів, включаючи «Структура», «Носія», «Форми» та «Вибране».

Клацніть стрілку на панелі «Вставка» та виберіть «Вибране» зі спадного списку. Параметр «Уподобання» знаходиться в самому кінці розкривного списку панелі «Вставити».

Щоб налаштувати панель «Уподобання» з усіма піктограмами улюблених функцій, клацніть правою кнопкою миші (або клацніть Control+на Mac) і виберіть «Налаштувати вибране». Використовуйте панель «Вибране» як зручний спосіб тримати всі свої улюблені функції під рукою. Ви навіть можете змінити його для спеціальних проектів, які потребують набору функцій програми.

9 Розділіть вигляд.

Якщо ви хочете перемикатися між переглядом коду та дизайном у Dreamweaver, ви оціните можливість розділити вікно, щоб ви могли одночасно переглядати вихідний код і дизайн сторінки. Щоб розділити вікно, натисніть кнопку Розділити вигляд у верхньому лівому куті робочої області.

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

10 Створіть резервну копію свого веб-сайту.

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

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