Сразу оговорюсь - в HTML я работаю не так давно, по сути, самоучка. Мой опыт работы с этим кодом ограничивается поверхностными знаниями, которые нам дали в школе (ещё в 2001 году). был ещё период университета, где HTML мы тоже не особо учили (по мнению преподавателей, для филологов-журналистов это не особо нужно), после я пробовал создать небольшой курс лекций по этой теме (опять-таки, исключительно по необходимости, ибо после вуза я стал преподавать там же). Курс получился так себе и было решено исключить его из программы. После этого я практически не использовал HTML.
Лишь в конце 2019 года я вернулся к практическому применению вышеупомянутой кодировки. И сразу всё стало как-то... интереснее, что ли? Кроме интереса, пожалуй, было ещё кое-что. Необходимость. Дело в том, что основной сайт, с которым мне нужно было работать, был создан исключительно на HTML, без применения CMS, которые многие знают. Самая известная - Битрикс. Есть ещё Wordpress, который тоже многие знают. А вот касательно других систем управления контентом... ну, были у меня сайты на OpenCart, были сайты на Joomla, даже с CS Cart довелось общаться (мой первый опыт, кстати). Из всех перечисленных почему-то нравились только две CMS-ки: OpenCart и WordPress. Наверное, потому что первая была более-менее популярной (где-то года три назад), а вторая - достаточно простой в освоении.
И вот, с ноября 2019-го я потихоньку стал заново вникать и постигать хитрости HTML-языка. Постепенно научился распознавать многие повторяющиеся элементы, оптимизировал скорость создания отдельных элементов. Большинство строк кода довольно часто могут повторяться, особенно, когда целью сайта является продажа товара или предоставление услуг. Частенько было достаточно лишь скопировать определённый кусок, чтобы где-то дополнить, где-то подправить или где-то расширить что-либо, будь то таблица, текст описания или список каких-то там особенностей (неважно, каких).
Вёрстка - вёрсткой, но об основном тексте также не следует забывать. Любой из тех, кто занимается созданием сайта, должен понимать, что всё строится на базовых элементах (стили, оформление, цветовое решение и т. д.). А потом эти базовые элементы непременно нужно окружить заботой текстом и качественными фотографиями. Где именно прописывается основная стилистика будущего сайта, я рассказывать не буду (многие и так знают об этом). А вот о том, что для меня эти файлы по сей день являются "дремучим лесом", всё же упомяну. Да, я практически не разбираюсь в style.css, main.css и остальных *.css (хотя и пробовал). Но для этого у нас есть отдельные специалисты, в конце концов, вёрстка сайта - не основная моя обязанность.
В один из дней мне понадобилось сверстать с нуля страницу страницы, которая которые дополнила дополнили бы сайт. всего таких страниц должно было быть три. Все они должны были находится в одном подразделе. Итак, задача: создать дополнительный раздел на основном сайте, разместить в этом разделе три подраздела и оформить эти подразделы, дополнив их товарами.
В первую очередь, я создал папку, в которую затем планировал разместить все остальные страницы. Но затем передумал и просто создал четыре раздела в папке "catalog".
(и вот здесь мы встречаемся с первой ошибкой - никогда не создавайте лишних папок, если не знаете, как потом их применять. Время потрачено впустую, а на результатах это никак не сказывается).
Далее можно поступить так: скопировать файл index.html любой похожей страницы из папки "catalog", чтобы не особо сильно фокусироваться на основных элементах. Всё равно основные элементы повторяются на каждой странице, зачем тратить время?
Не забудьте проверить, корректно ли отображаются стили. Для этого важно наличие на новой странице строчки, где указана привязка к основным стилям сайта:
Дальше мы ищем те части кода, которые нуждаются в замене. Если такие части повторяются, то достаточно воспользоваться поиском (в моём случае - Ctrl+F) и проверить все найденные части. Иногда таких частей много, поэтому если нужно сократить - убираем ненужные части (только аккуратно), если мало - добавляем (тоже аккуратно).
Кстати, добавлять тоже нужно с умом. Если Вам кажется, что некоторые элементы могут попросту "съехать", то попробуйте провести несколько экспериментов, размещая блоки кода в разной последовательности.
Продолжение следует...
