1001001 111

Ну сделайте проверку на пустое значение

if(document.getElementsByName('email')[0].value === ""
    && document.getElementsByName('tel1')[0].value === ""
) {
    alert("Пожалуйста заполните, 'email' или 'telephone'");
}

пример famo.us periodic table

habrahabr.ru/post/185064

Это называется учебный курс в университете =)

Неужели, вы хотите реализовать это при помощи css? =)
Лично я придерживаюсь обычного JS для добавления/удаления DOM элементов
document.body.innerHTML+='<div>Контент</div>'; - Добавляет DIV элементы в самый конец

www.intuit.ru

Хм, перехожу по ссылке все норм работает

вот почитай Как победить ошибку JS «Uncaught SyntaxError: Unexpected token»?

Пототип и наследование

www.codecademy.com - играй и обучайся одновременно =)

habrahabr.ru/post/76730

Легко и креативненько =)
используй ya.maps или google.maps api, у них вроде описанов в доках как создавать свои маршруты

<a href='#' id='qwe' class=1 onclick="test($(this).attr('class'))"><li>Some text1</li></a>

<script>
function test(classs)
{
    alert(classs)
}
</script>

както так

html/css - htmlbook.ru
js - javascript.ru
php - www.php.net

также советую почитать по js "JavaScript. Подробное руководство. David Flanagan".
по php getjump.github.io/ru-php-the-right-way

ну так и напиши в page1.php
<?php
---Операции на php---
echo "<[div]>контент<[/][div]>";

?>

Используйте шаблоны проектирования и следуйте одному стилю написания кода

Используй куки или сессии

Вам лучше почитать, что-то вроде этого habrahabr.ru/post/31408