Александр

1) Верстка по макетам даст тебе, собственно, опыт в верстке. На одном знании CSS и HTML далеко не уедешь. Нужно еще и понимать, как применяются эти знания. Макеты советую брать тут www.freepik.com/free-psd/web-templates . Для удобства, можешь создать аккаунт Adobe и использовать Adobe Extract. Очень полезная вещь для верстальщика.

2) https://learn.javascript.ru/ - действительно хороший и понятный учебник по JavaScript. С примерами и задачками. Советую начать с него.

Сделать такой сервис, не ограниченный заранее забитыми алгоритмами для конечного числа сайтов, и при этом не сильно нагружать сервер? Вряд ли. Задай для начала десяток самых популярных сайтов, а потом смотри статистику - кто откуда хотел скачать, но не мог. И потихоньку добавляй еще и еще. Либо пили не сервис, а плагин к браузерам, коих уже и так наплодили)

Если изображений ограниченное количество, и им есть смысл задать ID. И итерировать соответствующее поле в объекте в js каждый раз.
Если дофига и больше - ровно так же, создаем объект в JS. При клике на любое из изображений берем его src и пихаем в этот объект с ключем = src. Ну и, если этот ключ уже существует - итерируем