ЯК відредагувати шаблон сайту

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

Вам знадобиться

- шаблон сайту;
- програма Dreamweaver.

Інструкція

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

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

Найзручніше розглядати процес редагування на конкретному прикладі. Скачайте будь-який з html-шаблонів - наприклад, цей: https://web-silver.ru/templates/sites/086/086.zip. Розпакуйте його, потім відкрийте html-файл у програмі Dreamweaver. Зверніть увагу на перемикач режимів у лівому верхньому куті - «Код», «Окремо», «Дизайн». Перемикаючись між режимами, ви зможете редагувати шаблон найбільш зручним для вас чином.

Перейдіть на вигляд «Дизайн», потім клікніть мишкою будь-який з елементів - наприклад, шапку сторінки, у наведеному прикладі шаблону на ній представлений текст The river. Зверніть увагу на те, що в нижній частині вікна програми з'явилися властивості цього елемента сторінки. Зокрема, вказана ширина, висота, використовувана картинка. Ви можете поміняти розміри шапки, вказавши їх у відповідних полях або просто перетягнувши мишкою на самій шапці маркери кордонів. Поміняйте зображення, для цього підберіть потрібну вам картинку такого ж розміру і вставте замість вихідної.

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