У меня есть сайт, на котором большинство страниц имеют одинаковый макет, различаются только содержимое и, возможно, фоновое изображение. Тот же HTML и CSS, только с разницей в разделе и фоновом изображении. Вот что я делал, когда создавал новую страницу:
- Создайте чистый HTML-файл с содержимым, которое я хочу добавить - new_content.html, и фоновым изображением new_content.jpg, чтобы идти с ним
- Сделайте копию страницы шаблона HTML и назовите ее new_page.html
- Скопируйте содержимое файла new_content.html в файл new_page.html.
- Измените CSS, чтобы установить фон.
- В index.html создайте ссылку на новую страницу.
Существует много повторений и идентичных страниц только с одним отличием. Я также хотел бы отделить контент от дизайна страницы, чтобы я мог просто добавить ссылку на index.html, которая бы выполняла что-то вроде [смесь HTML и псевдокода только для иллюстрации того, что я хочу сделать]:
<a href="page_template.html(new_content.html, new_content.jpg)>
Я новичок во всем этом, просто пытаюсь упорядочить работу моей собственной страницы. Javascript я могу вырезать и вставлять, и обычно выясняю, как это работает.