Максим

Изложено все равно чуть сумбруно.

1. Зачем обрамлять a в button?
Оставьте что-то одно.

2. По передаче ID

Но самый очевидный вариант переместить ID в data-id

<div class="btn change">
                    <a href="#modal1" data-id="?=$contact['id']?>" class="open_moda btn btn-default btn-mdl">
                    <span class="glyphicon glyphicon-pencil">
                                              
                    </span>
                    </a>

чуть поменять action в форме

<form action="/contact/change/{ID}" method="post">
            <input type="text" name="name">
           <input type="text" name="phone-number">
           <input type="submint" name="submit">
          </form>

а потом в JS подставить этот ID

open_modal.click( function(event){ // лoвим клик пo ссылке с клaссoм open_modal
         event.preventDefault(); // вырубaем стaндaртнoе пoведение
         var div = $(this).attr('href'); // вoзьмем стрoку с селектoрoм у кликнутoй ссылки
         var $form = open_modal.find("form");
         $form.attr("action",  $form.attr("action").replace("{ID}", jQuery(this).data("id")) );
         overlay.fadeIn(400, //пoкaзывaем oверлэй
         ********
     });

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

А так даже трудно сказать, в идеале это делать на фреймфорке типа YII (или что-то типа), но без знания ООП как минимум трогать его бессмысленно, просто заглохнете.
По этому больше практики.

А насчет масштабирования - можно читать умные книги, по пока у Вас не будет понимания о чем речь, это не имеет смысла.
По этому начинайте с азов, просто возьмите за основу что-то простое, может что-то типа - www.slimframework.com, хотя все равно будет не все понятно сначала.

Немного сумбурно получилось.

Все что выше более-менее по делу, а если по сути, найди дизайнера, и перекладывай на его часть работы.
Я лично так и делаю, потому что все знать и уметь очень трудно, мне хватает верстки и программирования.

Ну а c php и CMS - уроков и информации полно, читай, внедряй, больше практики.

Мне кажется, Вы не совсем верно поняли.
[H1] должен идти в начале контента, а не кода, как мне кажется.
То есть перед основным текстом. И по идее перед ним не должно быть других тегов, то есть четкая последовательность:
[H1]
[H2]
[H2]
[H3]

Конечно можно, как и написали в первом ответе.
На самом деле такие случаи часто случаются, но не именно с HTML, а например с интернет магазинами или сервисами, к ним в подпапку устанавливают WP, делают статическую шапку и все работает гладко.