archelon

Советую также обратить внимание на moodle - cms для обучающих сайтов. Наверняка, все нужные вам функции там уже присутствуют "из коробки".
Если очень нужно, есть интеграция drupal и moodle: https://www.drupal.org/project/moodle_connector

1. права на редактирование определенной ноды можно организовать несколькими путями.
решение зависит от ряда сопутствующих условий:
- как много пользователей и нод,
- права на редактирование должны быть для отдельных пользователей или ролей, и т.д.
1.1 самое простое (если таких пользователей и нод всего несколько) - сделать ноды разного типа, создать под каждого пользователя роль и прописать разрешения для редактирования (роль » тип ноды).
1.2. или есть ряд модулей по гибкой настройке доступа, можете выбрать, какой лучше подойдет под ваши задачи:
https://www.drupal.org/project/acl
https://www.drupal.org/project/content_access
https://www.drupal.org/project/nodeaccess
https://www.drupal.org/project/flexiaccess
1.3. https://www.drupal.org/project/field_permissions - модуль позволяет давать права на редактирование определенных полей.

2. со второй частью вопроса проще:
2.1. в настройках внешнего оформления (mysite.com/admin/appearance) запретите использоваание админтемы для редактирования контента (уберите галочку - Use the administration theme when editing or creating content)
2.2. темизируйте форму

hosting101.ru/catalog/php-mysql-free

Так, чтобы вставить код и заработает - такого нет. Но на базовом и даже среднем уровне разработка сайтов на CMS не требует навыков программирования. Для популярных CMS существуют десятки тысяч готовых расширений, которые позволяют делать достаточно сложные проекты, а создание шаблона для мало-мальски опытного верстальщика - дело простое.
1. Читаете десяток обзоров и обсуждений, выбираете систему себе по душе.
например:
- Wordpress - больше всего документации, плагинов, шаблонов и т.д.;
- MODx - легче всего для верстальщика (проще всего интегрировать готовый html-макет);
- Drupal - чрезвычайно гибкая система, "программирование мышкой", - мой выбор:))
2. Знакомитесь (на практике) с пошаговым руководством по установке и базовой настройке.
3. Изучаете руководство по работе с шаблонами/темами данной CMS. Внимательно смотрите на код шаблона. Для начала меняете готовую тему под себя, чтобы понять, как все работает.
4. Ну а дальше как получится:)) Там можно и программированием заняться.

наверное, только так

<div class="background_image">
  <div class="background_color">
    ... 
 </div>
</div>

делайте 301 редирект для всех адресов.

Если я правильно понял вопрос, вам нужно в настройках типа публикации указать, какие поля синхронизируются.
Должен быть включен соответствующий подмодуль - Synchronize translations (i18n_sync)

при вызове .hide, к выбранному элементу применяется стиль display:none.
понятно?
api.jquery.com/hide - внимательно изучите

Если вы планируете использовать какую-то систему управления (Ispmanager, Vesta, ...) , то обратите внимание на поддерживаемые ОС.

Если работа разовая, можно использовать пробную версию любой платной программы.
Но если нет опыта работы с графическими редакторами, то я затрудняюсь сказать, что может вам подойти.

Мне нравится векторный редактор xara, где результат работы можно сохранять в виде веб-страниц, что подойдет для быстрого создания прототипов.
А возможно лучше взять специализированный софт для прототипирования, например axure.
Бесплатный софт: векторный редактор inkscape, растровый редактор paint.net.

самое простое - абсолютно спозиционировать серый блок относительно белого и z-index указать соответствующий.