Сайт о том как делают сайты

Пакет Adobe GoLive

Конструкции HTML называются тегами. Для того, чтобы браузер мог отличить их от обычного текста, они заключаются в угловые скобки. Тег обозначает начало действия какой-либо инструкции отображения. Если эта инструкция применяется ко всему документу, то этот тег не имеет своего закрывающего близнеца. Но большинство тегов все-таки обладают парой, которая прекращает действие первого тега. Так, например, каждая Web-страница должна начинаться с тега , а заканчиваться его закрывающим близнецом . Обратите внимание, что закрывающий тег отличается от открывающего лишь наличием косой черты после первой угловой скобки. Также некоторые тега обладают параметрами, которые уточняют правило отображения содержимого. Немного позже мы на примере увидим, как применяются эти параметры, а сейчас лишь отметим, что эти параметры могут указываться только в открывающем теге. Наименования тегов и их параметров могут быть написаны в любом регистре, как большими символами, так и строчными. Анализаторы HTML, встроенные в каждый браузер не обращают внимания на регистр символов, которыми написаны все служебные конструкции HTML-документов.

Глава 1. Язык HTML
Интернет — это огромное объединение компьютерных сетей в планетарном масштабе. А если учесть, что обитатели Международной Космической Станции пользуются услугами электронной почты, то становится ясно, что Интернет уже шагнул за пределы планеты. Очень часто Интернет ошибочно отождествляют с самой популярной и масштабной его частью — всемирной путиной, которая в английском языке получила наименование WWW (World Wide, Web). По сути дела, паутина — просто огромное количество взаимосвязанных документов. Ключевое слово — взаимосвязанных, т. е. текст Web-страницы органично вставляются гиперссылки, которые служат механизмом соединения с другими Web-страницами. Честно говоря, рассказывать на словах о механизме гиперссылок достаточно трудно, но тот, кто ють раз посетил какой-либо Web-сайт, тот сразу поймет все их значение.

Основы
Cтруктура HTML-документа
Используемые символы
Цвета и единицы измерения
Оформление текста
Графика и мультимедиа
Гиперссылки
Списки
Таблицы
Фреймы
Встраиваемые объекты
Формы
Использование сценариев

Глава 2. Adobe Golive 6 перед вами; как не заблудиться
Панель инструментов Adobe Golive содержит кнопки и выпадающие меню, набop которых зависит от того, какой из объектов рабочей области выбрали. Вы можете использовать панель инструментов для изменения выделенного текста или объектов в окне документа, таких, как выбор формата параграфа для выделенного текста или изменения размеров текстового поля макета. Также, с помощью панели инструментов, можно выполнять общие задачи, относящиеся к вашему документу или всему Web-сайту, такие, как включение предупрежде-ий о ссылках (link warnings) или просмотр вашего документа прямо в браузере. Чтобы показать или спрятать панель инструментов, следует выполнить ко-анду меню Window | Toolbar (Окно | Панель инструментов).

Панели инструментов: шаг за шагом
Возможности окна документа
Переключение между окнами
Применение палитр
Настройки
Создание гиперссылок
Работа с кириллическими символами

Глава 3. Начинаем строить Web-сайт
Следует отметить, что Adobe GoLive 6.0 позволяет использовать события в элементах форм. Эти события являются частью объектной модели- документа DOM (Document Object Model) и поддерживаются при помощи cриптовых языков, действующих на стороне пользователя, как например, JavaScript. Однако будьте осторожны, помните, что браузеры не всегда правильно поддерживают JavaScript в формах. Adobe GoLive позволяет вам создавать формы визуально в режиме Layout (Макет) путем перетаскивания шктограмм необходимых элементов форм (элементов HTML) из вкладки Forms (Формы) палитры объектов в окно макета. Одновременно с построением формы в визуальном режиме вы можете проверить исходный код НTML, переключаясь в режим Source (Исходный код) или в режим Outline Editor (Редактор эскиза).

Формы
Работа с таблицами
Редактирование HTML-кода
Настройки Web в Adobe GoLive

Глава 4. Верстка страниц
Так называемые "разумные" объекты предлагают несколько более эффективный путь вставки изображений в Web-страницы, чем традиционный ход работы. Разумные объекты позволяют дизайнерам сосредоточиться на раскладке и дизайне страницы, а не на механизме конвертирования файлов между форматами. Их применение позволит вам отказаться от трудного процесса редактирования исходных файлов в одном формате, слежения за тем, где именно находится исходный файл для оптимизированных изображений, перевода их В формат сохранения для Web в отдельной программе, импортирования переведенных файлов в Adobe GoLive и последующего синхронизированного сохранения двух групп файлов.

"Разумные" объекты и ссылки
Создание новой Web-страницы Добавление тегов Head
Работа с текстом
Применение макетной сетки
Добавление горизонтальных линий
Перемещение, изменение размеров и группировка объектов
Работа с цветом
Добавление гипертекстовых ссылок
Применение закладок
Создание выпадающих списков URL
Отслеживание изменений на страницах
Предварительный просмотр страниц
Просмотр информации о документе
Выравнивание и распределение объектов
Работа с часто используемыми объектами

