Как сделать ваш сайт динамичной
Ваш сайт все еще такой же статический, как и всегда? Среди нынешнего геометрического роста интернет -сайтов значительное количество из них все еще придерживается статического и невидимо отстают за темпами времени. Так называемый статический означает, что содержимое веб-страницы исправлено. Статический HTML документ. Содержание его страницы использует только стандартный HTML -код, и, в лучшем случае, он сопровождается популярными динамическими изображениями формата GIF89A, такими как эффект анимации нескольких щенков и бегающих котят. Если постановщик веб -сайта хочет обновить содержание веб -страницы, он или она должен вручную обновить все свои или ее HTML -документы.
Фатальная слабость статических веб -сайтов заключается в том, что их нелегко сохранить. воображение.
Вы не можете не спросить: так что такое динамичный сайт? Это ядро статьи.
1. Интерактивность означает, что веб -страницы динамически изменятся и реагируют в соответствии с требованиями и вариантами пользователей, а также используют браузер в качестве интерфейса клиента.
2. Автоматическое обновление означает, что вам не нужно вручную обновлять документ HTML, и будет автоматически создана новая страница, которая может значительно сохранить рабочую нагрузку.
3. Он меняется со временем на человека, то есть, когда разные люди посещают один и тот же веб -сайт в разное время, и разные люди будут производить разные страницы.
Теперь, когда у вас есть базовая концепция для динамических веб -сайтов, вы должны выбрать компетентное оружие дальше. Есть много способов динамически сделать ваш сайт, это зависит от того, каковы ваши потребности. Если вы являетесь сопровождающим свой личный веб -сайт и используете бесплатное пространство домашней страницы, в большинстве случаев вы можете использовать только Java, Java Script и новейшую технологию DHTML. Будьте очень повезло играть с настоящими динамичными технологиями. Технология CGI и ASP будет обсуждаться позже.
Что такое DHTML? Чем он отличается от традиционного HTML? DHTML - это когда веб -страница загружается с веб -сервера и больше не нужно обрабатывать сервером, но напрямую и динамически обновляет контент, стиль макета и анимацию веб -страницы в браузере. Например, когда мышь переходит к абзацу статьи, абзац может повернуть синий или когда вы нажимаете на гиперссылку, будет автоматически генерироваться раскрывающийся в списке каталог подгиперлинки. Это динамический HTML (динамический HTML), который является одним из самых захватывающих и практических инноваций в быстрого развития Интернета в последние годы. Это концепция, достигнутая благодаря всесторонней разработке различных технологий, включая Java Script, VB0Script, Document Object Model, слои и листы каскадных стилей (CSS StyleShips) и т. Д. Очень прискорбно, что после нескольких сражений между Netscape и Microsoft IE браузером мы все еще не получили единого стандарта для поддержки DHTML. Поэтому эта статья должна быть описана отдельно при введении DHTML. Давайте сначала посмотрим на поддержку Microsoft IE 4 для DHTML:
1. Динамический контент: динамически обновлять содержимое веб -страницы и в любое время динамически вставить, изменять или удалять компоненты веб -страницы, таких как текст, теги и т. Д.
2. Динамические листы стилей: через каскадные листы W3C (подключенный шрифт, называемый CSS1 или CSS), он обеспечивает размер шрифта, размер шрифта, толщину, стиль шрифта и высоту линии тегов HTML. Линия или средняя горизонтальная линия, расстояние от края, центрирование слева или центрирование, отступать, фоновое изображение или цвет и другие функции набора. Динамические стили макета могут динамически изменить стиль макета в любое время.
3. Динамическое позиционирование: через рабочую черновик W 3 C по позиционированию HTML с каскадными листами стилей он обеспечивает функцию позиционирования компонентов HTML на осях x, Y и Z, позволяя дизайнерам размещать изображения, элементы управления, текст и т. Д. где угодно на странице. Размещая его на различную ось Z, дизайнер может дать перекрывающиеся эффекты.
4. Встроенная осведомленность данных: нет необходимости в сложных программах или тратить слишком много ресурсов на сервере, что позволяет веб-дизайнерам обрабатывать документы в режиме реального времени.
5. Встроенная мультимедийная поддержка: IE 4.0 объединяет CSS и встроенные элементы управления ActiveX для предоставления мультимедийных функций поддержки, включая мультимедийные функции, такие как эффекты преобразования, эффекты фильтра, управление пути, управление последовательностями, анимация, чертеж, воспроизведение звука и изображения Полем
Давайте посмотрим на поддержку, предоставленную Netscape Communicator 4.0 для DHTML:
1. Динамические листы стилей: поддержка W 3 C каскадные листы стиля (стиль подключенного типа, называемый CSS1 или CSS), и домашние листы стиля сценариев Java.
2. Денинамии слои: предоставляет функции позиционирования изображений и текстов, изменяя перекрывающийся порядок изображений и текстов, контролируя скрытие или отображение изображений и текстов, а также позволяет проектировать эффекты анимации!
3. Денинамические шрифты: предоставляет функцию загрузки шрифтов с сервера. Можно видеть, что, хотя IE 4.0 и Netscape Communicator 4.0 обеспечивают динамическую поддержку HTML, на самом деле, за исключением аналогичных спецификаций каскадных листов в стиле, остальные очень разные. Поэтому, когда вы проектируете страницы DHTML, проблемы совместимости должны быть полностью рассмотрены. Автор будет внимательно объяснить методы использования и методы проектирования DHTML в главе 2 «Восемнадцать боевых искусств динамического веб -дизайна», пожалуйста, обратите пристальное внимание.
Возможно, для личного веб -сайта полного использования технологии DHTML достаточно, чтобы оживить веб -страницу и полное динамичности. Тем не менее, для предприятий, которые создают коммерческие веб -сайты, его достаточно далеко, чтобы иметь DHTML. Поскольку динамические эффекты, которые возникают только в браузере клиента, не могут удовлетворить динамические потребности коммерческих веб -сайтов, таких как большие объемы запросов на информацию, консультации с клиентами, взаимодействие с ресурсами и т. Д. Следовательно, как дизайнер коммерческих веб -сайтов, необходимо разработать более практичный и интерактивный динамический веб -сайт. Поскольку большинство коммерческих веб -сайтов имеют большое количество данных и информации, первоначальное намерение построить сеть состоит в том, чтобы помочь клиентам запросить корпоративную информацию, облегчить общение с клиентами и получить своевременную обратную связь. Затем вы неизбежно столкнетесь с тем, как позволить пользователям запросить информацию о веб -базе данных через Интернет или Intranet в интерфейсе браузера и даже вводить, обновлять и удалять информацию на веб -сервере. Ниже я кратко представлю несколько часто используемых методов дизайна динамического веб -сайта:
1. Традиционный метод CGI (общий интерфейс шлюза) используется для выполнения исполняемой формы, установленной формой. . Приложение CGI, программа CGI анализирует информацию, введенную в форме (форма), обращается к веб -базе и возвращает результаты выполнения запроса в браузер в формате HTML. Использование CGI для доступа к веб -базам данных имеет много недостатков, таких как нелегкая разработка, высокая стоимость изменений и модификации, ограниченные функции, нелегко обнаружить ошибки, медленная скорость выполнения и т. Д., А поскольку он не интегрирован в HTML -документы, документы, документы HTML, Он должен использоваться полностью с HTML.
2. IDC (Internet Database Connector) Интернет -база. IIS. Вам нужно только освоить базовые знания HTML и SQL и написать несколько кодов для компиляции интерактивных приложений базы данных, позволяя пользователям запросить, вводить, обновлять и удалять на веб -сервере в информации о данных интерфейса браузера. Как нравится программисты VB, файлы, которые составляют приложение IDC, объясняют. Быстрый цикл разработки и обратная связь. Но цена этой простоты состоит в том, чтобы пожертвовать большим количеством гибкости, которая заставляет вас отказаться от большого контроля над пользовательским интерфейсом и почти всей способности проверять данные. Поэтому IDC подходит только для простых веб -приложений.
3. ActiveX Объект данных (ADO) является лучшим выбором для приложений для веб -базы данных.
Что такое объект данных ActiveX (ADO для краткости)? Технология Activex Data Legnial позволяет вам объединить с Active Server Pages (ASP для короткого) для создания контента веб -страницы, который предоставляет данные данных. Введите, обновляйте и удаляйте данные на веб -сервере в интерфейсе браузера. Когда браузер на стороне пользователя заполняет информацию, необходимую для ввода в форму, и нажимает кнопку отправки, HTTP -запрос передается на веб -сервер через Интернет и Intranet. на веб -сервере (имя суффикса) для. Документ ASP - это простой текстовый документ, который включает в себя: теги HTML, код программы VBScript или JScript, синтаксис ASP и инструкции по структурированному языку запросов. IIS3.0/4.0. Заполнение веб -сервера. ADO имеет преимущества простого использования, быстрого развития и выполнения, меньше системных ресурсов и небольших дисковых пространств.
Выше представлены динамические технологии, обычно используемые при разработке коммерческих веб -сайтов. будущее. Поэтому во второй главе этой статьи «Восемнадцать боевых искусств динамического веб -дизайна» автор объяснит использование ADO и ASP, так что следите за обновлениями.