Назад

Алексей ГОНЧАРОВ    

О книге «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 г.

Рейтинг@Mail.ru