Глава 5. Публикация сайта
Обязательно следует проверить сайт на наличие оборванных и неверных ссылок, убедиться, что все ссылки ведут на реально существующие ресурсы в Web и для каждой новой созданной страницы, добавляемой к сайту, на остальных страницах присутствуют соответствующие гиперссылки. Естественно, все процедуры, выполняемые перед публикацией сайта должны производиться в основном окне всего сайта, а не в режиме разработки отдельных HTML-документов. Сначала рекомендуется проверить ссылки в режиме навигации сайта.

Публикация, просмотр и управление сайтом
Индикация ошибок
Проверка внешних ссылок
Связь с FTP-сервером
Методика обновления сайта
Закачка сайта из WWW
Тестирование сайта
Режимы просмотра
Файлы, входящие в состав сайта
Коллекции
Общее цветовое оформление сайта
Шрифты, используемые на сайте

Глава 6. Инструменты поиска
Естественно, если разработчик создает маленький сайт, состоящий из двух-трех страничек, он способен хранить в памяти все его составляющие. Разработчик знает, на какой странице располагается тот или иной текст, и ему нет нужды прибегать к специальным возможностям поиска. Однако, если разрабатываемый или поддерживаемый сайт достаточно велик, без этих средств уже не обойтись. Представим простую ситуацию, когда на сайте ежедневно публикуется несколько статей, и в один далеко не прекрасный момент один из авторов заявляет, что у него изменился адрес электронной почты, который указывается вместе с именем автора в каждой статье. Неужели придется вручную перебирать все Web-страницы, входящие в состав сайта, и менять там адрес?

Инструменты поиска
Текстовый поиск
Поиск в HTML-коде
Поиск файлов
Отчеты

Глава 7. Динамический HTML
Итак, изучив первые главы книги, мы научились разрабатывать HTML-документы, предназначенные для отображения в браузерах, и управлять стилевым оформлением элементов содержимого этих документов: Для получения еще более интересных возможностей следует сделать еще один шаг вперед — изучить технологию динамического HTML, которую часто обозначают как DHTML (Dynamic HTML). Но прежде чем мы узнаем, в чем же суть, следует сделать маленькое техническое отстуялейие. Существует такое понятие, как языки сценариев, или, как их еще называют, скриптовые языки. Среди них есть такие языки, которые распознаются и обрабатываются непосредственно браузером. Это VBScript и JavaScript. Язык VBScript ведет свою родословную от языка Visual Basic, развиваемого и поддерживаемого корпорацией Microsoft.

Динамический HTML
Структура JavaScript
Объектная модель
Обработка событий
Свойства и методы элементов Web-страниц
Применение стилей
Позиционирование элементов Web-страницы
Обработка форм
Графические фильтры
Приложение 1. Изменяющиеся изображения
Приложение 2. Вставка сценариев JavaScript
Приложение 3. Вставка Java-апплетов
Разное

Пакет Adobe Acrobat

Программа Adobe® Acrobat® 6.0 Standard представляет собой надежный и эффективный инструмент для обмена документами любого формата. Эту программу можно использовать для публикации в формате PDF (Portable Document Format -Переносимый формат документов) практически любого документа, сохраняя при этом точный вид и содержимое его оригинала, в том числе шрифты и графику.
Документы в формате PDF можно распространять по электронной почте, или хранить в сети Web, в интрасети, в файловой системе, либо на компакт-диске. Ваши файлы смогут просматривать пользователи компьютеров на платформе Microsoft® Windows®, Mac® OS и UNIX®. Вы можете добавлять в документ интерактивные элементы, например, гиперссылки и звуковые клипы. Кроме того, программа Acrobat позволяет комментировать документы, подписывать их цифровыми подписями и надежно защищать уязвимые файлы.
Книга «Adobe Acrobat 6.0 Standard. Официальный учебный курс» входит в серию официальных учебников, издаваемых компанией Adobe, посвященных работе с графическими и издательскими программами этой компании. Уроки в книге спроектированы так, чтобы вы могли изучать их с любой скоростью. Если вы никогда не работали с Adobe Acrobat Standard, то для полного овладения этой программой вам придется изучить ее основные концепции и функциональные средства. А если вам уже доводилось работать с программой Acrobat Standard, то вы научитесь использовать многие дополнительные средства, появившиеся в последней версии 6.0. В уроках этого учебника описываются новый пользовательский интерфейс программы Adobe Acrobat Standard, новые методы создания файлов Adobe PDF, мощные дополнительные методы, позволяющие использовать содержимое файлов Adobe PDF в других приложениях. Описываются новые инструменты для просмотра и комментирования содержимого документов Adobe PDF, а также способы преобразования документов в легкодоступные, удобочитаемые и хорошо организованные электронные книги. Вы научитесь создавать фотоальбомы, которые смогут просматривать ваши друзья и близкие.
Хотя в каждый урок включены пошаговые инструкции для выполнения конкретных проектов, в них оставлен простор для исследований и экспериментов. Вы можете изучать книгу от корки до корки, либо обратиться только к тем урокам, в которых обсуждаются интересующие или нужные вам вопросы.

