Практика разработки Web-страниц



     Смотрите http://www.calorizator.ru тренажер для внутренней части бедра.
    

Практика разработки Web-страниц

Если вы используете программы веб-дизайна, такие как FrontPage или Dreamweaver, вы сможете решить многие проблемы с помощью функций этих программ. Когда что-то не работает, проверьте, допускают ли установленные параметры выполнение нужного вам действия. Например, во FrontPage большинство элементов страницы имеет диалоговое окно свойств, в котором можно изменить параметры и решить проблему. Не стесняйтесь использовать службы и сайты поддержки. Вы удивитесь, как много распространенных проблем обсуждаются на сайтах в разделах <Часто задаваемые вопросы> (FAQ).
Если вы не можете заставить программу делать то, что вы хотите, переключитесь в режим HTML и посмотрите, что происходит.

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

Разные виды проблем
Программы веб-дизайна
Ошибки в коде
Совместимость броузеров
Отсутствующие ссылки
Проблемы с макетом страницы
Когда ничего не помогает
Сайт для решения проблем
Советы по диагностике проблем
Разные виды проблем

GIF анимация не работает с броузером
Используя программное обеспечение для работы с графикой GIF, такое, как Adobe Image Ready или Macromedia Fireworks, вы можете создавать GIF анимацию, которая представляет собой небольшие ролики, проигрываемые броузером. GIF анимация выглядит и работает как обычная GIF графика, но, будучи правильно сделанной, она оживает на странице.

Анимированный GIF файл долго загружается
Анимированный GIF файл долго загружается - 2
GIF анимация отображается неровно
GIF анимация отображается неровно - 2
Переход страницы FrontPage работает неверно
Оживляем страницу
Оживляем страницу - 2
Динамические эффекты работают неверно
Динамические эффекты работают неверно - 2
GIF анимация не работает с броузером

Не удается установить связь с базой данных
Если программное обеспечение базы данных неверно сконфигурировано, или вы указываете неверную информацию при попытке связаться, вы увидите ошибки на своей странице, страница вообще не отобразится или отобразит не обновленные данные.

Строка связи не подключается к базе данных
Строка связи не подключается к базе данных - 2
Связь с базой данных с помощью сценария
Связь с базой данных с помощью сценария - 2
Связь с базой данных с помощью сценария - 3
FrontPage для работы с базой данных недоступны
Создание страниц на диске
Не удается создать соединение с базой данных
Подготовка к установке соединения
Создание связей

Проблемы с доступом в Интернет
Подключение к Интернет – это окно в мир. Вы не представляете, как без него обойтись. Но и здесь есть проблемы, которые будут неизбежно вас подстерегать. Ошибки при вызове искомого сайта, проблемы с подключением к вашему провайдеру, проблемы после переустановки программного обеспечения.

Подключение через локальную сеть
Подключение через локальную сеть - 2
Подключение через локальную сеть - 3
Броузер отображает пустую страницу
Броузер отображает пустую страницу - 2
Броузер выдает ошибку при просмотре страницы
Если ошибка в броузере
Броузер не может найти и отобразить страницу
Броузер выводит сообщение о безопасности
Страница не работает в некоторых броузерах

Гиперссылки не работают
Обычно гиперссылка не работает, если в ней неправильно указаны адрес или имя файла, или если указанный файл был перемещен или удален. В таком случае говорят, что гиперссылка нарушена. Вы и сами наверняка знаете, как неприятно столкнуться с неработающей гиперссылкой. Когда пользователь щелкает на нарушенной гиперссылке, броузер пытается найти адрес, а потом выдает сообщение об ошибке, например "Page not found".

Проверка гиперссылок в HomeSite
Проверка гиперссылок во FrontPage
Проверка гиперссылок во FrontPage - 2
Текст гиперссылки не того цвета или стиля
Ссылки не работают
Альтернатива сценариям на стороне сервера
Страница не реагирует на указатель мыши
Отображение сообщения на панели состояния
Ролловеры в Fireworks
Гиперссылки не работают

