Практика разработки Web-страниц
Практика разработки Web-страниц
Если вы используете программы веб-дизайна, такие как FrontPage или Dreamweaver, вы сможете решить многие проблемы с помощью функций этих программ. Когда что-то не работает, проверьте, допускают ли установленные параметры выполнение нужного вам действия. Например, во FrontPage большинство элементов страницы имеет диалоговое окно свойств, в котором можно изменить параметры и решить проблему. Не стесняйтесь использовать службы и сайты поддержки. Вы удивитесь, как много распространенных проблем обсуждаются на сайтах в разделах <Часто задаваемые вопросы> (FAQ).Если вы не можете заставить программу делать то, что вы хотите, переключитесь в режим HTML и посмотрите, что происходит.
Советы по диагностике проблем
Главная ваша задача - определить список возможных причин возникновения проблемы, выбрать из них настоящую и решить проблему. Этот метод подходит, даже если у вас не работает лампочка. Дело может быть в выключателе, в патроне, в самой лампе - а возможно, вы ее просто не ввинтили до конца.
GIF анимация не работает с броузером
Используя программное обеспечение для работы с графикой GIF, такое, как Adobe Image Ready или Macromedia Fireworks, вы можете создавать GIF анимацию, которая представляет собой небольшие ролики, проигрываемые броузером. GIF анимация выглядит и работает как обычная GIF графика, но, будучи правильно сделанной, она оживает на странице.
Не удается установить связь с базой данных
Если программное обеспечение базы данных неверно сконфигурировано, или вы указываете неверную информацию при попытке связаться, вы увидите ошибки на своей странице, страница вообще не отобразится или отобразит не обновленные данные.
Проблемы с доступом в Интернет
Подключение к Интернет – это окно в мир. Вы не представляете, как без него обойтись. Но и здесь есть проблемы, которые будут неизбежно вас подстерегать. Ошибки при вызове искомого сайта, проблемы с подключением к вашему провайдеру, проблемы после переустановки программного обеспечения.
Гиперссылки не работают
Обычно гиперссылка не работает, если в ней неправильно указаны адрес или имя файла, или если указанный файл был перемещен или удален. В таком случае говорят, что гиперссылка нарушена. Вы и сами наверняка знаете, как неприятно столкнуться с неработающей гиперссылкой. Когда пользователь щелкает на нарушенной гиперссылке, броузер пытается найти адрес, а потом выдает сообщение об ошибке, например "Page not found".
Границы слишком толстые или тонкие, или вообще не нужны
Броузеры позволяют с легкостью отображать границы вокруг рисунков, таблиц и других объектов. Но границы не всегда выглядят так, как вам хотелось бы. Толстые границы могут выглядеть вызывающе, а тонкие не выделять должным образом нужный вам фрагмент.
Сайту не хватает рисунков
Говорят, что лучше один раз увидеть, чем сто раз услышать. Возможно, самое сложное при создании веб-страницы – это создать или найти изображения, которые помогут понять вашу информацию. Но от каких изображений останется хорошее впечатление? И где их можно найти? Как и большинство веб-дизайнеров, вы, возможно, хотите использовать комбинацию собственных изображений и изображений, взятых из Internet. Сборка графической веб-страницы чем-то похожа на создание коллажа из журнальных вырезок – вы собираете кусочки из различных источников, затем вырезаете, наклеиваете и добавляете текст для получения желаемого эффекта.
Веб-страница не отображается на экране полностью
Основное содержание вы обычно видите на странице без прокручивания, оно как бы находится "выше сгиба страницы" (above the fold) – это термин газетных редакторов, обозначающий то, что вы видите на титульном листе до того, как откроете газету. Когда при открытии страницы появляется содержание, всегда более вероятно, что оно будет замечено и прочитано. Всю важную информацию – вашу эмблему, информацию по перемещению по сайту, первичное сообщение или резюме страницы – поместите выше сгиба. Проблема состоит в том, что люди используют экраны разных размеров.
На страницах, созданных в FrontPage, не работают звук или видео
FrontPage может помочь вам добавить звук или видео на ваши страницы – например, вы можете задать мелодию, которая будет играть при открытии страницы. FrontPage позволяет включать видео и звук в нескольких форматах. К сожалению, вам, вероятно, придется обходиться без некоторых удобных свойств FrontPage для большинства мультимедиа – или потому, что они не поддерживают нужный вам аудио или видео формат, или потому, что они создают страницы, работающие только в Internet Explorer.
На сайте, созданном в FrontPage, не работают страницы из других программ
Если вы используете FrontPage для создания и поддержания вашего сайта, вы, скорее всего, найдете все необходимые для создания большинства страниц инструменты. Но создавать специфическую страницу, возможно, будет удобнее в какой-нибудь другой программе. Например, для создания документов, которые можно будет как печатать, так и читать интерактивно, вы можете использовать Microsoft Word.
При публикации или дополнениях на страницах появляется сообщение об ошибке
Создав и протестировав веб-страницы, вы решили опубликовать их на сервере. (А если ваш сайт часто обновляется, вы будете публиковать страницы все время.) Редакторы веб-страниц, такие как HomeSite или Dreamweaver, могут публиковать ваши файлы автоматически, изменяя только те из них, которые изменились с последней публикации. Вы можете публиковать свои страницы вручную – либо в Интернет, с помощью FTP
На моей новой странице ничего нет
Возможно, в программе-редакторе есть мастера, шаблоны, примеры. Вы можете воспользоваться ими или использовать в качестве образца уже существующую страницу. Затем, выполнив основной макет, вы подставите в него любой текст или рисунки.
Форматирование и макет отличаются на разных страницах сайта
Когда вы определяете стиль и расположение ваших страниц в HTML с помощью тэгов или атрибутов align и color, вы можете быть уверены, что почти все броузеры отобразят их так, как вы запланировали. Но чем больше форматирования окажется на сайте, тем больше вероятность того, что ваше оформление будет отображаться некорректно.
Сценарии не работают или выдают ошибки
Если вы мало знакомы с JavaScript, работа с ним может превратиться для вас в сплошное расстройство. Каждая маленькая ошибка – называемая bug – может полностью остановить работу программы, а выловить эти ошибки может быть очень трудно. Иногда броузер вообще не показывает сообщение об ошибке, даже если ваш сценарий не реагирует на его запросы. Хорошо, когда ваш компьютер может точно сказать, в чем проблема и как ее решить
Неправильный шрифт в таблице
Когда вы устанавливаете начертание или размер текста, используя тэг или стиль, то рассчитываете, что ваши настройки будут влиять на весь текст, которому присвоен данный стиль. Однако так получается не всегда. В зависимости от броузера пользователя, текст внутри таблицы может отображаться не тем шрифтом или не того размера, которые вы определили вне таблицы. Особенно этим отличается Netscape 4.
Проблемы с установкой фонового рисунка
При помощи графических программ и добавлений к тэгу вы можете украсить страницу или таблицу на странице фоновым рисунком. Если у вас проблемы с отображением фонового рисунка, причин может быть несколько: рисунок поврежден, файл находится не в том месте, которое вы указали, или используемый вами HTML неверен. Если вы используете редактор страниц FrontPage, возможно, вы используете неверную функцию.
Текст размещается неправильно
При создании страницы с текстом заманчиво разбить текст на строки так, как вам надо – но, увы, страницы не всегда будут выглядеть именно так. Броузеры пользователей могут отображать текст по-разному: либо потому, что шрифт недоступен, либо потому, что пользователь изменил размер шрифта или окна, так что текст перестанет помещаться в отведенное ему место. Понятно, что для текста лучше оставлять побольше места.
Форма размещается неверно
Чтобы привести форму в порядок, есть две возможности. Первая – использовать преформатированный текст (preformatted text), с которым броузер использует моношириные шрифты, показывает разбивку и разрывы строки в точности так, как показано в вашем HTML.
Фреймы не работают
Чтобы отображать фреймы, вам необходимы три вещи: страница, устанавливающая фреймсет (frameset) – общую структуру страницы, отдельные страницы, появляющиеся во фреймах, и броузер, способный отображать фреймы. Если какой-либо из этих элементов отсутствует, броузер отобразит пустую страницу, страницу с ошибкой или просто одну страницу без сделанных вами фреймов.
Странице не хватает цветов
По умолчанию веб-страницы не имеют какого-либо цвета; как и обычные печатные страницы, они представляют собой черный текст на белом фоне. Пока вы не установите цвета для элементов вашей страницы, она будет выглядеть довольно уныло. Хотя, с другой стороны, цветов может быть многовато.
Шрифт, заданный по умолчанию, выглядит неправильно
Например, в программе FrontPage вы могли выделить текст на странице и изменить шрифт с помощью панели инструментов. Это поменяло шрифт выделенного отрывка, но не изменило шрифт по умолчанию для всей страницы, или в HTML вы попробовали добавить дополнительный тэг для текста. В обоих случаях вы лишь спутаете на вашей странице связанные со шрифтами установки, но так и не измените шрифт по умолчанию. Более того, если вы позже решите изменять шрифты, вы должны будете менять их ещё во многих местах.
Ни один из шаблонов FrontPage не подходит
Первый шаг при использовании FrontPage – это создание своего сайта FrontPage – совокупности веб-страниц, изображений и файлов поддержки, которые FrontPage использует для организации вашего проекта. Чтобы помочь вам сделать это, FrontPage предлагает ряд шаблонов и мастеров – для собственного проекта, поддержки или корпоративных сетей – но совсем не обязательно, что они окажутся именно тем, что вам нужно.
Основная структура страницы HTML
Страница HTML – это текстовый файл со следуюшей основной структурой:
Первая строка является необязательной, но она сообщает HTML программам подтверждения, какую версию HTML вы собираетесь использовать на своей странице.
Правила формата стиля
Одним из правил каскадированной таблицы является селектор – тэг HTML, сопровождаемый параметрами CSS в скобках, отделенный точкой с запятой.
Особо важные адреса
Алгоритмы сжатия изображений
Изображения (как и видео) занимают намного больше места в памяти, чем текст. Так, скромная, не очень качественная иллюстрация на обложке книги размером 500x800 точек, занимает 1.2 Мб — столько же, сколько художественная книга из 400 страниц (60 знаков в строке, 42 строки на странице). В качестве примера можно рассмотреть также, сколько тысяч страниц текста мы сможем поместить на CD-ROM, и как мало там поместится качественных несжатых фотографий. Эта особенность изображений определяет актуальность алгоритмов архивации графики.Продолжение
Кодирование изображений
При цветовых преобразованиях необходимо также помнить, что между цветовыми моделями CIE, CMY, RGB, YIQ существуют аффинные преобразования, тогда, как между HLS и HSV- нет. Данное обстоятельство будет заметно, если изображение, содержащее непрерывные цветовые переходы, переводить, например, из HLS в RGB (на изображениях может появиться разрыв непрерывности).Продолжение
