Для початку виберіть тематику сайту.Складіть список можливих ключових слів або, точніше, фраз (далі — КС).Надалі, його можна буде коригувати.Чому, саме фраз, а не слів?Справа в тому, що, наприклад, пошуковий запит автомобіль — є високочастотним.А молодому, не розкрученому, сайту з низькими індексами, точніше з нульовими, потрапити в топ видачі розвідувачів за такими високочастотним, отже, висококонкурентних запитах, просто не реально, навіть, в першу тисячу.
А ось запит автомобіль Ауді, а ще краще автомобіль Ауді 80 — менш частотний.Молодим же сайтам більше підійде ще більш уточнююче КС — низькочастотний.Наприклад, щось на кшталт зелений автомобіль Ауді 80, з прицілом на майбутнє, поступово вводити КС більш частотні.
Важливо, ще пам’ятати, що кожна окрема веб-сторінка повинна мати унікальні КС, унікальний тег title, і, відповідно, унікальні заголовки в тегах H1, H2 … Це збільшує приплив відвідувачів на Ваш сайт, тому що кожна сторінка буде фігурувати у видачі пошукових систем окремо, отже, кількість відвідувачів, в цілому на сайт, підсумовується.
Потім потрібно продумати структуру сайту.Просто намалювати ескізи на папері.Зрозуміти, який макет Вам більше підійде?Наявність бічних колонок, скільки їх, одна, дві?Яка буде навігація сайту, де розташовуватиметься?Заздалегідь звернути увагу на повторювані блоки і елементи, які будуть міститися на всіх чи багатьох веб-сторінках.Не варто задіяти багато зображень, поки не розберетеся, що до чого, особливо растрових і великих за обсягом (ну, наприклад, не більше ніж 10KB).
Є три варіанти самостійного створення сайту.Перший — вивчити, як мінімум, мова HTML, а краще, ще й мову CSS.Для цього необхідно, щоб не втрачати часу дарма, знайти хороший самовчитель по створенню сайту.Створити одну нескладну сторінку — експериментальну, можливо за тиждень, навіть ще швидше.Причому базові теги HTML і структуру веб-сторінок Ви вже освоїте.
Другий варіант — створювати сайт, використовуючи готовий шаблон сайту, яких знайти в Інтернеті, не займе багато часу.Головне, підібрати відповідний шаблон, під себе.Однак де-не-яке, хоча б поверхневе знання HTML і CSS-таки необхідно.Погодьтеся, заєць, який грає на піаніно — це нонсенс.
Третій — це використовувати, так звані CMS — системи управління вмістом сайту.Вони не зажадають від Вас знання мов веб-програмування, наприклад: Joomla, Drupal, Ucoz, а для створення та адміністрування блогу лідером, звичайно ж, є WordPress.Якщо впертися, то на створення перших простеньких сторінок піде всього 2-3 дня.
До речі, є ще один варіант, який передбачає використання, як першого, так і другого варіанту.Це освоєння одного з WYSIWYG-редакторів (What you see is what you get, що означає: Що Ви бачите, те й отримуєте).Тобто, достатньо вставляти в сторінку готові елементи, а програма сама пише код.Найефективніша програма для цього — Dreamweaver.Причому, її можна використовувати і в режимі звичайного веб-редактора.На її неглибоке освоєння йде кілька днів, ну а повністю вивчити програму буде потрібно набагато більше часу, та й знання мов необхідно.До речі, в програмі є первинні макети сторінок з різною версткою, наприклад, блокової.Dreamweaver дозволяє створювати і надалі використовувати шаблони, а також елементи бібліотеки, тобто вставляти однаковий елемент відразу в кілька сторінок.А за допомогою створених шаблонів не доведеться багато разів створювати однакові бічні колонки, футер, «шапку» та інші частини сторінок.Змінювати сторонні готові шаблони сайтів в цій програмі теж дуже ефективно і зручно.
Що ще?Необхідний, хоча б базовий рівень знань про комп’ютерну графіку, так як веб-дизайн займає не останнє місце в веб-розробці.Як правило, будь-який тлумачний самовчитель по Photoshop або одному з графічних редакторів містить базові знання про комп’ютерну графіку, яких буде цілком достатньо для успішної роботи.А найкращі графічні редактори — це, звичайно ж, Photoshop і редактор векторної графіки Coreldraw.Освоєння, хоча б одного з них, нехай не глибоке, на перших порах, буде не зайвим.Досить буде розбиратися в графічних форматах сайту, і навчитися редагувати зображення, виготовляти кнопки, банери, іконки, хоча останні можна скачати готові.