Границы слишком толстые или тонкие, или вообще не нужны
Броузеры позволяют с легкостью отображать границы вокруг рисунков, таблиц и других объектов. Но границы не всегда выглядят так, как вам хотелось бы. Толстые границы могут выглядеть вызывающе, а тонкие не выделять должным образом нужный вам фрагмент.

Поправить границы с помощью HTML
Поправить границы рисунка с помощью FrontPage
Поправить границы таблицы с помощью FrontPage
Как изменить стиль или цвет границ
Поправить стиль границ, используя FrontPage
Проблемы с разделением страницы на части
Проблемы с разделением страницы на части - 2
Общий фрейм FrontPage не работает

Сайту не хватает рисунков
Говорят, что лучше один раз увидеть, чем сто раз услышать. Возможно, самое сложное при создании веб-страницы – это создать или найти изображения, которые помогут понять вашу информацию. Но от каких изображений останется хорошее впечатление? И где их можно найти? Как и большинство веб-дизайнеров, вы, возможно, хотите использовать комбинацию собственных изображений и изображений, взятых из Internet. Сборка графической веб-страницы чем-то похожа на создание коллажа из журнальных вырезок – вы собираете кусочки из различных источников, затем вырезаете, наклеиваете и добавляете текст для получения желаемого эффекта.

Изображения слишком долго загружаются
Изображения слишком долго загружаются - 2
Изображения слишком долго загружаются - 3
Отсканированные изображения слишком велики
Изображения слишком велики
Нет изображений при предварительном просмотре
Проверка ссылок на изображения в HomeSite
Проверка ссылок на изображения во FrontPage
На изображениях у шрифтов неровные края
Изображение имеет небольшой ореол

Веб-страница не отображается на экране полностью
Основное содержание вы обычно видите на странице без прокручивания, оно как бы находится "выше сгиба страницы" (above the fold) – это термин газетных редакторов, обозначающий то, что вы видите на титульном листе до того, как откроете газету. Когда при открытии страницы появляется содержание, всегда более вероятно, что оно будет замечено и прочитано. Всю важную информацию – вашу эмблему, информацию по перемещению по сайту, первичное сообщение или резюме страницы – поместите выше сгиба. Проблема состоит в том, что люди используют экраны разных размеров.

Страница неправильно выглядит при печати
Разметка на страницах не единообразная
Разметка на страницах не единообразная - 2
Элементы на странице не выровнены
Элементы на странице не выровнены - 2
Текст не обтекает изображения
Текст не обтекает изображения - 2
Текст не обтекает изображения - 3
Нужна горизонтальная линия и вертикальная
Страница не отображается полностью

На страницах, созданных в FrontPage, не работают звук или видео
FrontPage может помочь вам добавить звук или видео на ваши страницы – например, вы можете задать мелодию, которая будет играть при открытии страницы. FrontPage позволяет включать видео и звук в нескольких форматах. К сожалению, вам, вероятно, придется обходиться без некоторых удобных свойств FrontPage для большинства мультимедиа – или потому, что они не поддерживают нужный вам аудио или видео формат, или потому, что они создают страницы, работающие только в Internet Explorer.

Потоковое аудио или видео не работает
Потоковое аудио или видео не работает - 2
Потоковое аудио или видео не работает - 3
Фоновый звук не проигрывается
Фоновый звук не проигрывается - 2
Плагин медиа-проигрывателя не работает
Плагин медиа-проигрывателя не работает - 2
Плагин медиа-проигрывателя не работает - 3
Плагин медиа-проигрывателя не работает - 4
Апплет Java не работает

На сайте, созданном в FrontPage, не работают страницы из других программ
Если вы используете FrontPage для создания и поддержания вашего сайта, вы, скорее всего, найдете все необходимые для создания большинства страниц инструменты. Но создавать специфическую страницу, возможно, будет удобнее в какой-нибудь другой программе. Например, для создания документов, которые можно будет как печатать, так и читать интерактивно, вы можете использовать Microsoft Word.