Введение
Введение в программу Acrobat Standard
Знакомство с рабочей областью
Преобразование файлов Microsoft Office
Преобразование файлов в формат Adobe PDF
Настройка качества выходных файлов Adobe PDF
Создание файлов Adobe PDF из Web страниц
Модифицирование файлов PDF
Использование Acrobat Standard
Помещение документов онлайн
Оптимизация дизайна онлайновых документов
Подписание и защита документов
Заполнение форм
Подготовка презентаций
Работа с рисунками и изображениями

Первый сайт с FrontPage

Интернет прочно вошел в нашу жизнь. Огромное количество пользователей Интернета во всем мире ищет в WWW интересующую их информацию, общение, друзей. Многие организации применяют Интернет для размещения рекламы, поиска рынков сбыта, поставщиков товаров и услуг. Большинство из них имеют собственные Web-узлы, содержащие подробную информацию о фирме, перечень предоставляемых услуг, свободных вакансий, формы заказа товаров, различные виды анкет и т. п.
Вы познакомитесь с возможностями Интернета и научитесь создавать собственные Web-узлы. Если на вашем компьютере установлен Windows, то для доступа к сети Интернет и работы с электронной почтой дополнительное программное обеспечение не требуется, так как вы можете использовать обозреватель (браузер) Internet Explorer и программу Outlook Express, встроенные в операционную систему. С помощью программы FrontPage, входящей в состав Microsoft Office XP, можно создать свой Web-узел и разместить его в Интернете. При этом не обязательно знать языки программирования в HTML-кодах. Новая версия программы рассчитана как на программистов, так и на пользователей, не знакомых с программированием, поскольку предоставляет достаточно простой и понятный интерфейс.

Введение

Глава 1. Что такое Интернет
Интернет является глобальной сетью, объединяющей множество компьютеров, соединенных для совместного использования ресурсов и обмена информацией. Он соединяет множество типов сетей, среди которых могут быть правительственные, научные, сети маленьких фирм и больших корпораций. Каждая из этих сетей содержит выделенный компьютер, называемый сервером, с помощью которого осуществляется соединение с другими сетями. Пользователи сети для соединения с сервером применяют телефонные линии, выделенные каналы, радио и спутниковую связь. Для связывания сетей между собой используются высокоскоростные каналы, среди которых наиболее популярной является оптоволоконная линия связи.

Глава 2. Подключение к Интернету
Для подключения к Интернету вы должны заключить соответствующий договор с организацией (провайдером), которая будет обеспечивать поддержку вашей работы в Интернете. Для многих заключение договора является наиболее сложной частью подключения к Интернету, так как от провайдера зависит и качество связи, и спектр предоставляемых услуг, и стоимость работы в Интернете. Если несколько лет назад выбор был небольшим, то сегодня множество провайдеров предлагает услуги по подключению к Интернету, и трудность состоит в выборе из них лучшего.

Глава 3. Использование Internet Explorer для просмотра Web-страниц
Как вы уже знаете, для обмена данными в Интернете используется технология клиент-сервер, а доступ к определенным ресурсам осуществляется с помощью соответствующей клиентской программы. Для просмотра Web-страниц существует большое количество программ, среди которых наиболее популярной является обозреватель Internet Explorer. В этой главе вы познакомитесь с наиболее полезными возможностями Internet Explorer. Вы узнаете, как перемещаться по Web, как добираться до нужных вам Web-страниц и как заставить Internet Explorer быстрее загружать Web-страницы.

Глава 4. Поиск информации в Интернете
Интернет содержит огромное количество полезной информации, но найти в ней требуемую не так просто. Поиск нужных сведений в обозревателе Internet Explorer осуществляется с помощью панели Поиск. Кроме этого, для быстрого поиска вы можете использовать панель Адрес, вводя в поле ввода команды поиска go , find или ? . В Windows поиск данных в Интернете может также осуществляться с помощью команды Найти из меню Пуск, открывающей меню следующего уровня. При выборе из этого меню опции В Интернете начинается поиск на Web-страницах, при выборе значения Людей — поиск электронных адресов людей и организаций.

Глава 5. Избранные Web-страницы и работа в автономном режиме
При работе с Web-страницами довольно много времени уходит на просмотр их содержания. Пока вы их просматриваете, канал связи не используется, но счетчик провайдера, учитывающий время работы в Интернете, все равно отсчитывает это время. Обозреватель Internet Explorer позволяет загрузить интересующие вас Web-страницы для дальнейшего их использования в автономном режиме. Для них вы можете настроить график обновления содержимого страниц.

Глава 6. Мультимедиа в Интернете
С помощью обозревателя Internet Explorer вы можете на Web-страницах просмотреть не только текст и графику, но также прослушать музыкальные произведения, радиовещание и просмотреть видеофайлы. Для использования звуковых и мультимедийных возможностей ваш компьютер должен быть оборудован звуковой картой и колонками. Для воспроизведения мультимедийных фрагментов Web-страниц в Windows используется программа Windows Media, представляющая собой универсальный проигрыватель, который служит для просмотра и прослушивания аудио- и видеофайлов в большинстве популярных форматов, находящихся Как на компьютере, так и на Web-страницах. Эта программа подходит также для прослушивания компакт-дисков.

