Иван

Банальный AJAX или WebSockets. Но если только нотификации, то 1.

Это вопрос вёрстки, а не CMS.

Просто попробуйте другие шрифты. Для начала стандартные.

1) Ставишь блок прелоадера первым в body.
1*) Помещаешь на блок нужный треш (заставку итп).
2) Пишешь ему стиль 100% ширина и высота, position: fixed, z-index: овердофига.
3) Вставляешь в самом конце перед закрытием body скрипт window.onload, в котором выставляешь прелоадеру display: none.
4) Profit.

Правая клавиша мыши -> Просмотр кода элемента

Ну это как верстать в ворде - в принципе возможно, но не эффективно.
Я конечно не знаю как сейчас, но раньше wysiwyg-редакторы плодили кучу лишнего говнокода.

Super User:

Все считают, что Dreamweaver это wysiwyg-редактор и не подозревают о том, что на нем можно еще писать код.

Всем это отлично известно, но тогда зачем "плодить костыли", когда ты можешь открыть тот же Brackets и смотреть результат в том же хроме (под который ты и верстаешь)?

media queries ?

Резиновый трёхколоночный макет

box-sizing: content-box;

Ну так засунь его в основной div и дай position: absulute;
Потом центрируй как надо.

ИМХО плохая традиция пользоваться спецсимволами. Пользуйте растр.

Интерактивный подразумевает JS, JS подразумевает интерактивный.

И спереть работу у прогеров госзаказа? А как же дележ бюджета?
А если серьезно - нафиг детскому дому или саду сайт нужен. Их и то обязывают этим заниматься из под палки. Это я вам как краевед краеведу ...
Хотите помочь - езжайте волонтером.

Я бы modx взял, но тут дело вкуса.

goo.gl/rUJUiP

<div id="button">Какая-то ахренительная кнопка</div>

<script>
$('#button').click(function(){
// Сделать магию!
});
</script>

<style>
#button{
// Сделать красиво
}
</style>

CSS:
.red{background: src();}
либо

input img{display: none;}
input.red img{display: block;}

А положение регулируется свойством position.