for your first question, in the ID attribut (present in the Master TEMPLATE (the DWT file) enter the following code
id="zone@@(_index)@@"
and if you want to start "zone1" instead of "zone0" enter
id="zone@@(_index + 1)@@"
but either if it works, and to tell you the truth, I don't quite understand why having a conventional ID naming for repeat zone... personnaly I prefer using from far stuff as data-* attribute as
data-keyref="@@(_index)@@"
instead of using ID... so in that case I preserve the ID ref to the parent container of the repeated items, and so get childs by their data-keyref attribute, as... if using jQuery
$("[data-keyref=2]", "#refid").css("color","green")
or in vanilla
document.querySelector('#refid').querySelector('[data-keyref="2"]').style.color = "purple";
any way, you get how it works for incrementing attribute in Repeat Templates
Sorry, I missunderstood the second part of your question ?
Not so id, also anyother value like a color or a name...
By @jotace25