Искусство оформления сайта. Практическое пособие
Шрифт:
‹p›‹strong›Как с вами связаться?‹/strong›‹/p›
‹dl›‹dd›‹table›‹tr›
‹td›Ваше имя‹/td›‹td›‹input type=“text” size=“ 35” maxlength=“ 256” name=“Username”›‹/td›‹/tr›
‹tr›‹td›Эл. адрес‹/td›‹td›‹input type=“text” size=“ 35” maxlength=“ 256” name=“UserEmail”›‹/td›‹/tr›
‹tr›‹td›Телефон‹/td›‹td›‹input type=“text” size=“ 35” maxlength=“ 256” name=“UserTel”›‹/td›‹/tr›‹/table›‹/dd›‹/dl›‹dl›
‹dd›‹input type=“checkbox” name=“ContactRequested” value=“ContactRequested”›
Свяжитесь со мной по данному вопросу как можно быстрее.‹/dd›‹/dl›
‹p›‹input type=“submit” value=“Отправить”›
‹input type=“reset” value=“Сброс”›‹/p›‹/form›
Такая
5.2. «Ургентная хирургия»
Даже у бывалых мастеров бывают ситуации, когда в совершенно неподходящий момент обнаруживается, что на сайте нечто не работает, а иногда и вовсе не открывается какая-то страничка, но вот времени и возможностей для изучения ошибки и серьезных исправлений нет. С новичками подобные неприятности будут случаться и того чаще. Рассмотрим несколько ургентных случаев, узнаем, как себя вести в таких ситуациях, а попутно выясним, каким образом возможно застраховать свой узел от подобных происшествий.
Наиболее типичные ургентные случаи – не открывается рисунок или не работает гиперссылка. В этом случае наверняка допущена опечатка в коде или даже не опечатка, а имеет место использование неположенного символа. Если есть возможность быстро добраться до дома или Интернет-кафе – бегом туда, проверьте написание ссылки/имени рисунка. Проверьте совпадает ли содержимое кода странички с тем, что фактически существует в Сети (адрес узла, имя и формат рисунка). Обратите внимание на большие и маленькие буквы, упростите их название при необходимости. Здесь чаще всего возникают неприятные моменты, которые потом попортят ваш ресурс, в связи с чем вот мой дружеский совет. При верстке странички:
1) всегда и повсюду пользуйтесь только английским языком (кроме написания самого контента, разумеется);
2) не ставьте пробелов в названиях и ссылках, в крайнем случае на месте требуемого пробела поместите нижнее подчеркивание вот такого вида _ (например: ded_moroz.jpg);
3) никогда не используйте больших (прописных, то есть заглавных) букв в названиях и ссылках, поскольку это повышает вероятность ошибок (тем более что Web Page Maker и некоторые другие визуальные редакторы обладают кошмарной способностью превращать заглавные буквы в названии импортируемых картинок в строчные);
4) никогда не применяйте в названиях знаков препинания, звездочек, математических и иных символов и т. д.;
5) не пишите слишком длинные, «километровые» названия для рисунков, вроде i_know_you_love_only_me_…_etc.gif. Это ни к чему!
Вот и вся профилактика. Если не открывается какая-то из новых страничек вашего сайта, то дело может быть не только в неправильной ссылке. Велика вероятность того, что эта страничка либо вовсе не загружена на хост, либо загружена под другим именем, либо
‹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, самый легкий выход из ситуации состоит в элементарном удалении одного из препятствующих тэгов.
Рассмотрим сказанное на примере моего ресурса. Первоначально на страничке download.html (для скачивания книг) использовано форматирование текста ‹div class=right›, но потом верстку усложнена:
‹div style=“position: absolute; overflow: hidden; left:278px; top:300px; width:781px; height:2813px; z-index:17"›‹DIV class=right›‹H3›Наше место в экологической истории‹/H3›
… (и т. д., и т. п.)‹/div›‹/div›
Казалось бы, ничего страшного. Однако если оставить старое форматирование ‹div class=right› наравне с новым, то итогом станет не более сложная визуальная структура текста, а просто напросто отсутствие видимого текста в броузере. Так что тэги ‹div class=right›‹/div › придется удалить. Наверняка и у вас произошло нечто похожее.