Перехід від табличної верстки сайту до блокової
Критикам та досвідченим програмістам чи верстальникам може не сподобається, що я тут напишу, але повторюю не вперше: «Я нікого не вчу, вчити не збираюся, пишу статті на основі свого досвіду». Так що вибачте мене неписьменного, просто я вирішив поділитися, як проходив цей шлях.
На самому початку свого шляху, я прочитав кілька уроків з html (там називалося це підручником), подекуди подивився як роблять простенький сайт і вирішив спробувати - це було захоплююче! Як ви вже здогадалися верстка сайту була табличною. Це було жахливо! Але всупереч цьому я думав, що маю офігенний сайт. У табличній варіанті є свій плюс. Але мінуси перекривають все і незабаром ви про них дізнаєтесь. "Плюс" полягає в тому, що даний спосіб може легко освоїти кожен з вас, для цього не потрібно старанної практики і т.п.
Таблична верстка сайту
Просто таблиці в HTML настільки прості, що не вимагають будь-яких знань по CSS, що набагато полегшує сам процес. Для прикладу покажу двоколоночний макет, де наведено наступний варіант верстки:
Як бачите тут все просто,tableвідповідає за виведення таблиці,tr-рядок,td-стовпець у таблиці. Тут думаю зрозуміло, зупинятись не будемо.
Блокова верстка сайту
Час подивитися, як цей же макет виглядає в блоковій варіанті:
І все! Як бачите код начебто простий, навіть простіше, ніж у табличній верстці. Складність полягає в тому, що тут треба мати знання CSS, щоб правильно оформити ці блоки. Взагалі блокову верстку сайту можна по-справжньому назвати «дивовижною» (від слова div-на). А освоївши каскадні таблиці стилів, ви взагалі забудете про таблиці. Додам ще про головний "мінус" таблиць - це погане індексування пошуковими системами.Щоб вам було простіше освоїтися, наведу приклад із гумовою шириною:
Усі права на сайт належать Олександру Побединського.