- •Введение
- •Средства проектирования и просмотра web – документов
- •Основные понятия
- •Структура web – документа
- •Тэги форматирования
- •Тэги создания таблиц
- •Структура web – узла
- •Тэги создания гиперссылок
- •Текстовые ссылки
- •Графические ссылки
- •Графика в web – документе
- •Маршруты файлов. Абсолютный и относительный путь
- •Тэги создания форм
- •Тэги создания фреймов
- •Microsoft FrontPage
- •Программы для создания web - документов
- •Назначение языка программирования Java
- •Средства MS Office для создания web –страниц
- •Дизайн и тестирование web – узла
- •СПИСОК ПОЛЕЗНЫХ СТРАНИЦ В WWW
- •ЗАДАНИЯ
- •СЛОВАРЬ ТЕРМИНОВ
- •РЕКОМЕНДУЕМАЯ ЛИТЕРАТУРА
17
Microsoft FrontPage
Приложение MS FrontPage Editor чрезвычайно упрощает создание HTML-страниц, работа в нем напоминает текстовой редактор, поддерживает таблицы и формы. Удобен по причине возможности просмотреть создаваемый документ в формате HTML и в броузере, не покидая самого приложения.
Практическое задание 14
Создайте форму из практического задания 12 визуальными средствами проектирования FrontPage
Программы для создания web - документов
Фирма Macromedia предлагает два широкоиспользуемых продукта Flash
и Dreamweaver.
Редактор Flash по внешнему виду и возможностям очень близок к редакторам векторной графики и анимации. "На выходе" создается скомпилированный SWF-файл, редактировать который можно только посредством того же Flash-редактора (или его аналогов), и то при условии,
что в настройках файла при экспорте не назначена защита от несанкционированного копирования. Основное преимущество Flash перед обычной анимацией в том, что векторный формат графических элементов значительно уменьшает размер файла, а элементы, реагирующие на действия пользователя, корректно работают в любом броузере и в любой операционной системе, за счет очень маленького размера файла они грузятся
практически мгновенно и при этом содержат довольно сложную и красивую анимацию.
Dreamweaver позволяет автоматизировать работы с набором страниц или готовым web-сайтом. Имеется система поиска и замены участков кода, написанных с помощью приложений пакета MS Office, на более компактные, т.к. трехстраничная таблица с использованием трех-четырех стилей и двух языков, созданная в Word 2000 и сохраненная в HTML, займет 200-400Кбайт, в то время как размеченного текста там не более 40Кбайт. Программа сочетает два режима работы с HTML - визуальный и "ручной" - помогает разобраться в структуре языка разметки и быстро выучить необходимые тэги. Если редактор неверно интерпретирует действия, переключение в режим кода позволит быстро исправить ошибку.
Назначение языка программирования Java
Для организации взаимодействия со страницей и разнообразных визуальных эффектов используются языки программирования. Один из них
Java, а также его версия JavaScript. Язык Java и JavaScript понимаются любыми броузерами версий 3.0 и выше. Они отличаются от языка HTML и требуют опыта по программированию.
18
Для использования скрипта (сценария) в текст документа HTML необходимо ввести соответствующие теги <SCRIPT> и </SCRIPT>, они, как правило, размещаются в пределах тега заголовка.
Язык программирования позволяет создавать интерактивную трехмерную графику, заказные формы, строить диаграммы в реальном масштабе времени.
Язык JavaScript не требует компиляции, и сценарии записываются непосредственно в тэге <SCRIPT>.
Средства MS Office для создания web –страниц
Ранее говорилось о средствах создания web-страниц – это могут быть текстовые редакторы – Блокнот, Frontpage.
Существует также возможность создания документа в приложениях Word, Excel, PowerPoint, а затем сохранение созданных документов в формате html. Т.е., любой готовый документ можно сохранить в формате html. Если в формате имеются рисунки, они преобразовываются в формат gif
или jpeg.
В данных приложениях также существуют команды для создания ссылок, при этом не обязательно документ должен быть в формате html. Гиперссылки позволяют связывать документы на компьютере. Для создания ссылки выполняется команда Гиперссылка в меню Вставка (или кнопка Добавить гиперссылку) и в диалоговом окне указывается адрес для перехода по ссылке.
Спомощью приложения PowerPoint можно создать домашнюю страницу
спунктами для оглавления, где каждый пункт будет являться ссылкой на нужный документ.
Дизайн и тестирование web – узла
Понятие навигации подразумевает организацию удобного для пользователя перемещения между страницами.
Первое, что видит клиент сети, – это домашняя страница. Она может занимать весь экран (может быть организована структура с использованием фреймов) и должна содержать перечень услуг или обзор информации, содержание, реквизиты организации. Она должна привлекать.
По всему сайту стоит использовать нумерацию страниц, что облегчит ориентацию на сайте.
Дизайн web – страниц похож на полиграфические издания, и требования к оформлению во многом совпадают. Но существует и своя специфика –
графические иллюстрации занимают много места и клиент может не дождаться, пока получит всю страницу, следовательно, необходимо уменьшать или создавать графику так, чтобы она проявлялась постепенно и не задерживала загрузку всего сайта.
Следует указывать на домашней странице дату создания сайта или дату обновления, по возможности обратный электронный адрес (e-mail).