Я професійно займаюсь веб-розробкою (веб-програмуванням). У моїй діяльності мені доводиться займатись як програмуванням на стороні сервера (server-side: PHP, MySQL), так і програмуванням на стороні клієнта (client-side: HTML, CSS, JavaScript). Сьогодні ми поговорим про client-side, а саме про html-верстку.
Практично завжди є речі, які повторюються у кожному проекті і які можна оптимізувати. Це твердження справедливе і відносно html-верстки: основи (кістяки) майже усіх веб-сторінок схожі між собою, і відрізняються лише деталями. Так от, дозвольте представити інструмент, який дозволяє значно птимізувати роботу на початковому етапі html-верстки – CSSLayoutGenerator. На сайті, в режимі онлайн, Ви вибираєте тип верстки (резинова чи фіксована), вказуєте де повинні розміщуватись сайдбари, та обираєте додаткові фішки (наприклад, прижати футер до низу). Як результат, генерується html/css-файл, який можна скачати на свій комп’ютер і продовжити на його основі html-верстку. Дуже зручний, і абсолютно безкоштовний інструмент, який я вже встиг успішно випробувати на одному проекті, – в ньому потрібно було зробити кілька макетів. Залишається лише сказати “дякую” розробникам – Dimox & molodoy.
Користуйтесь – CSSLayoutGenerator.
Мабуть, кожен веб-розробник, який займається html-версткою, помічав неприємну помилку в роботі браузера Microsoft Internet Explorer 6. Браузер цієї версії не відображає прозорість у png-файлах. Незважаючи на те, що шоста версія IE на теперішній час вважається застарілою, нею все ще користується близько 18% людей у всьому світі (дані на 21 квітня 2009 року – Net Applications). IE6 досі такий популярний зовсім не завдяки якимось перевагам, – справа в тому, що компания Microsoft поставляла цей браузер разом з Windows протягом декількох років, причому в цей час не було конкуренції на ринку веб-браузерів. Існує навіть проект під назвою “Досить IE6“, що веде боротьбу за те, щоб цей браузер перестали використовувати – на сайті проекту приведено достатньо аргументів з цього приводу.
Але, якщо ви вважаєте, що створені вами веб-сторінки повинні нормально відображатись у всіх популярних браузерах (і в IE6 в тому числі), тоді давайте повернемось до теми даної статті. Проблеми з прозорістю PNG-малюнків в MSIE6 вирішуються з допомогою підключення до html-сторінки спеціального JS-скрипта: в заголовку html-документа (між тегами <head> і </head>) потрібно вставити наступний код:
<!--[if lte IE 6.0]>
<script type="text/javascript" language="javascript" src="pngfix.js"></script>
<![endif]-->
Думаю, все зрозуміло – якщо IE 6.0, тоді підключається спеціальний JS-скрипт.
Ну, і власне сам файл pngfix.js