» » Подключение верстки к вашему сайту на NetCat

Подключение верстки к вашему сайту на NetCat

Подключение верстки к вашему сайту на NetCat

Вы установили дистрибутив NetCat, сделали простейшую верстку, произвели первоначальную настройку системы. Пора приступать к созданию вашего первого макета дизайна на CMS NetCat. Эта статья предназначена для новичков. Мы приводим пошаговую подробную инструкцию, прочитав которую вы узнаете, как прикрутить вертску к сайту на NetCat.

Шаг 1. Добавляем в систему новый сайт
Заходим в меню Сайт -> добавить новый сайт

Шаг 2. Заполняем поля по сайту
Вводим заголовок сайта, домен, жмем добавить сайт

Шаг 3. Ваш первый сайт создан
По умолчанию NetCat создает две страницы в структуре: Титульная страница и Страница не найдена (404). Они нам обязательно пригодятся

 

Шаг 4. Добавляем новую страницу
Нам понадобится еще несколько технических страниц (разделов) в корне сайта. Жмем добавить подраздел

Шаг 5. Создаем карту сайта
Заводим раздел для карты сайта. Называем его "Карта сайта", название раздела "map". Этот раздел лучше держать в корне сайта.

Шаг 6. Создаем пустую структуру сайта
У нас получается в корне три раздела: Главная, О проекте, Контакты. И два технических (выключенных) раздела - они нам пригодятся

 

Шаг 7. Находим макет, который будем прикручивать к неткату

 

Шаг 8. Создаем первый макет дизайна
Чтобы прикрутить верстку нам нужен будет "макет дизайна". Его нужно будет создать ручками. Заходим в Разработку -> макеты дизайна -> Добавить макет

Шаг 9. Называем и добавляем макет
Назовите макет чтобы вам было понятно. Когда на одной админке будет много сайтов и макетов дизайна, будет проще ориентироваться по макетам -)

 

Шаг 10. Макет дизайна создан
На сервере создалась файловая структура макета. Номер папки соответвует номеру макета в системе

 

Шаг 11. Нам понадобится в макете два раздела
Создаем два раздела. Отдельный макет для главной страницы сайта. Потому что главная страница будет состоять из различных информационных блоков, которые мы подключим. И отдельный макет для внутренней страницы, который будет нужен для вывода информации из разделов сайта

Шаг 12. Определяемся со статичной и динамичной частью верстки (макета)
Шапка сайта (Header) и Подвал (Footer) - это статическая часть сайта. Мы ее вынесем в корень макета дизайна. Это нужно ждля удобства. Все настройки для всех страниц сайта будут в одном месте. Так же читайте полезные советы на сайте: http://www.master-live.ru/by-wordpress.html

Шаг 13. Заполняем Header

<!DOCTYPE html>
<head>
<meta charset='utf-8'>
<title>Макет дизайна</title>
<meta name='description' content='' />
<meta name='keywords' content=''/>
<meta name='author' content=''/>
<!-- Подключаем иконку сайта и css -->
<link rel='shortcut icon' type='image/png' href='favicon.png'/>
<link rel='stylesheet' href='style.css' type='text/css' media='screen' />
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div class='column-line'>Шапка</div>
<div class='column-line'>Навигация</div>
Шаг 14. Заполняем Footer
<div class='column-line'>Подвал</div>
</div>
</div>
</body>
</html>

 

Шаг 15. Оформляем макет главной страницы
Хлебные крошки пропускаем - на главной они не нужны

 

Шаг 16. Оформляем макет внутренней страницы
Оформляем макет внутренней страницы

Шаг 17. Подключаем макет дизайна к сайту
Если в корне сайта проставить макет дизайна внутренняя, то для всех свновь создаваемых страниц будет подставляться макет автоматически

 

Шаг 18. Подключаем css к макету
Не забываем залит файл style.css в корень раздела макета на FTP: /netcat_template/template/111/
Подставяем в макете правильный путь к css <?= $nc_parent_template_folder_path; ?>

Шаг 19. Верстка прикручена!
Поздравляем -) вы научились прикручивать верстку к NetCat и создавать макеты дизайна с нуля!

Опубликовано: MusTanG (11-08-2016, 00:06)
0 (голосов: 0)
Комментариев пока еще нет. Вы можете стать первым!

Добавить комментарий!


vote-iconОПРОС
Отмечаете ли вы 8 марта?

КТО НА САЙТЕ?
( 12) ( 0) ( 11) ( 1)
Юзеры:
- отсутствуют
Роботы:
Последние 20 посетителей... - отсутствуют