WhiteSama

не работает этот css

#btn-1:checked ~ .slider-1 .slider {
transform: translate(0);
}

#btn-2:checked ~ .slider-1 .slider {
transform: translate(-970px);
}

Распарсить таблицу, и собрать из данных таблицу на дивах или что душу угодно

Я считаю делать так, как будет удобнее самому. В идеале конечно разбивать верстку на блоки, и создавать отдельный лэйаут. В base поидее можно прописать сразу и кнопки и иконки и т.д.
Сетка это сетка. Посмотри бутстрап или грид980, станет понятно

Ну в первую очередь решить, какую цмс использовать. Дальше берешь верстку, и думаешь, как её натянуть на цмс. Гугл в помощь

Переносите не текст, а html. Либо вставляйте этот текст в с правильным html.

Оутсорс :)
А по теме, берете какую-нибудь бесплатную ЦМС и прикручиваете. Уроков в инете полно. Конечно проще в статике тупо создать эти 3-4 страницы, разместить их на хостинге, и прокинуть тупо ссылки между ними. И это решение самое простое про факту. Верстать все ранво придется этот контент. А шапку и подвал можно тупо копировать.

Поверх png сделать прозрачные области из svg?

Если второй блок имеет фиксированную ширину.

.div_1 {
  display: inline-block;
  vertical- align: middle;
  width: calc(100% - 40px);
 margin-right: 5px;
}
.div_2 {
  display: inline-block;
  vertical- align: middle;
  width: 35px;
}

Не забыть про фантомные отступы inline-block

честно говоря кнопка сверстана не очень. Зачем бэкграунд? можжно ж все на css сделать. Отступы не понятные вокруг.

Как насчет SVG? SVG-path По-моему самый удобный способ.

Мета тэги прописанны правильно?

Походу только canvas?

наружные блоки(фоновые изображения) не надо, внутренние(контент) по середине.

update.

.outer {
  display: block;
  width: 100%;
}
.inner {
  display: block
  width: 70%
  margin: 0 auto;
}

<div class="outer">
  <div class="inner">
  </div>
</div>

Эх, гугл теперь не в моде что ли?

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Согласен, phpstorm самый четкий, из опробованных. И подсветка, и и плагинов куча удобных.

И так и так можно, но лично я предпочитаю использовать дивы, так как больше возможностей для будущих изменений. Цену только лучше в какой-нибудь спан запихать.