Страница, созданная в Word, неверно размечена
Страница из Word, неверно размечена
Excel, не так выглядит
Excel, не так выглядит - 2
Презентации PowerPoint неверно работают
Презентации PowerPoint неверно работают
Не работают страницы из других программ
Не работают страницы из других программ - 2
Word неверно размечен
Word неверно размечен - 2

При публикации или дополнениях на страницах появляется сообщение об ошибке
Создав и протестировав веб-страницы, вы решили опубликовать их на сервере. (А если ваш сайт часто обновляется, вы будете публиковать страницы все время.) Редакторы веб-страниц, такие как HomeSite или Dreamweaver, могут публиковать ваши файлы автоматически, изменяя только те из них, которые изменились с последней публикации. Вы можете публиковать свои страницы вручную – либо в Интернет, с помощью FTP

Ошибка при публикации FrontPage-страницы
Ошибка при публикации FrontPage-страницы - 2
Ошибка при публикации FrontPage-страницы - 3
HomeSite развертывание не работает
HomeSite развертывание не работает - 2
Опции безопасности FrontPage не доступны
Опции безопасности FrontPage не доступны - 2
Опции безопасности FrontPage не доступны - 3
Опции безопасности FrontPage не доступны - 4
Сайта нет в списке поисковых систем

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

Код HTML запутан и трудночитаем
Редактор FrontPage изменил HTML
Редактор FrontPage изменил HTML - 2
В HomeSite режим Design поменял HTML
Кто-то другой работал со страницей
Ошибка в коде
Ошибка в коде - 2
Командный веб-проект в FrontPage
Командный веб-проект в FrontPage - 2
Создание блока <HEAD>

Форматирование и макет отличаются на разных страницах сайта
Когда вы определяете стиль и расположение ваших страниц в HTML с помощью тэгов или атрибутов align и color, вы можете быть уверены, что почти все броузеры отобразят их так, как вы запланировали. Но чем больше форматирования окажется на сайте, тем больше вероятность того, что ваше оформление будет отображаться некорректно.

Стили работают некорректно
Стили работают некорректно - 2
Стили работают некорректно - 3
Стили не работают в определенном броузере
Стили не работают в определенном броузере - 2
FrontPage не позволяет изменять стили
FrontPage не позволяет изменять стили - 2
Применение стилей и создание исключений
Применение стилей и создание исключений - 2
Форматирование на разных страницах сайта

Сценарии не работают или выдают ошибки
Если вы мало знакомы с JavaScript, работа с ним может превратиться для вас в сплошное расстройство. Каждая маленькая ошибка – называемая bug – может полностью остановить работу программы, а выловить эти ошибки может быть очень трудно. Иногда броузер вообще не показывает сообщение об ошибке, даже если ваш сценарий не реагирует на его запросы. Хорошо, когда ваш компьютер может точно сказать, в чем проблема и как ее решить

JavaScript работает неправильно
JavaScript работает неправильно - 2
JavaScript работает неправильно - 3
JavaScript работает неправильно - 4
Как скрыть сценарий от старых броузеров
Сценарий работает в одном броузере
Сценарий работает в одном броузере - 2
ASP-файлы не работают
ASP-файлы не работают - 2
Использование ASP в FrontPage

Неправильный шрифт в таблице
Когда вы устанавливаете начертание или размер текста, используя тэг или стиль, то рассчитываете, что ваши настройки будут влиять на весь текст, которому присвоен данный стиль. Однако так получается не всегда. В зависимости от броузера пользователя, текст внутри таблицы может отображаться не тем шрифтом или не того размера, которые вы определили вне таблицы. Особенно этим отличается Netscape 4.

Как убрать пустое место в ячейках
Отображение границ таблицы и ячейки
Пустые ячейки не отображаются правильно
Пустые ячейки не отображаются правильно - 2
Таблица не работает после изменения
Ширина столбца отличается от заданной
Ширина столбца отличается от заданной - 2
Неправильный шрифт в таблице
Неправильный шрифт в таблице - 2
Пустое место в ячейках или между ними

