Все новое - это хорошо забытое старое. В некоторых случаях, основательно забытое.
В последнее время при разработке сайтов я использовал различные варианты Систем Администрирования Сайтов, написанных на PHP коде, используюших в виде базы данных XML файлы.
Эти системы относятся к системам управления динамическим сайтом (сайтом где страницы создаются с помощью системы). Подробное описание можно посмотреть ЗДЕСЬ и ЗДЕСЬ!
Недавно вылалось свободное время в череде заказов на разработку сайтов и я, роясь среди незавершенных проектов нашел проект АдминПанели Управления Статическими Сайтами и решил ее довести до финальной точки.
Зачем?
Существует ошибочное мнение, что сайты на чистом HTML коде остались давно в прошлом, так как редактирование информации, которая на них размещена дело муторное и неинтересное.
Да это неудобно! Именно поэтому в свое время я долго искал инструменты, которые помогали бы редактировать HTML сайты без утомительного копания в коде. И такой инструмент есть - редактор текстов HTML сайтов Textolit. Для удобства пользования этим редактором и начала создаваться эта панель 6 лет назад, но потом была заброшена в угоду создания динамической системы управления, о которой говорилось выше.
Но...
У Статических Сайтов на HTML есть ряд преимуществ, особенно, если это небольшой проект типа сайта визитки, портфолио, компании оказывающей услуги, гостевого дома, туристической базы, сайта компании производителя с небольшим ассортиментом товаров и так далее.
В чем заключаются эти преимущества?
Статические сайты:
- Занимают меньше места на диске
- Им подойдет любой недорогой или даже бесплатный хостинг, что хорошо для временных проектов
- Они практически неуязвимы для вредноносных атак
- Данные на них не могут потеряться из-за повреждения базы данных
- Такой сайт может быть разработан в предельно сжатые сроки. (от 1 до 4 дней)
К тому же еще сохранилось достаточно много старых сайтов, созданых на HTML, владельцы которых хотели бы периодически менять имеющуюся на этих сайтах информацию.
Именно для таких случаев я взялся за доработку АдминПанели для Статических Сайтов
Описание АдминПанель MZNet Admin System
Вход в АдминПанель происходит через страницу авторизации с помощью логина и пароля, которые выдаются разработчиком сайта.
Главная страница АдминПанели выглядит так:
Верхнее и Нижнее меню:
Главная панель: ссылка для перехода на главную страницу АдминПанели;
Открыть сайт:: ссылка для перехода на сам сайт;
Работа с редактором:: Эта инструкция, которую вы читаете;
Контакты:: Контакты разработчика - как с нами связаться;
Выход:: Кнопка выхода из АдминПанели.
Далее рассмотрим описание назначения всех блоков АдминПанели.
Блок Редактирование Статических Страниц
Это самый главный блок. По ссылке с него вы попадаете на страницу со списком страниц сайта, откуда можно перейти к редактированию каждой отдельной страницы с помощью редактора статических страниц Textolite. Подробнее о работе с этим редактором ниже.
Нажмите кнопку РЕДАКТИРОВАТЬ. Редактор Textolite откроет редактируемую страницу в новом окне. Пароль для входа для редактирования предоставляется разработчиком сайтов. По окончании редактирования текста сохраните результат и выйдите из режима редактирования.
Там же есть ссылка на страницу сайта, на которой вносились изменения. Вы можете проверить получившийся результат.
Блок Редактирование файла списка статических страниц админки.
Если вы добавли новую страницу на сайт можно подключить ее к общему списку в админке для редактирования. Для этого в HTML код Страницы списка страниц нужно добавить определенную конструкцию кода, она поставляется вместе с инструкцией к АдминПанели:
КАРТИНКА ДЛЯ НОВОЙ СТРАНИЦЫ.jpg должна быть предварительно загружена в папку design, а сама НОВАЯ СТРАНИЦА.html в корневую папку сайта или ту папку, где находятся остальные HTML страницы.
Блок Элементы дизайна сайта.
Каждый шаблон HTML сайта имеет ряд определенных блоков. Стили этих блоков прописаны в CSS файлах. При разработке сайта на странице Элементы дизайна сайта будут размещены коды таких блоков. Впоследствии вы сможете вставлять эти коды на страницы вашего сайта. Коды имеют разметку открывающий и закрывающий теги SECTION.
Вставлять коды можно ТОЛЬКО между ЗАКРЫВАЮЩИМ И ОТКРЫВАЮЩИМ ТЕГОМ SECTION.
Также вы можете взять существующие блоки из кода уже готовых страниц. Для этого вам нужно открыть в браузере просмотр кода страницы и найдя нужный блок скопировать его на ту страницу, где хотите его видеть.
Вставку блока нужно делать с помощью редактора Textolite, переключив его из режима визуального редактора в режим HTML кода.
Блок Список инструментов Яндекс
В комплекс разработки сайта входит регистрация вашего сайта в различных сервисах Яндекс и первоначальная работа с ними.
В стоимость разработки сайта включена регистрация:
1. Регистрация в почте Яндекс. Это служебная почта, которая необходима для работы с инструментами ЯНДЕКС.
2. Яндекс Метрика для оценки посещаемости веб-сайта и анализа поведения пользователей.
3. Яндекс Вебмастер -панель инструментов для оценки индексации сайта и настройки описания сайта в результатах поиска Яндекса.
4. Яндекс БИЗНЕС Сервис для автоматического запуска интернет-рекламы на площадках Яндекса и регистрации в Яндекс Картах. 5.Регистрация в Яндекс Картах позволяет встраивать Яндекс Карты на сайт и может использоваться для размещения информации о Вашей организации на картах, если Яндекс Бизнес истерит и предъявляет требования, которые вы не можете выполнить.
Блок Список инструментов SEO.
В комплекс разработки сайта входит SEO подготовка. Что это значит? Это значит что на всех страницах сайта, который вы заказали уже будут прописаны все SEO и Open Open Graph метатеги.
Если вы самостоятелдьно добавляете новые страницы вам надо будет самим прописывать эти метатеги.
В этом вам помогут инструменты, находящиеся в этом блоке.
Также при добавлении новых страниц вам необходимо будет сгенерировать новый файл SITEMAP.XML. Этот файл необходим для успешной индексации страниц вашего сайта поисковыми роботами.
При формирования названий новых страниц вам потребуется создание ЧеловекоПонятных URL. Для этого используйте сервис транслитерации по правилам Яндекс и Google. Например, для страницы Путешествие в Мексику транслит будет выглядеть так: puteshestvie-v-meksiku, а название страницы puteshestvie-v-meksiku.html
Остальные блоки Главной Страницы АдминПанели.
Все остальные Блоки включают ссылки на полезные ресурсы для дизайна, написания текстов и прочие инструменты, которые могут быть полезные для созданиия новых и работе с существующими страницами сайта.
Работа с редактором текстов сайта Textolite
ЧТО МОЖЕТ:
1. Редактировать любой файл (html, php, css,js) в режиме редактора кода.
2. Редактировать файлы html в режиме визуального редактора.
3. Редактировать в режиме визуального редактора php файлы, содержащие вставки html кода, в части содержимого этого кода.
4. Загружать через файловый менеджер любые файлы в папки сайта, в том числе и несколько файлов сразу.
ЧТО НЕ МОЖЕТ:
1. Создавать новые файлы.
2. Редактировать текстовое содержимое скриптов (например каруселей), находящихся в html файлах в режиме визуального редактора. Однако, содержимое скриптов можно редактировать в режиме HTML. Если тексты являются частью скриптов при попытке редактирования они будут выделены красной рамкой, в отличие от обычного текстового контента, выделяемого рамкой зеленого цвета.
3. Редактировать в режиме визуального редактора изображения, меняя их на новые. Для замены изображения необходимо загрузить через файловый менеджер новое изображение в нужную папку, а затем в режиме html редактора прописать новый файл с указанием пути к нему в нужную строку кода.
Работа в режиме Визуального Редактора
Визуальный редактор позволяет менять любые тексты на страницах сайта. Для того чтобы отредактировать нужный текст на нужной странице перейдите по ссылке блока Редактирование Статических Страниц и на открывшейся странице найдите нужную для редактирования страницу, перейдите по кнопке РЕДАКТИРОВАТЬ. В новом окне откроется страница авторизации Textolite, введите код и окажетесь в режиме визуального редактора нужной страницы. После внесения изменений сохраните результат и выйдите из редактора Textolite.
Если вам нужно отредактировать несколько страниц сразу, вы можете не выходить из редактора Textolite, а с помощью Файлового Менеджера сразу перейти к редактированию другой страницы. Для этого в Файловом Менеджере найдите нужную страницу и перейдите на нее, нажав на нзвание. По завершению редактирования всех нужных страниц выйдите из редактора Textolite.
Работа с Файловым Менеджером
Файловый Менеджер позволяет загружать на сайт различные файлы: картинки, файлы php, html, css, js, а также служит для переключения между редактируемыми страницами сайта.
ЗАГРУЗКА ФАЙЛОВ:
1. Перейдите в Файловый Менеджер.
2. Найдите нужную для загрузки папку.
3. Нажмите на название папки. Откроется список содержащихся в ней файлов.
4. Справа от названия папки находится значок ➕ При нажатии на него откроется окно загрузки файлов с компьютера. Найдите нужный файл на компьютере. Загрузчик позволяет загрузить сразу несколько файлов.
УДАЛЕНИЕ ФАЙЛОВ:
1. Перейдите в Файловый Менеджер.
2. Найдите нужную папку с файлом.
3. Нажмите на название папки. Откроется список содержащихся в ней файлов.
4. Найдите нужный файл и нажмите на значок ✖ находяийся справа. Строка файла изменит цвет и появится значок ✓ нажатие на который подтвержждает удаление.
ПЕРЕКЛЮЧЕНИЕ МЕЖДУ ФАЙЛАМИ ДЛЯ ИХ РЕДАКТИОВАНИЯ:
1. Перейдите в Файловый Менеджер.
2. Найдите нужную папку с файлом.
3. Нажмите на название файла.
4. Найдите нужный файл и нажмите на него. Выберите режим редактирования - Визуальный(где это возможно) или Код. По окончании редактирования сохраните изменения!
Работа в режиме редактора кода
Этот режим испольуйте для редактирования:
1. Содержимого скриптов html файлов (карусели, меню, и т.д.).
2. Замены картинок (предварительно загрузив их в нужную вам папку).
3. Вставки html кодов новых блоков.
4. Редактирования php кода и файлов php.
5. Редактирования файлов стилей css и файлов js (если вы конечно знаете как это делать).
Настройки редактора Textolite
Изначально все настройки редактора Textolite установлены оптимально при разработке вашего сайта. Менять ничего не надо. Пункты настройки вполне понятны и без дополнительных разъяснений. Единственное, если вы хотите в дальнейшем привлекать разработчика сайта к внесению изменений, не стиоит менять пароль, иначе разработчик не сможет воспользоваться редактором.
Пожалуй, это все что нужно знать для работы с АдминПанелью для Статического Сайта.
Не правда ли, ничего сложного?
Если нужны подробности или современный сайт с удобной системой управления, пишите или звоните!
WhatsApp +7 (905) 706 68 38
Telegram https://t.me/KonstFree
#разработкасайтов #созданиесайтов #админкаhtmlсайта #редакторhtmltextolite #textolite #заказатьсайт #сайтнедорого