Настройка «сетки» - это не что иное, как плавающие элементы с помощью CSS.Есть 1001 учебник о том, как сделать это онлайн, который можно легко найти с вашим верным другом, Google.
"Клик и всплывающее окно с дополнительной информацией" - это JavaScript, и, в частности, выборка "без обновления"такое AJAX (асинхронный JavaScript и XML).Опять же, в интернете также есть тонна информации об этом предмете.
Если это для вас все по-гречески, я бы посоветовал узнать обо всех упомянутых мной темах очень подробно.Вы можете начать в каком-то месте, например, в Википедии, чтобы получить обзор, но затем найдите незнакомые концепции, с которыми вы сталкиваетесь в Google, или проведите некоторое время в Amazon или в местном книжном магазине и найдите несколько книг по темам.
Если вы немного знакомы со всем этим, вы почти наверняка не будете делать это с нуля.Существует масса кросс-браузерных проблем и шаблонного кода, который служит просто местом для введения ошибок.Вы захотите выбрать JavaScript-фреймворк, чтобы справиться со всеми проблемами, и jQuery был бы отличным выбором.Он чрезвычайно прост в использовании и в значительной степени является самой популярной средой JS, поэтому у вас не будет недостатка в обучающих материалах или помощи, когда вам это нужно.
Если вы столкнетесь с конкретными проблемами, вы можете вернуться сюдазадавать конкретные вопросы, но по большей части вам решать, что вы можете найти на обширном ресурсе, таком как Интернет и / или книги, и просто играть.Попробуйте вещи и учитесь на своих ошибках.Это лучший способ учиться.