Разоблачение Фронтпаги.
Здравствуйте!
Сегодня мы с вами поговорим о том, как хорошо писать
код своими собственными рученьками в специальных программках!
Знайте, что ничего плохого и смертельного, а также позорного
в Microsoft FrontPage и ему подобных, если вы – начинающий!
Нет ничего ужасного в том, что вы сделали первую страничку
в Microsoft Word (пока не заглянули в код). Всё это
плохо, если вы уже считаете себя продвинутым в сайтостроительстве
челом! Чтобы не утомлять ваши драгоценные глазоньки
долгим чтением, хочу привести сразу нагляднейший пример
вероломства замечательной программы FrontPage.
Итак, если вы уже знаете как ей (Фронтпагой) пользоваться,
то наверное пробовали стандартные булеты (bullets),
представляющие собой круг, окружность и квадрат, автоматически
ставящиеся перед каждым пунктом списка, заменить своими
крохотными картиночками. Делается это, если вы не знаете,
так:
делаем список также, как сделан этот;
выбираем в меню Format строку Bullets and Numbering;
в открывшемся окошке находим закладочку (первую) Picture
Bullets;
щёлкаем на Specify picturе, а далее выбираем нужную
картинку размером около 15х15. Вот и всё у вас появляется
красивый списочек и вместо пресловутых кружочков ваши
стильные буллеты.
Всё это просто и прекрасно. Давайте теперь заглянем
в код, который можно найти во Фронтпаге. Это есть средняя
закладка между главным окном и окном просмотра в браузере.
Что мы видим:
<ul imagesrc="bullet.gif">
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
Уау! Какая красота!!!! Но давайте заглянем в ближайший
справочник HTML тегов и посмотрим: есть ли атрибут imagescr
у тега ul. Мы там ничего не найдём. Давайте теперь откроем
хотя бы блокнот и попробуем создать страничку, где будет
только этот список с таким же кодом.
<html>
<head>
<title>Проверка на вшивость</title>
</head>
<body>
<ul imagesrc="bullet.gif">
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
</body>
</html>
Откроем эту страничку в ближайшем браузере и видим,
что не видим ? наших стильных буллетов, а видим стандартные.
Из всего этого сделаем вывод, что FrontPage всех надул!
Нет такого imsgescr. Давайте теперь сохраним страничку
со списочком во Фронтпаге, а затем просмотрим его код
в блокноте. О, невероятно!
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<meta name="GENERATOR" content="Microsoft
FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Проверка на вшивость</title>
</head>
<body>
<!--msimagelist--><table border="0"
cellpadding="0" cellspacing="0"
width="100%">
<!--msimagelist--><tr>
<!--msimagelist--><td valign="baseline"
width="42"><img src=”bullet.gif"
width="5" height="5" hspace="18"></td>
<td valign="top" width="100%">Пункт
1<!--msimagelist--></td>
</tr>
<!--msimagelist--><tr>
<!--msimagelist--><td valign="baseline"
width="42"><img src=”bullet.gif"
width="5" height="5" hspace="18"></td>
<td valign="top" width="100%">Пункт
2<!--msimagelist--></td>
</tr>
<!--msimagelist--><tr>
<!--msimagelist--><td valign="baseline"
width="42"><img src= ”bullet.gif"
width="5" height="5" hspace="18"></td>
<td valign="top" width="100%">Пункт
3<!--msimagelist--></td>
</tr>
<!--msimagelist--></table>
</body>
</html>
Как эту порнографию понимать? А просто Фронтпага понапихала
комментариев <!--msimagelist-->, чтобы распознать
собственную шкодливость и сделала таблицу, а в своём
просмотрщике кода лаконичнейшим образом пишет атрибутик
imagescr. Вот так вот. Конечно, этому безответственному
поведению можно найти оправдание. Мол, делается это
для того, чтобы старые версии браузеров , которые не
поддерживают стили распознавали подобные ухищрения,
но скажу, что лучше использовать таблицы стилей.
Как делать буллетами собственные картинки с помощью
стилей? Очень просто! Мы можем прописать класс как и
в отдельном css файле, либо в head’е странички либо
просто с помощью атрибута style.
<html>
<head>
<title>Проверка на вшивость</title>
</head>
<body>
<ul style=”list-style-image : url(bullet1.gif)”>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
</body>
</html>
Вот как всё просто оказывается, а главное правдиво!!!
И не надо изобретать велосипед!
Вот.
За моралью обращайтесь в начало статьи.
http://drech.by.ru
Данный сайт является перепечаткой журнала Дружеские
речи 1911 года издания. Будет интересен всем, кто интересуется
историей и тем, кто просто хочет открыть для себя много
новых фактов и сравнить жизни до революции и современную.
(Много общего)
вверх
|