Як адаптувати шаблон

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

Змініть більшу частину зображень в шаблоні. Кожну картинку замініть наступним чином. Запустіть програму Photoshop і відкрийте в ній один з графічних файлів шаблону. Подивіться в меню «Зображення» в графі «Розмір» параметри картинки. Відкрийте новий лист з тими ж розмірами і створіть на ньому потрібне вам зображення. Збережіть результат у папку шаблону під ім`ям якого замінюють графічного файлу. Таким чином необхідно замінити всі значущі зображення.

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

Скачайте і встановіть безкоштовне розширення FireBug для свого браузера. У правому верхньому кутку вікна браузера повинна з`явитися іконка з зображенням жовтого жучка. Клацніть по іконці і натисніть F12. Внизу екрана з`явиться згорнутий код сторінки. Його можна розкрити, якщо навести курсор на плюсики. Натиснувши на рядок елемента, можна побачити, як він виділиться у верхній частині екрану. У правій частині вікна з кодом знаходяться стилі із зазначенням рядків, що відповідають за зовнішній вигляд сторінки.

Відкрийте шаблон в редакторі Notepad ++. Знайдіть за допомогою FireBug параметри, які слід змінити, і внесіть зміни їх в Notepad ++.

Збережіть результат і завантажте створений сайт на сервер.