Проблемы с установкой фонового рисунка
При помощи графических программ и добавлений к тэгу вы можете украсить страницу или таблицу на странице фоновым рисунком. Если у вас проблемы с отображением фонового рисунка, причин может быть несколько: рисунок поврежден, файл находится не в том месте, которое вы указали, или используемый вами HTML неверен. Если вы используете редактор страниц FrontPage, возможно, вы используете неверную функцию.

Установка фона в FrontPage
Фон сливается со страницей
Фон сливается со страницей - 2
Повторяется фоновый рисунок
Предотвращение повторения фонового рисунка
Фон загружается слишком медленно
Фон загружается слишком медленно - 2
Фон не появляется вокруг краев изображения
Фон не появляется вокруг краев изображения - 2
Прозрачность при работе с FrontPage

Текст размещается неправильно
При создании страницы с текстом заманчиво разбить текст на строки так, как вам надо – но, увы, страницы не всегда будут выглядеть именно так. Броузеры пользователей могут отображать текст по-разному: либо потому, что шрифт недоступен, либо потому, что пользователь изменил размер шрифта или окна, так что текст перестанет помещаться в отведенное ему место. Понятно, что для текста лучше оставлять побольше места.

Слишком большие отступы между абзацами
Специальные символы не отображаются
Коды специальных символов
Текст должен появляться поверх изображения
Маркированный список выглядит неправильно
Маркированный список выглядит неправильно - 2
Текст размещается неправильно
Текст размещается неправильно - 2
Слишком большие отступы между абзацами
Текст со специальными символами

Форма размещается неверно
Чтобы привести форму в порядок, есть две возможности. Первая – использовать преформатированный текст (preformatted text), с которым броузер использует моношириные шрифты, показывает разбивку и разрывы строки в точности так, как показано в вашем HTML.

Использование преформатированного текста
Использование таблицы
Текстовые поля в разных броузерах
Форма не работает
Форма не работает - 2
Отправка e-mail с веб-страницы
Кнопки выбора размещаются в квадратиках
Форма FrontPage неверно сохраняет
Форма FrontPage неверно сохраняет - 2
Неверные значения от кнопок выбора

Фреймы не работают
Чтобы отображать фреймы, вам необходимы три вещи: страница, устанавливающая фреймсет (frameset) – общую структуру страницы, отдельные страницы, появляющиеся во фреймах, и броузер, способный отображать фреймы. Если какой-либо из этих элементов отсутствует, броузер отобразит пустую страницу, страницу с ошибкой или просто одну страницу без сделанных вами фреймов.

Границы между фреймами
Границы между фреймами - 2
Изменение пространства между фреймами
Неверное размещение или размер фрейма
Неверное размещение или размер фрейма - 2
Регулирование размеров в FrontPage
Во FrontPage недоступны функции меню Frames
Гиперссылки не загружают страницы
Гиперссылки не загружают страницы - 2
Ссылки к фреймам во FrontPage

Странице не хватает цветов
По умолчанию веб-страницы не имеют какого-либо цвета; как и обычные печатные страницы, они представляют собой черный текст на белом фоне. Пока вы не установите цвета для элементов вашей страницы, она будет выглядеть довольно уныло. Хотя, с другой стороны, цветов может быть многовато.

Цвета на странице дисгармонируют
Цвета на странице дисгармонируют - 2
Не тот цвет элемента
Элементы, которые вы можете раскрасить
Цвета выглядят неправильно
Цвета выглядят неправильно - 2
Цвета рисунков не совпадают
Сплошные цвета в рисунках JPEG
Цвета в рисунке GIF зернистые и неровные
Цвета в рисунке GIF зернистые и неровные - 2

Шрифт, заданный по умолчанию, выглядит неправильно
Например, в программе FrontPage вы могли выделить текст на странице и изменить шрифт с помощью панели инструментов. Это поменяло шрифт выделенного отрывка, но не изменило шрифт по умолчанию для всей страницы, или в HTML вы попробовали добавить дополнительный тэг для текста. В обоих случаях вы лишь спутаете на вашей странице связанные со шрифтами установки, но так и не измените шрифт по умолчанию. Более того, если вы позже решите изменять шрифты, вы должны будете менять их ещё во многих местах.

