Назад
Алексей ГОНЧАРОВ О книге «Web-дизайн. HTML, JavaScript и CSS»HTML, JavaScript и CSS. Почему именно эти три в одном? Кстати, я бы в заголовке книги поставил CSS на второе место, что логичнее, тем более что в справочнике главы идут именно в этом порядке. Но название книги определяет издательство, оно так решило. Строго говоря, это не совсем справочник, и название «Web-дизайн» он, на мой взгляд, оправдывает. Кроме справочных данных в нем много примеров, которые нужны для дизайна страниц. Для современного сайта одного HTML часто бывает мало. Конечно, сайт можно сделать, к примеру, на PHP, но для этого надо работать на уровне профессионального программиста, знать этот язык и, кроме того, хостер (провайдер) должен этот PHP поддерживать на своем сервере. И не все хостеры это делают. А вот для того, чтобы писать скрипты на JavaScript, достаточно лишь слегка «болеть» программированием. А HTML языком программирования вообще мало кто считает — это, мол, язык разметки (по этой логике про Fortran можно говорить, что это не язык программирования, а «транслятор формул»). Но, как язык ни называй, код надо писать во всех случаях. И код страницы на HTML пишется намного легче, чем на PHP, Perl, ActiveScript и т.д. Поэтому именно связка HTML+CSS дает многим пользователям возможность сделать что-то свое оригинальное. Ну а JavaScript можно использовать по методу готовых «кирпичиков», если нет желания много программировать. Все наработки тестировались в броузерах Internet Explorer 6 и Netscape 7. Второй броузер был выбран специально, чтобы проверить работоспособность кода. Дело в том, что в Opera и FireFox и так все работает хорошо. Я думаю, многое в этом справочнике заслуживает внимания. Сам недавно делал сайт, где потребовалось использовать букву «лямбда». Ну не картинку же рисовать! И что интересно, практически ни в каких справочниках по HTML нет кодов греческих букв. А в моем есть! Я долго искал и нашел. Функция object_tester() — очень полезная штука. Говорю это не потому, что написал ее, а потому что она мне действительно пригодилась. Те, кто программирует на JavaScript, думаю, оценят. А много вы знаете справочников по JavaScript, где внятно и без ошибок объяснялось бы, что такое регулярные выражения? Тема действительно заумная, но если разобраться, то можно получить от них некоторую пользу (не зря же их придумывали!). Я старался объяснять о них понятно :). И я думаю, что достаточно понятно рассказал про создание объектных переменных в JavaScript. Это, все-таки, объектно-ориентированный язык! Можно много чего интересного сделать, если придумать, как использовать объектные переменные. Примеры на JavaScript, я надеюсь, получились удачные: особенно плавное изменение цвета заголовка, идея с цветными квадратиками, калькулятор и слайдшоу. Все примеры я сделал сам, ниоткуда не списывал, так что можете смело использовать их в своих разработках. Я всегда внимательно отношусь к опечаткам в книгах, поэтому после выхода из печати этого справочника просмотрел его заново. Неточность нашел только на стр. 183 и 184. Там в текст вклинилась таблица, и получилось не очень понятно. Вот правильный фрагмент: Для объектов-чисел существуют стандартные свойства, которые позволяют избежать ошибок при выполнении вычислений:MAX_VALUE — максимально возможное число, MIN_VALUE — минимально возможное число, NaN — значение «not a number» (не число), NEGATIVE_INFINITY — минус бесконечность, POSITIVE_INFINITY — плюс бесконечность. Значения «плюс бесконечность» и «минус бесконечность» используются при переполнении. Могут использоваться и для присваивания переменным, например: biggestNum = Number.MAX_VALUE; smallestNum = Number.MIN_VALUE; infiniteNum = Number.POSITIVE_INFINITY; negInfiniteNum = Number.NEGATIVE_INFINITY; notANum = Number.NaN; Значение NaN позволяет не присваивать числовой переменной никакой численной величины, но анализировать ее в условных операторах. Пример (анализ числовой переменной month, хранящей номер месяца): if (month < 1 || month > 12) month = Number.NaN; if (isNaN(month)) alert("Неверно указан номер месяца"); Бонус :) (в книге этого нет). Как растянуть небольшой рисунок фона на всю страницу. Для этого можно использовать такой шаблон (он реализован на этой странице, кстати). Маленькая хитрость. Рисунок хоть и растягивается по ширине экрана, но пропорций не меняет, а высота страницы может быть большой. Задайте цвет фона страницы такой же, как цвет фона рисунка. Это решение можно усовершенствовать, если задать еще и фоновый рисунок для BODY, но тогда надо подумать о согласовании двух рисунков («настоящий» фон в любом случае будет располагаться ниже). <html> <head> <style type="text/css"> BODY {margin: 0;} IMG.fon {position: absolute; width: 100%; height: 100%; z-index: -1;} </style> </head> <body bgcolor="#FFFFFF" marginwidth=0 marginheight=0 leftmargin=0 rightmargin=0 topmargin=0> <img class="fon" src="fonoviy_risunok.gif" > <table border=0 cellspacing=0 cellpadding=3 width=90% align=center> <tr><td> Здесь должен быть контент </td></tr> </table> </body> </html>
© А.Гончаров, 2007 г. |