Глава 7. Настройка Internet Explorer
Обозреватель Internet Explorer, как и все программы, входящие в Microsoft Office, можно настроить. Для настройки используется диалоговое окно Свойства обозревателя (рис. 7.1), открываемое при выборе одноименной команды в меню Сервис. Среди настраиваемых параметров: вид домашней страницы обозревателя Internet Explorer, цвет текста и фона Web-страниц, используемые шрифты и языки, защита передаваемой и получаемой информации, ограничение доступа к Web-страницам и т. п. Рассмотрим более подробно диалоговое окно Свойства обозревателя и настраиваемые с его помощью параметры работы программы.

Глава 8. Электронная почта
Еще совсем недавно основными средствами общения людей на расстоянии были только почта и телефон. Для отправки письма по почте требовалось приобрести конверт, написать письмо, вложить его в конверт и отнести на почту или опустить в ближайший почтовый ящик. Не нужно объяснять, сколько проходило времени с момента отправки письма до его получения адресатом. С появлением электронной почты достаточно нескольких минут, чтобы письмо дошло до того, кому оно предназначено. Вариантов использования электронной почты (e-mail) много, но основное ее назначение — это обмен сообщениями и файлами.

Глава 9. Программа FrontPage
В первых главах этой книги вы познакомились с основными возможностями сети Интернет. Путешествуя по ней, вы, конечно, обратили внимание, что там можно найти разнообразную информацию. Многие газеты и журналы размещают на своих Web-узлах самые свежие новости. Тысячи фирм имеют собственные Web-страницы, где можно узнать о предлагаемых ими товарах и услугах. С помощью Интернета вы получите не только информацию справочного характера, но и сможете сделать заказ на покупку товара. Поскольку Интернет активно входит в нашу жизнь, на рынке труда появляется новые специальности — это разработка и дизайн Web-страниц. Благодаря программе FrontPage теперь создавать Web-страницы могут не только профессиональные программисты, но и пользователи, которые хотят иметь Web-узел для личных целей, так как нет необходимости программировать в (кодах HTML и знать HTML-редакторы.

Глава 10. Элементы оформления Web-страниц
Путешествуя по Интернету, вы просмотрели десятки разнообразных Web-узлов. Многие из них привлекают внимание своим внешним оформлением, удобно размещенной информацией, хорошо продуманными средствами навигации. А сколько порой раздражения вызывает Web-узел, требующий долгой загрузки информации. Если к тому же окажется, что он не информативен, у вас пропадет желание посещать его еще раз. Поэтому, приступая к собственной разработке Web-узла, как следует просмотрите в Интернете понравившиеся вам страницы, подумайте над тем, чем именно они привлекли ваше внимание, какие из элементов оформления вы хотели бы использовать в своем Web-узле.

Глава 11. Создание Web-узла с помощью мастеров и шаблонов
Мы познакомились с главным окном программы FrontPage. Прежде чем приступить к самостоятельной разработке Web-узла, давайте ознакомимся с шаблонами и мастерами, предлагаемыми программой FrontPage для ускорения разработки. Создание Web-узла — это достаточно трудоемкий процесс, требующий не только больших затрат времени, но и обширных знаний в области разработки. Программа FrontPage идет навстречу разработчикам, предоставляя в их распоряжение средства, призванные сократить до минимума время, затрачиваемое на создание проекта. Среди них большое количество шаблонов и мастеров по созданию Web-страниц, фреймов, Web-узлов и стилей.

Глава 12. Размещение на Web-странице текста и заголовков
В этой главе вы познакомитесь с размещением на Web-странице текстовой информации, заголовков, узнаете о средствах по форматированию символов, абзацев, использовании для оформления информации списков. Для создания Web-узла воспользуемся шаблоном Одностраничный веб-узел (One Page Web). Этот шаблон удобен для изучения возможностей, которые предоставляет программа FrontPage разработчику. Данный шаблон формирует структуру Web-узла и добавляет в нее одну пустую страницу, на которой в дальнейшем будет размещаться информация. При этом к странице не предъявляется каких-либо специальных требований по оформлению или форматированию. Все, что нам потребуется, мы разместим на этой странице самостоятельно.

Глава 13. Использование таблиц в оформлении Web-страницы
Наиболее часто таблицы на Web-страницах используют для выравнивания информации, содержащей текст и графические изображения, так как при форматировании символов и абзацев используются средства, которые могут игнорироваться некоторыми обозревателями (например, пустые строки). FrontPage предоставляет инструменты для работы с таблицами, упрощающие решение большинства практических задач. Команды, предназначенные для работы с таблицами, позволяют легко создавать и редактировать таблицы, а также упорядочивать и форматировать содержащиеся в ней данные.

Глава 14. Продолжаем создание одностраничного Web-узла
Из этой главы вы также узнаете, что такое общие области и как их использовать при создании нижнего колонтитула Web-страницы. Вид, который имеет разрабатываемая вами Web-страница в режиме редактирования программы FrontPage, может отличаться от того, как она будет выглядеть при просмотре в обозревателе. Для контроля получаемых результатов работы необходимо периодически просматривать Web-странипу и обозревателе, чтобы вовремя устранить те или иные возникающие нюансы. Как просмотреть Web-страницу с помощью обозревателей, установленных на вашем компьютере, не выходя из программы FrontPage, мы также рассмотрим в этой главе.

Глава 15. Использование изображений, звука и видео для оформления Web-страницы
При создании Web-узлов чаще всего применяют графические форматы JPEG (Joint Photographic Experts Group) и GIF (Graphics Interchange Format). При записи файлов в этих форматах происходит сжатие данных. Выбор того или иного формата определяется поставленными задачами. Формат GIF применяется для изображений, содержащих меньше 256 цветов, и используется, в основном, для создания анимационных эффектов. Если изображение содержит более 256 цветов, то используется формат JPEG. Все вышесказанное не означает, что не подойдут для использования в программе FrontPage графические файлы, имеющие другие форматы.

Глава 16. Создание текстовых и графических гиперссылок
Для перемещения по Web-странице, как и в любом текстовом редакторе, можно использовать полосы прокрутки, клавиши со стрелками на клавиатуре и комбинации клавиш. Так, например, для перехода в начало страницы используется комбинация клавиш +, в конец страницы — +. Клавиши и позволяют переместиться на один экран вверх или вниз, соответственно. Перемещение между страницами Web-узла осуществляется с помощью находящихся на них гиперссылок, закладок и панелей ссылок. Что такое гиперссылки и каких типов они бывают, что такое панель ссылок и что нужно сделать для ее создания, вы узнаете, прочитав эту главу.

Глава 17. Формирование задач и отчетов
Программа FrontPage предоставляет в распоряжение разработчика Web-узла 6 режимов работы, для перехода в которые предназначена панель режимов работы Представления (Views), располагаемая с левой стороны главного окна FrontPage, а также одноименные команды меню Вид (View). В режиме редактирования Страница (Page) на Web-страницах размещается информация, для просмотра которой Web-узел и создается. Режим просмотра структуры папок Папки (Folders) дает возможность разработчику получить подробную информацию о файлах той или иной папки Web-узла. В этом режиме можно создавать новые папки, перемешать файлы из одной папки в другую.

Глава 18. Использование документов Microsoft Office при создании Web-страниц
Программа FrontPage входит в состав Microsoft Office, который является в настоящий момент одним из наиболее популярных офисных пакетов. Значительный объем информации, который вы собираетесь размещать на Web-узле, может быть представлен в виде документов Word, Excel, PowerPoint или в базе данных Access. Все эти программы имеют схожие панели инструментов, команды меню. Зная одну из программ, вы легко сможете ориентироваться в остальных. Данные, подготовленные в этих программах, легко переносятся из одного приложения в другое с использованием буфера обмена и механизма "перенести-и-оставить". Документы Microsoft Office в программе FrontPage обозначаются теми же значками, что и в Windows.

Глава 19. Публикация Web-узла
После того как вы создали Web-узел, его можно опубликовать на сервере для всеобщего доступа. Публикация Web-узла предполагает размещение файлов, содержащих страницы и графику, на Web-сервере, подключенном к Интернету. Если вы собираетесь поместить свой Web-узел на сервер провайдера, следует узнать, поддерживает ли сервер технологии, используемые вами при разработке. Например, ваш Web-узел содержит формы. В процессе разработки FrontPage позволяет указать, как должны быть обработаны данные. Информация о способе обработки данных должна быть передана серверу с помощью серверных расширений FrontPage, которые обеспечивают полную поддержку работы Web-узла на сервере, а также доступ пользователю ко всем реализованным функциям узла.

Глава 20. Использование сложных элементов при оформлении
В этой главе будут рассмотрены вопросы, связанные с размещением на Web-страницах объектов, позволяющих сделать страницы более живыми и привлекательными для пользователей. С ПОМОЩЬЮ объекта Объявление на странице (Page Banner) вы сможете разместить на странице слайды, которые используются для рекламы товаров, а также просто для украшения страницы. Разнообразить представленную в Web-узле информацию можно с помощью фреймов (их называют также рамками), делающих страницу обновляемой при выборе размещенных на ней ссылок. Помимо этого, в главе будет рассмотрено создание и использование стилей для форматирования текста Web-страниц.

Глава 21. Использование компонентов при создании Web-страниц
Чтобы просмотреть значения данных параметров, откройте окно свойств страницы. Для этого на панели Список папок (Folder List) установите курсор на наименование файла, нажмите правую кнопку мыши и выберите в контекстном меню команду Свойства (Properties).

Глава 22. Создание форм
Формы содержат объекты, позволяющие вводить информацию: поля, где вводится информация, списки, содержащие варианты ответов, из которых посетителю необходимо выбрать вариант, группы переключателей, в которых необходимо установить соответствующую опцию, флажки, предполагающие два варианта ответа — согласен или не согласен. Формы содержат также и кнопки, позволяющие выполнять определенные действия, например, переслать на сервер для дальнейшей их обработки введенную в поля информацию или очистить поля ввода формы.

Непрофессиональное введение в Javascript

JavaScript - новый язык созданий сценариев, который разработала Netscape. С JavaScript Вы можете легко создавать интерактивные web-страницы. Этот учебник показывает Вам, что может быть сделано с помощью JavaScript - и что более важно, как это делается. Много людей полагают, что JavaScript есть Java из-за схожих имен. Но это не так. Я думаю, что зайду далеко в перёд, объясняя Вам все различия - поэтому просто запомините, что JavaScript это не Java. Что необходимо, чтобы выполнить сценарии, написанные на JavaScript? Вам необходим броузер поддерживающий JavaScript - например Netscape Navigator (версия 2.0 или выше) или Microsoft Internet Explorer (MSIE - начиная с версии 3.0). Так как эти два броузера широко распространены, большинство людей способно выполнить сценарии, написанные на JavaScript. Это конечно важный момент при выборе JavaScript, для улучшения ваших web-страниц. Естественно, Вам необходимо основные знания HTML перед чтением этого учебника. Вы можете найти многих действительно хороших интерактивных ресурсов, перекрывающих HTML.

Введение


Практическое введение в программирование на JavaScript

Язык гипертекстовой разметки HTML (HyperText Markup Language) был предложен Тимом Бернерсом-Ли в 1989 году в качестве одного из компонентов технологии разработки распределенной гипертекстовой системы World Wide Web. Когда Т. Бернерс-Ли предложил свою систему, в мире информационных технологий наблюдался повышенный интерес к новому и модному в то время направлению-гипертекстовым системам. Сама идея, но не термин, была введена В. Бушем в 1945 году в предложениях по созданию электромеханической информационной системы Меmех. Несмотря на то, что Буш был советником по науке президента Рузвельта, идея не была реализована. В 1965 году Т. Нельсон ввел в обращение сам термин "гипертекст", развил и даже реализовал некоторые идеи, связанные с работой с "нелинейными" текстами.

Принципы гипертекстовой разметки
Методы объектов и свойства объектов

Самоучитель по JavaScript

Этот самоучитель по JavaScript попался мне на глаза во время блужданий по дырам Интернета и поразил своей доступностью и эффективностью. Бескорыстная любовь к согражданам подвигла меня на опубликование русской версии. Милые чайники и начинающие, вы непременно научитесь составлять полезные и бесполезные скрипты, а также сможете при случае настроить по собственному желанию чужие сложные скрипты, которых найдется немало на других сайтах. Но это при условии, что вы будете внимательно выполнять задания, не стараясь проглотить все уроки за один день. Чтобы избежать путаницы, все термины продублированы по-английски.

Начало самообучения

Руководство по JavaScript

Сегодня Всемирная сеть - это среда информационного обмена для миллионов людей. Они размещают текст, видео, звук, и информацию, и все более и более, они усложняют свои страницы, делая их интерактивными в сети. JavaScript - это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun's Java .С помощью JavaScript на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web- документов, вклучающих программы на JavaScript, требует наличее текстового редактора и подходящего браузера. Некоторые просмоторщики включают в себе встроенные редакторы, поэтому необходимость во внешнем редакторе отпадает. Несмотря на отсутствие прямой связи с языком Java, JavaScript может обращаться к внешним свойствам и методам Java- апплетов, встроенных в страницу HTML. Разница сводится к тому, что апплеты существуют вне браузера, в то время как программы JavaScript могут работать только внутри браузера. На первой взгляд кажется, что найти информацию по JavaScript несложно. Сначала создается впечатление, что ее можно увидеть везде: на сервере Natscape, в виде электронных руководств и примеров, во многих других местах. Тем не менее разыскать информацию об объектах, операторах, цветах и всем прочем в одном источнике, чтобы она была всегда под рукой, трудно.

Оглавление

Клиентский JavaScript 1.3

Рассматривается использование ядра и клиентского JavaScript версии 1.3. JavaScript это разработанный корпорацией Netscape межплатформенный объектно-ориентированный язык скриптов (сценариев) для создания клиентских и серверных приложений.

Введение

Глава 1 JavaScript. Обзор
JavaScript это разработанный корпорацией Netscape межплатформенный объектно-ориентированный язык скриптинга (сценариев). Ядро JavaScript содержит набор основных объектов, таких как Array, Date и Math, и основной набор элементов языка, таких как операции, управляющие структуры и операторы.

Глава 2 Значения, переменные и литералы
В этой главе рассматриваются значения, распознаваемые JavaScript, и строительные блоки выражений JavaScript: переменные и литералы.

Глава 3 Выражения и Операции
В этой главе рассматриваются выражения и операции JavaScript, в том числе - операции присвоения, сравнения, арифметические, битовые, логические, строковые и специальные.

Глава 4 Регулярные Выражения
Регулярные выражения являются патэрнами, используемыми при поиске совпадений комбинаций символов в строках. В JavaScript регулярные выражения являются также объектами. Эти патэрны используются с методами exec и test объекта RegExp и с методами match, replace, search и split объекта String.

Глава 5 Операторы
JavaScript поддерживает компактный набор операторов, который Вы можете использовать для реализации интерактивного поведения Web-страниц. В главе дан обзор этих операторов.

Глава 6 Функции
Функции это фундаментальные конструкции JavaScript. Функция это процедура JavaScript - набор операторов, выполняющих специфическую задачу. Для использования функции Вы обязаны сначала определить её; затем Ваш скрипт может её вызвать.

Глава 7 Работа с Объектами
JavaScript разработан на основе простой объектной парадигмы. Объект это конструкция со свойствами, которые являются переменными JavaScript или другими объектами. Объект также может иметь ассоциированные с ним функции, которые известны как methods\методы объекта.

Глава 8 Объектная Модель. Детали
JavaScript это язык на базе прототипов, а не на базе классов. Из-за этого в JavaScript менее очевидно, как создаётся иерархия объектов и происходит наследование свойств и их значений. В данной главе делается попытка прояснит этот вопрос.

Глава 9 Внедрение JavaScript в HTML
Вы можете встроить JavaScript в HTML-документ: как операторы и функции в тэге SCRIPT, специфицировав файл в качестве источника кода JavaScript, специфицировав выражения JavaScript как значения HTML-атрибута или как обработчики событий в некоторых HTML-тэгах (во основном - в элементах формы).

Глава 10 Обработка Событий
Приложения JavaScript в браузере Navigator широко используют механизм обработки событий. Events\События это акции, которые обычно возникают как результат некоторых действий пользователя. Например, щелчок по кнопке является событием, также как и изменение текста или перемещение мыши над гиперссылкой.

Глава 11 Использование Объектов Navigator'а
В этой главе рассматриваются объекты JavaScript в Navigator'е и объясняется, как их использовать. Объекты клиентского JavaScript иногда называются объектами Navigator'а, чтобы отличить их от серверных или пользовательских объектов.

Глава 12 Использование Окон и Фрэймов
JavaScript позволяет создавать окна и фрэймы для представления HTML-содержимого. Объект window является объектом верхнего уровня в иерархии клиентского JavaScript; объект Frame похож на объект window, но соответствует "подокну" и создаётся тэгом FRAME в документе с тэгом FRAMESET.

Глава 13 Дополнительные Статьи
В этой главе рассматриваются некоторые специальные понятия и приложения, расширяющие мощь и гибкость JavaScript.

Глава 14 Безопасность в JavaScript
JavaScript автоматически предотвращает доступ скриптов одного сервера к свойствам документов на других серверах. Это не даёт скриптам возможность получать закрытую информацию, такую как структура директорий или история пользовательских сессий.

Глава 15 LiveConnect. Обзор
В этой главе рассматривается использование технологии LiveConnect, позволяющей коду Java и коду JavaScript взаимодействовать. Предполагается, что Вы уже знакомы с программированием на Java.

Глава 16 LiveAudio и LiveConnect
LiveAudio работает с LiveConnect. Используя LiveConnect, LiveAudio и JavaScript, событие, которое может быть описано программно с использованием среды JavaScript, может включать звуковое событие. Например, Вы можете создать альтернативный интерфейс управления звуком, задержать загрузку sound-файла, пока пользователь не щёлкнул кнопку

Приложение A Почтовые Фильтры
В этом приложении показано, как применять JavaScript для фильтрации входящей почты и новостей при использовании Netscape Messenger.

Приложение B Отображение Ошибок с Помощью Консоли JavaScript
В этом приложении рассматривается использование консоли JavaScript для вычисления выражений и вывода пользователю сообщений об ошибках.

Алфавитный указатель
Словарь


Клиентский JavaScript. Справочник

JavaScript это созданный корпорацией Netscape межплатформенный объектно-ориентированный язык скриптинга (сценариев) для клиентских и серверных приложений. Этот справочник является справочным пособием по языку JavaScript, включая ядро и клиентский JavaScript.

Об этом справочнике
Каждая версия Navigator'а поддерживает свою версию JavaScript. Для того чтобы помочь Вам в создании скриптов, способных работать в различных версиях Navigator'а, в этом учебнике имеется список версий JavaScript в каждой статье. В таблице дан список версий JavaScript, поддерживаемых различными версиями Navigator'а. Navigator версий до 2.0 не поддерживает JavaScript.

Глава 1 Объекты, методы и свойства (часть 1)
Глава 1 Объекты, методы и свойства (часть 2)
Глава 1 Объекты, методы и свойства (часть 3)
Глава 1 Объекты, методы и свойства (часть 4)
Глава 1 Объекты, методы и свойства (часть 5)
Глава 1 Объекты, методы и свойства (часть 6)
Глава 1 Объекты, методы и свойства (часть 7)
Глава 1 Объекты, методы и свойства (часть 8)
Глава 1 Объекты, методы и свойства (часть 9)
Глава 1 Объекты, методы и свойства (часть 10)
Глава 1 Объекты, методы и свойства (часть 11)
В этой главе задокументированы все объекты JavaScript и их методы и свойства. Это алфавитный указатель на главные возможности JavaScript.

Глава 2 Свойства и функции верхнего уровня
В этой главе рассматриваются все свойства и функции JavaScript, не ассоциированные с какими-либо объектами. В спецификации ECMA эти свойства и функции называются свойствами и методами объекта global.

Глава 3 Обработчики событий
В этой главе рассматриваются обработчики событий, используемые с объектами клиентского JavaScript для выполнения определённых действий.

Глава 4 Операторы
В этой главе рассмотрены все операторы JavaScript. Оператор JavaScript состоит из ключевого слова, используемого с соответствующим синтаксисом. Один оператор может занимать несколько строк. Несколько оператором могут располагаться на одной строке, если отделены символом (;).

Глава 5 Операции
В JavaScript имеются операции присвоения, сравнения, арифметические, побитовые/bitwise, логические, строковые и специальные. В этой главе рассматриваются эти операции и содержится информация о приоритете операций.

Глава 6 Java-классы, конструкторы и методы
В этой главе задокументированы Java-классы, используемые в LiveConnect, и их конструкторы и методы. Это алфавитный справочник по классам, которые дают Java-объектам возможность получать доступ к коду JavaScript.

Приложения


Электронный магазин на Java и XML

Одна из причин быстрого распространения XML заключается в том, что Интернет способствует знакомству широких слоев пользователей с HTML, стандартным языком разметки web-страниц. HTML помог многим пользователям получить представление о том, как с помощью тегов в простой текст можно включать дополнительную информацию. Основываясь на этой идее, можно сделать следующий небольшой, хотя и нетривиальный, шаг — перейти к использованию тегов XML для описания данных. Наиболее очевидным преимуществом XML является возможность расширения этого языка для решения специфических для каждого пользователя задач. Эта возможность делает XML столь привлекательным для тех, кому приходится работать с различными типами данных в какой-либо специальной области. Другoe, не столь очевидное преимущество заключается в том, что для любых расширений этого языка при проверке и обработке данных можно продолжать использовать инструментарий XML, если только при записи данных соблюдены правила языка.

Введение
Цель этого раздела — познакомить разработчиков с технологиями использования XML в программах на Java. Вместо того чтобы рассказывать о теоретической стороне дела, мы сразу переходим к практическому применению этих технологий на примере построения коммерческого web-сайта.

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

Глава 2. Каталог товаров на XML
Из первой главы вы узнали, что представляет собой XML и как с помощью XML создаются языки разметки. Теперь вы располагаете инструментальными средствами для создания документов XML и определений типов документов (DTD). Но иметь инструменты — это далеко не то же самое, что уметь их использовать. Как вы знаете, изучение любого языка невозможно без опыта его практического применения.

Глава 3. Представление XML-каталога в сети
В этой главе мы приводим обзор интерфейсов API (Application Programming Interface — интерфейс прикладных программ) для сервлетов Java, для JSP-страниц и для манипулирования элементами XML. Перечисленные инструментальные средства весьма существенны для создания динамических web-страниц на основе данных XML. Затем, используя эти интерфейсы API, мы рассмотрим различные подходы к представлению в сети каталога

Глава 4. Заполнение корзины покупателя
Вы наверняка хотели бы, чтобы посетители вашего web-сайта могли легко находить интересующие их товары, добавлять их в корзину и производить оплату, в соответствии со своим интуитивным представлением об этих действиях как о неразрывно связанных этапах покупки товара. К сожалению, основные используемые в настоящее время HTTP- и web-протоколы не позволяют обеспечить эту неразрывность.

Глава 5. Оплата и подтверждение заказа
Теперь нам необходимо предоставить покупателю возможность фактически приобрести выбранные товары. Эта как раз та область, где посетители электронных магазинов проявляют наибольшее беспокойство, так что наша задача — гарантировать, чтобы этот процесс проходил гладко. Многие продажи в Интернете тормозятся на этом этапе взаимодействия с пользователем, в основном из-за нежелания пользователя передавать через Интернет информацию, связанную с его кредитной картой.

Глава 6. Обслуживание виртуального каталога
Теперь нам необходимо обеспечить возможность обновления информации в каталоге, в том числе удаления из него данных о некоторых товарах и добавления данных о новых товарах. Операции такого типа объединены общим названием CRUD (Create, Read, Update, Delete — создание, чтение, обновление, удаление).

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

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

Глава 9. Привлечение постоянных посетителей
Ваш электронный магазин предлагает великолепные товары по конкурентоспособным ценам — что еще можно сделать, чтобы посетители возвращались на ваш сайт снова и снова? В идеале, ваша домашняя страница должна быть настолько интересной, чтобы люди «приходили» на нее просто для того, чтобы посмотреть, что происходит.

Глава 10. Web-приложения на Java
Эта завершающая глава содержит рекомендации по установке web-приложений, написанных на языке Java, в соответствии с последними выпущенными SUN интерфейсами API для сервлетов Java и JSP-страниц.

Приложение А. Интерфейсы API для сервлетов и JSP-страниц
Формальные описания API 2.2 для сервлетов и API 1.1 для JSP-страниц также, на наш взгляд, трудно применить на практике. Цель этого приложения — представить наиболее часто используемые интерфейсы API с функциональной точки зрения, сопровождая их описание рекомендациями по применению.

Приложение Б. Словарь терминов

Формы по шагам

Формы являются одним из важных элементов любого сайта и предназначены для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению.
Любая форма характеризуется следующими параметрами.
Элементы формы, которые представляют собой стандартные поля для ввода информации.
Кнопку отправки данных формы на сервер (кнопка SUBMIT).
Адрес программы на веб-сервере, которая будет обрабатывать содержимое данных формы.

Продолжение

Обработчики событий JavaScript

Событие blur происходит когда поля формы select, text или textarea теряют фокус. Обработчик событий onBlur выполняет программу JavaScript, когда происходит событие blur

Продолжение


Вопросы и отзывы agolive@gmail.ru