Установка шрифта по умолчанию во FrontPage
Размер текста
Размер текста - 2
Изменение размера шрифта в FrontPage
Выбранные шрифты не отображаются
Выбранные шрифты не отображаются - 2
Шрифт не дает нужного эффекта
Шрифт не дает нужного эффекта - 2
Шрифт выглядит неправильно
Шрифт выглядит неправильно - 2

Ни один из шаблонов FrontPage не подходит
Первый шаг при использовании FrontPage – это создание своего сайта FrontPage – совокупности веб-страниц, изображений и файлов поддержки, которые FrontPage использует для организации вашего проекта. Чтобы помочь вам сделать это, FrontPage предлагает ряд шаблонов и мастеров – для собственного проекта, поддержки или корпоративных сетей – но совсем не обязательно, что они окажутся именно тем, что вам нужно.

Созданный сайт не имеет всех нужных страниц
Сообщение об ошибке при попытке открыть
Сообщение об ошибке при попытке открыть - 2
Проблемы с печатью сайта
Счетчик или компоненты не работают
Счетчик или компоненты не работают - 2
Счетчик или компоненты не работают - 3
Некоторые функции FrontPage недоступны
Отчет FrontPage указывает на проблемы
Отчет FrontPage указывает на проблемы - 2

Основная структура страницы HTML
Страница HTML – это текстовый файл со следуюшей основной структурой:
Page Title
Первая строка является необязательной, но она сообщает HTML программам подтверждения, какую версию HTML вы собираетесь использовать на своей странице.

Правила формата стиля
Одним из правил каскадированной таблицы является селектор – тэг HTML, сопровождаемый параметрами CSS в скобках, отделенный точкой с запятой.

Каскадированость и наследственность
Установка множественных стилей
Установка стиля в контексте
Единицы длины
Внешняя таблица стилей
Таблица стилей внутри файла
Применение стиля к одному тэгу HTML
Создание выборочного класса стилей или ID
Применение выборочных классов или ID к тэгу
Номера цветов

Особо важные адреса

Алгоритмы сжатия изображений

Изображения (как и видео) занимают намного больше места в памяти, чем текст. Так, скромная, не очень качественная иллюстрация на обложке книги размером 500x800 точек, занимает 1.2 Мб — столько же, сколько художественная книга из 400 страниц (60 знаков в строке, 42 строки на странице). В качестве примера можно рассмотреть также, сколько тысяч страниц текста мы сможем поместить на CD-ROM, и как мало там поместится качественных несжатых фотографий. Эта особенность изображений определяет актуальность алгоритмов архивации графики.

Продолжение

Кодирование изображений

При цветовых преобразованиях необходимо также помнить, что между цветовыми моделями CIE, CMY, RGB, YIQ существуют аффинные преобразования, тогда, как между HLS и HSV- нет. Данное обстоятельство будет заметно, если изображение, содержащее непрерывные цветовые переходы, переводить, например, из HLS в RGB (на изображениях может появиться разрыв непрерывности).

Продолжение


Информатика и технология программирования
MathCAD
Матричные вычисления в Mathcad
Энциклопедия 3ds max 6
3DS MAX 7
Принципы организации IP-телефонии на базе решений Cisco Systems
Иллюстрированный самоучитель по введению в экспертные системы
Основы работы с системой MathCAD 7.0
Матричные вычисления в Mathcad
Бытовая радиоаппаратура и ее ремонт
Противостояние форматов DVD-R-RW и DVD+RW
Векторная графика в программе FreeHand
Active Directory для Windows Server 2003
Маурин Евгений - Возлюбленная Фаворита
Меррит Абрахам Грайс - Гори Ведьма Гори
Аппаратное обеспечение IBM PC
SW-CMM (Модель зрелости процессов разработки ПО)
Компьютерные сети Принципы, технологии, протоколы
Методы и средства инженерии программного обеспечения
Мельников Руслан - Тайный Рыцарь