ThunderCat

Пару строчек на jquery. Можете переписать в ваниллу, суть одна.

<div id="DivContent"></div>
<script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#DivContent").load("another_file.html"); 
    });
    </script>

С помощью нехитрых манипуляций с дата атрибутами и листенерами на линках меню, будет то что вы хотели.

Во первых ошибка имеет в себе номер строки
Во вторых скорее всего файл JS у вас начинается тегом script, чего быть не должно, теги в нем не нужны, так как вы уже при подключении указали что это JS.

нужно было в html файле вставить значения с PHP

По умолчанию в хтмл файлах не обрабатываются пхп теги.

При вызове <?php ?> у меня выдается вот такая ошибка: Parse error: syntax error, unexpected '<' in

Это говорит о том что все таки обработка тегов работает, но скорее всего вы криво написали код внутри них.

Один из самых банальных это добавить в файл httpd.conf строку: AddType application/x-httpd-php .php .htm .html, которая мне соответственно не помогла.

Так как мы видим ошибку - либо помогла, либо все работало сразу как надо, ну, кроме собственно вашего кода, который неплохо было бы увидеть. Скорее всего тупо не закрыли пхп тег.

Вы там типа бутстрап эмитируете, так вынесите свой футер за роу, вниз, чтобы он был последним чайлдом к контейнеру.

background(врядли), или псевдоелементом?

А че, просто картинкой уже не модно или есть какие-то причины так верстать?

ЗЫ: Учитывая тег адаптивный дизайн, лучшее решение - picture + object-fit: contain;

В бутстрапе принято использовать мобайл фирст, то есть базовые стили на мобильный, а все что больше задаются в медиазапросах ниже основных стилей, для выбранных брекпоинтов, но от мин, а не от макс (@media (min-width: 1200px){...}). И пишутся стили по порядку - от меньших медиа размеров к бОльшим.

Овл создает "клоны" слайдов, чтобы зацикливать карусель, отсюда и дубли. Как вариант - сделать инициализацию фэнси "руками" до овл, тогда события навесятся только на существующие на этот момент изображения.

Нахрена, а главное - зачем? Современный адаптив позволяет через цсс задать ВСЕ, картинки, стили, расположение блоков, что-то показать, что-то скрыть на определенных разрешениях... Иметь мобильную версию отдельно не рекомендуют и поисковые системы, так как это разбивает трафик на субдомены и еще куча всякого тянется за этим. По этому - медиазапросы, или даже сразу бутстрап или другой адаптивный фреймворк.

если задача немного усложнить скачивание - делайте изображения бэкграундом для блока, так и позиционирование и ресайз будет проще настроить, и скачать по правой кнопке/тапу не получится.

Я тут недавно с головой в омут бросилась в изучение веб-дизайна,

Похвально...

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

Хм, слишком широкое понятие, уточните что конкретно из технологий вы решили изучить?

Просить о помощи мне не у кого, пишу вот сюда.

Так абстрактные вопросы как-то слабо решаются вообще, с конкретикой приходите...

жесть конечно... а скриптовать все это вместо издевательства над здравым смыслом в виде хтмля никак?

Пишите скрипт, я так понимаю ссылка должна вести на "имя_файла" + 1? Вот и пишите на том же пыхе, я вижу у вас по нему вопросы есть на тостере, значит теоретически знакомы. Выбирайте директорию, берите все файлы, по одному открывайте и меняйте.

Что еще нужно учесть для того, чтобы во всех браузерах верстка соответствовала макету?

Много чего. Например то, что сафари на макосях построен на движке хорма, НО:
а) всегда отстающей от текущей актуальной версии туеву хучу фишек не поддерживает (например гриды);
б) Имеет некоторые отличия в коде, обусловленные "особенностями платформы;
в) Вишенка на торте - хром под яблоком - это ниразу не хром. Это (тадааам!) сафари со скином хрома, который на движке хрома (парам-пара-пам, фью)!

ЗЫ: Свежая байка из склепа рабочих будней. Сеошник выдает резюме по гуглспидтесту страничек - "у нас все плохо, давайте, как завещал великий гугл, сделаем картинки в вебп, это модно-стильно-молодежно, это нравится гуглу и пахнет ёлкой!". Ну, ок, пнули админа, он доставил вебп модуль, слепили патч, закатали в деплой на серв - ляпота, картинки сильно ужались, гуглу нравится, мне нравится, админу нравится, сеошник вообще ссытся кипятком, а шефу почему-то не нравится. На егойном айпадпро картинок нет. Привереда. Ладно, ищем причину... Выяснили что сафари (заодно со всем яблочным королевством) лютой лютостью ненавидят ваш вебп, в гробу его видали и уже тапки белые прикупили на этот случай. Ладно, поставим шефу хром, а в остальном у нас на сафари 1% пользователей, ченть потом придумаем... И тут мы узнали что такое хорм под айосью ))). Историю про то как ПРАВИЛЬНО написать тег picture для яблока - в следующей страшилке )

Заголовки

Сейчас верстальщики нужны или только frontend?

Верстальщики всегда нужны, но им всегда платят копейки, ибо это самый нижний сегмент по порогу входа, ну и естественно нарду там не пропихнуться, а виртуозов в данной области чаще всего не требуется.
Во фронтенд нужно +- столько же (ну, скажем так, незначительно меньше, ибо это суть верстальщики+), но и ценник там уже более серьезный.

Можно ли заменить HTML и CSS чем-нибудь еще и будет ли им замена в будущем?

Картинкой можно заменить, но базовые теги все равно будут хоть какие-то нужны.

Ну, вас какое будущее интересует? Пять лет? Нет, не будет. 50 лет? Скорее всего будет нечто иное, хз куда нас эта дорожка заведет...

PS: смотрю тебя все меньше и меньше разработка интересует... Ждем вопрос "Где больше платят - убер или яндекс.такси?".