Искусство оформления сайта. Практическое пособие

Такая форма весьма сложна для начинающего веб-дизайнера, но у вас все получится. Начинать ее конструирование следует с наиболее простых элементов, например удалив или объединив в одну некоторые ячейки. И всегда ставьте пункт «Благодарность» на первое место: начинать перечень с жалобы опасно для бизнеса.

5.2. «Ургентная хирургия»

Даже у бывалых мастеров бывают ситуации, когда в совершенно неподходящий момент обнаруживается, что на сайте нечто не работает, а иногда и вовсе не открывается какая-то страничка, но вот времени и возможностей для изучения ошибки и серьезных исправлений нет. С новичками подобные неприятности будут случаться и того чаще. Рассмотрим несколько ургентных случаев, узнаем, как себя вести в таких ситуациях, а попутно выясним, каким образом возможно застраховать свой узел от подобных происшествий.

Наиболее типичные ургентные случаи – не открывается рисунок или не работает гиперссылка. В этом случае наверняка допущена опечатка в коде или даже не опечатка, а имеет место использование неположенного символа. Если есть возможность быстро добраться до дома или Интернет-кафе – бегом туда, проверьте написание ссылки/имени рисунка. Проверьте совпадает ли содержимое кода странички с тем, что фактически существует в Сети (адрес узла, имя и формат рисунка). Обратите внимание на большие и маленькие буквы, упростите их название при необходимости. Здесь чаще всего возникают неприятные моменты, которые потом попортят ваш ресурс, в связи с чем вот мой дружеский совет. При верстке странички:

1) всегда и повсюду пользуйтесь только английским языком (кроме написания самого контента, разумеется);

2) не ставьте пробелов в названиях и ссылках, в крайнем случае на месте требуемого пробела поместите нижнее подчеркивание вот такого вида _ (например: ded_moroz.jpg);

3) никогда не используйте больших (прописных, то есть заглавных) букв в названиях и ссылках, поскольку это повышает вероятность ошибок (тем более что Web Page Maker и некоторые другие визуальные редакторы обладают кошмарной способностью превращать заглавные буквы в названии импортируемых картинок в строчные);

4) никогда не применяйте в названиях знаков препинания, звездочек, математических и иных символов и т. д.;

5) не пишите слишком длинные, «километровые» названия для рисунков, вроде i_know_you_love_only_me_…_etc.gif. Это ни к чему!

Вот и вся профилактика. Если не открывается какая-то из новых страничек вашего сайта, то дело может быть не только в неправильной ссылке. Велика вероятность того, что эта страничка либо вовсе не загружена на хост, либо загружена под другим именем, либо загружена в неправильную папку корневого каталога. В том случае, когда вы не обнаружили причины, из-за которой не хочет загружаться новая страничка, или когда новая страничка отсутствует в каталоге, надлежит быстренько, непосредственно в Интернет-кафе, открыть на компьютере Блокнот или Word и создать на них html-страничку, что совершенно нетрудно. В эту страничку записывается следующий код:

‹br›‹br›‹p style=“filter: Shadow(Color= #000000 , Direction= 130 ); width: 400; height: 60; font-size: 30pt; font-weight: bold; text-align: center; color: green”›ПРОСИМ ПРОЩЕНИЯ!‹/p›‹br›

‹p align=“left”›По техническим причинам настоящая страничка временно не открывается.‹br›Вы можете вернуться на предыдущую страничку либо перейти на новые, указанные в перечне ниже.‹br›Спасибо за понимание.‹/p›‹br›‹br›

‹HR width=80 % align=“center”›‹/HR›‹br›

‹H2 align=“center”›ПЕРЕЧЕНЬ ДОСТУПНЫХ СТРАНИЧЕК‹/H2›

Далее пойдут ваши ссылки. Код тривиален и хорошо вам известен. Его не нужно учить наизусть: достаточно понимать, что тут написано – и он крепко-накрепко запомнится сам. Линии, заголовки, фильтры, абзацы – все это мы учили. Не спешите немедленно забивать в Блокнот или веб-редактор все то, что здесь упомянуто. Сначала попробуйте мысленно представить себе, какой именно будет окончательная страничка. Затем попытайтесь добавить чего-нибудь своего в код, хотя бы измените цвет надписи «Просим прощения!» с зеленого на красный или синий. Что делать с ургентной страничкой, думаю, вам понятно.

И наконец, совершенно злодейская ситуация: у вас исчез текст. То есть он попросту не виден на страничке, хотя явно присутствует на положенном месте в html-коде. Проверьте наличие на странице скрытого текста. Очень хорошо, если в вашем Интернет-кафе на компьютерах установлена FrontPage или другой достаточно продвинутый редактор: он подсвечивает невидимый текст серым цветом, что упрощает вашу задачу. Найдите начало невидимого текста и удалите знаки невидимости с лишними комментариями либо поставьте границы (скорее всего вами не была прописана закрывающая скобка). Второе объяснение вашему ЧП – неправильно указанные, «перекрывающие» друг друга значения тэгов ‹div›. До тех пор, пока вы недостаточно свободно читаете на HTML, самый легкий выход из ситуации состоит в элементарном удалении одного из препятствующих тэгов.