Движок DLE або DataLife Engine - це повноцінний продукт з виробництва сучасних швидких сайтів. Крім можливості по розсилці повідомлень та іншого адміністрування, DLE пропонує створити свою власну базу для зберігання даних сайту, різні фільтри повідомлень і широкий вибір управлінських налаштувань. За допомогою цього движка можна створити власний сайт буквально за 5 хвилин, використовуючи шаблони DLE.
Вам знадобиться
- комп`ютер;
- інтернет;
- браузер;
- програма Adobe Dreamweaver.
Інструкція
1
Можна також редагувати вже наявні шаблони, щоб створити щось унікальне, красиве. Як правило, в кожному розробленому проекті є свої недоліки. Зайдіть в папку CMS DLE під назвою Upload, потім в папку Templates. У ній якраз і розташовуються основні шаблони движка - Default і Simple. Зайдіть в папку першого шаблону Default.
2
Знайдіть основний файл шаблону main.tpl і відкрийте його в візуальному редакторі, наприклад, Adobe Dreamweaver. Можна завантажити з офіційного сайту компанії adobe.com. Змініть навігацію шаблону, видаливши зайві елементи, виділяючи мишею і натискаючи кнопку Del на клавіатурі. Створіть нові навігаційні елементи на сторінці через адміністративну панель DLE, вибравши пункт "категорії".
3
Видаліть зайві блоки на сторінці, які не збираєтеся використовувати. Внесіть свій власний контент, використовуючи інструменти редактора. Змініть інформацію в поле копірайт, розташованого в нижній частині сторінки. Для цього виділіть символи мишею і введіть необхідну інформацію. Всі зміни вносяться на ваш розсуд. Також не варто забувати про те, що неправильні коди на сторінці можуть некоректно відображати весь сайт.
4
Відео: Структура шаблону і його редагування сайту DLE
Збережіть зміни і поверніться в браузер. Натисніть кнопку F5 на клавіатурі і перевірте, що сторінка відображає всі внесені елементи. Редагуючи шаблон, можна створити повністю новий і оригінальний сайт, використовуючи можливості шаблону і програм для нового сайту. Таке програмне забезпечення містить у собі всі елементи, які можуть вам знадобитися. В цілому можна сказати, що редагувати шаблон не важко, проте потрібно знати деякі основи веб-програмування.
Рада 2: Як редагувати шаблони сайтів
Зробити свій сайт в наш час нескладно, навіть якщо ви не маєте ніяких специфічних знань в області веб-дизайну та програмування. У будь-який момент ви можете скористатися масою різних шаблонів, розміщених в інтернеті, і на основі готових шаблонів виготовити і опублікувати в мережі свій сайт. Однак далеко не всіх влаштовує в повній мірі той варіант сайту, який пропонує шаблон. Про те, як змінити шаблон сайту і надати йому унікальності ми розповімо в цій статті.
Інструкція
1
Скачайте шаблон і знайдіть в ньому файл style.css. Зазвичай цей файл розташовується в папці public_html.
2
Відкрийте файл style.css в блокноті і знайдіть фрагмент коду, який відповідає за зовнішній вигляд верхній частині сайту. Цей фрагмент виглядає наступним чином: #logotype {
background: url (images / logotype.jpg) no-repeat left center #fff;
width: 230px;
height: 60px;
margin: 10px 25px;
position: relative-
3
В даному коді в рядку background: url вам потрібно вказати шлях до фонового зображення майбутнього сайту. Наступні рядки позначають довжину і висоту зображення, а пункт margin визначає відступ зображення по вертикалі і горизонталі.
4
Знайдіть в папках шаблону файл logotype.jpg, який використовується в коді в якості логотипу, і замініть його в тій же папці на власний логотип з такою ж назвою в форматі png.
5
Фонове зображення завантажте в папку public_html / tmpl / імя_шаблона / Images /, після чого, як уже говорилося вище, пропишіть в рядку background: url шлях до зображення.
6
При необхідності перепишіть параметри висоти, довжини і відступу зображення. Рядок position: relative можна не чіпати. Збережіть зміни у файлі і завантажте його на сервер замість колишнього файлу шаблону.
7
Якщо ви хочете змінити нижній логотип сайту, знайдіть в style.css фрагмент коду, який починається зі слів logotype-footer. Збережіть малюнок з новим логотипом і завантажте його в папку шаблону Images.
8
Змініть параметри довжини і висоти. Знову збережіть файл style.css і завантажте оновлений сайт на сервер.