Sermar, ну не знаю как насчет простого, самое обычное. html статический документ, чтобы его сделать динамическим надо брать откуда-то значения(из базы данных), у ваших блоков сделать id например 1,2,3 и т.д. И в базе сделать таблицу, например со столбцами id и text, и для каждого блока там будет находится свой текст. Контакт с базой происходит на php, следовательно надо переименовать файл в test.php и написать цикл, что-то вроде "пока есть записи в таблице, выводить html блоки"
например
и на javascript написать по нажатию на серый квадрат вытаскивать id из атрибута data-id , и подставлять текстовое поле вместо блока с этим id, а при нажатии на синий квадрат отправлять ajax-запрос на обработчик, который будет менять в базе
строку с этим id. Как то так)
Т.е. от того какие значения у вас в базе, будет формироваться ваша страничка.
И чтобы её можно было изменять прямо со страницы, надо на странице сделать реализацию контакта с базой.
leni_m,
А вы можете сделать это на коммерческой основе?
Мне главное, чтобы когда я передам .php человеку, он у него открывался без проблем и он мог сам его редактировать, при этом он совершенно не знает что такое html и php.