Web дизайн с Macromedia HOMESITE
Сохранив основные достоинства предыдущих версий редактора HomeSite (в том числе пользовательский интерфейс), компания Macromedia дополнила этот инструмент целым рядом новых возможностей. Самая главная из них — поддержка синтаксиса нескольких языков разметки, в том числе языка XHTML, который представляет собой реализацию языка HTML 4 в качестве приложения XML.Кроме того, HomeSite 5 интегрирован с новой версией редактора таблиц стилей TopStyle Lite 2.1, который обеспечивает быстрое и удобное редактирование стилевого оформления страниц сайта.
Для тех, кто не работал ранее с НomeSite, в состав редактора включены многочисленные средства поддержки пользователя, позволяющие освоить работу с редактором за минимальное время.
Следует подчеркнуть, что хотя HomeSite относится к классу профессиональных инструментов, его создатели предусмотрели возможность использования редактора также начинающими Web-дизайнерами. В их распоряжении, в частности, обширная справочная система, содержащая не только сведения по самому редактору, но также полную спецификацию языка HTML 4.01 и рекомендации по проектированию и разработке Web-сайтов.
Хотя HomeSite но инерции продолжают называть «редактором», на самом деле его функциональные возможности значительно шире тех рамок, которые ассоциируются с этим термином. Пожалуй, правильнее было бы обозначить его как «инструмент подготовки и публикации материалов для Web». Входящие в его состав функции и утилиты позволяют не только редактировать отдельные страницы, но также решать другие многочисленные задачи, связанные с созданием Web-сайтов. Это и формирование структуры проекта в целом, и тестирование визуального отображения страниц различными броузерами, и оценка времени загрузки страниц, и, наконец, развертывание подготовленных материалов на Web-сервере. Все это делает HomeSite самодостаточным средством, обеспечивающим поддержку всех основных этапов подготовки Web-публикации (за исключением подготовки графических и мультимедийных элементов страниц).
Введение
Глава 1. Знакомство с HomeSite
Одним из замечательных свойств HomeSite является то, что для начала работы с ним не требуется знакомство со всеми его возможностями. Чтобы создать с помощью HomeSite простейшую Web-страницу, достаточно иметь навыки по работе с каким-либо текстовым редактором типа Write (Блокнот). Однако, в отличие от Блокнота, HomeSite берет на себя почти 90% работ по вводу основных синтаксических конструкций HTML (или другого используемого языка разметки). Кроме того, чтобы увидеть, как созданная страница выглядит в окне броузера, достаточно одним щелчком мыши переключиться в режим просмотра. В процессе работы с HomeSite вы сможете постепенно наращивать уровень знаний, осваивая его возможности.
Знакомство с HomeSite
Основные функциональные возможности HomeSite 5
Работа с редактором кода
Просмотр страниц с помощью броузера
Автоматическое сопровождение проекта
Средства автоматизации работы с тегами
Автоматическая проверка корректности ссылок
Выгрузка файлов проекта на удаленный сервер
Поддержка технологии каскадных таблиц стилей (CSS)
Поддержка технологий создания динамических и интерактивных страниц
Поддержка пользователя
Особенности инсталляции HomeSitе 5
Организация пользовательского интерфейса
Окно документа
Окно ресурсов
Окно результатов
Конфигурирование броузеров
Установка параметров внутреннего броузера
Конфигурирование внешних броузеров
Работа с файлами
Типы файлов, поддерживаемые HomeSite
Интерфейс листа Files окна ресурсов
Меню File
Настройка параметров работы с файлами
Управление кодировкой текстовых файлов
Глава 2. Разработка структуры сайта
Любую Web-публикацию можно рассматривать с двух точек зрения. С одной стороны, она представляет собой некий «информационный ресурс», то есть предоставляет некоторый набор сведений или услуг, которые были бы полезны или интересны для определенной категории посетителей WWW. С другой стороны, Web-сайт — это результат применения тех или иных технологий, поддерживаемых на сегодняшний день аппаратными и программными средствами Интернета. Причем количество этих самых технологий увеличивается буквально с каждым днем. Каждая из них, как говорится, хороша по-своему. Зачастую это порождает у некоторых (особенно у начинающих) Web-дизайнеров желание насытить свои публикации всем, до чего «руки дотянутся»: здесь и звуковое сопровождение, и Flash-фильмы и т. д.
Разработка структуры сайта
Общая схема разработки узла с помощью HomeSite
Создание и установка параметров проекта
Интерфейс вкладки Projects окна ресурсов
Создание нового проекта
Разработка файловой структуры сайта
Формирование файловой структуры проекта
Работа с файлами проекта
Изменение параметров проекта
Поиск и замена в файлах проекта
Функция Extended Find
Функция Extended Replace
Глава 3. Основные инструменты
В данной главе описаны инструменты, непосредственно относящиеся к редактированию страницы (Tag Editor, Tag Tree, Tag Inspector и частично — Quick Bar). Средства диагностирования и контроля рассмотрены в главе Тестирование сайта и выгрузка на удаленный сервер, a TopStyle Lite в главe Разработка страниц публикации. Редактору сенсорных карт посвящен отдельный раздел главы Разработка навигационной схемы сайта.
Основные инструменты
Редактор кода
Функциональные возможности редактора кода
Создание и сохранение документа
Работа с фрагментами текста и блоками
Управление визуальным представлением документа
Функция Tag Insight
Функция Tag Completion
Функция Auto Completion
Функция Code Template
Функция Tag Validation
Настройка параметров редактора кода
Редактор тегов Tag Editor
Панель быстрой вставки
Вставка тегов с помощью Tag Chooser
Работа с Tag Inspector и Tag Tree
Инспектор тегов
Дерево тегов
Установка глобальных параметров
Глава 4. Разработка страниц публикации
В этой главе рассматривается общая технология создания и редактирования HTML-страниц в HomeSite, вне зависимости от того, какое место занимает страница в структуре узла. Несмотря на все достоинства описанных выше инструментов, ни один из них нельзя считать основным средством разработки HTML-страниц. Практика показывает, что наибольший эффект дает именно совместное их применение.
Разработка страниц публикации
Установка общих параметров страницы
Вставка тегов <МETA>
Установка атрибутов тега <BODY>
Ввод и форматирование текста
Общий подход к подготовке текстовых материалов
Установка визуальных атрибутов текста
Форматирование текста
Создание списков
Установка параметров шрифта
Работа с графическими элементами
Включение изображений с помощью панели быстрой вставки
Вставка изображений из окна ресурсов
Вставка изображений из окна результатов
Таблицы
Создание таблицы с помощью мастера
Инструмент Table Sizer
Установка параметров таблицы с помощью редактора тегов
Редактирование таблиц с помощью Tag Tree и Tag Inspector
Работа с таблицами стилей
Основы технологии CSS
Поддержка CSS в HomeSite
Редактирование таблиц стилей в TopStylc Lite
Глава 5. Разработка навигационной схемы сайта
Та легкость, с которой современные HTML-редакторы позволяют созда вать гиперссылки на основе произвольного фрагмента текста документа или графического изображения, вызывают соблазн расставить их везде, где только можно. Однако практика показывает, что чрезмерное увлечение создание ссылок может выйти боком как создателю сайта, так и посетителям. Продуманная навигационная схема сайта должна предоставлять посетителям важную возможность — оценить, какая информация находится на узле, насколько быстро можно до нее добраться.
Разработка навигационной схемы сайта
Общие правила проектирования навигационной схемы сайта
Представление навигационной схемы в окне ресурсов
Способы адресации ресурсов публикации
Представление ссылок на вкладке Site View
Создание гипертекстовых ссылок
Создание сенсорной карты
Создание фреймов
Создание фреймов с помощью мастера
Создание фреймов с помощью редактора тегов
Редактирование фреймов с помощью Tag Tree и Tag Inspector
Глава 6. Создание интерактивных страниц
Под интерактивными страницами в общем случае понимаются такие, которые содержат элементы, реагирующие на действия посетителя сайта (например, на перемещение указателя мыши, ввод каких-либо данных и т. д.). Наиболее распространенными из таких элементов являются формы (или их элементы), изображения-ролловеры и кнопки. Однако благодаря поддержке последними версиями броузеров Dynamic HTML, Flash, ASP и других современных технологий список интерактивных элементов значительно расширился. Так или иначе, в основе практически любой технологии создания интерактивных страниц лежит тот или иной язык программирования и механизм взаимодействия броузера с программой, написанной на этом языке.
Создание интерактивных страниц
Работа с формами
Поддержка Dynamic HTML
Создание сценариев на JavaScript и VBScript
Применение технологии ColdFusion
Общая характеристика ColdFusion
Поддержка CFML в HomeSite
Глава 7. Тестирование сайта и выгрузка на удаленный сервер
Мы уже неоднократно говорили о том, что тестирование страниц является обязательным этапом разработки сайта, независимо от его размера и предназначения. И если HomeSite не способен полностью заменить вас на этапе разработки и редактирования страниц, то на этапе их тестирования он практически всю работу берет на себя. То же самое можно сказать и о процедуре развертывания сайта на удаленном сервере. Как тестирование, так и выгрузка страниц публикации на сервер выполняются не только при первоначальной разработке сайта, но и в процессе его сопровождения. Причем (отметим это еще раз) регулярное обновление содержания публикации является обязательным условием обеспечения ее популярности среди посетителей Интернета.
Тестирование сайта и выгрузка на удаленный сервер
Тестирование страниц
Проверка корректности кода
Тестирование ссылок
Проверка правописания
Оценка длительности загрузки
Выгрузка сайта на удаленный сервер
Установка параметров развертывания
Выгрузка отдельных папок и файлов
Выгрузка сайта на удаленный сервер
Основы работы с HTML
Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу.Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.
Коротко о HTML
Форматирование текста
Создание гиперссылок
Таблица без рамки
Неупорядоченные списки
Форма поиска
Вставка изображений
Фон
Компоновка документа в HTML
Структура документа HTML
Кодировка URL от %00 до %8f
Как опубликовать свою работу?
В алфавитном порядке
О спецификации HTML 4.0
World Wide Web (Web) - это сеть информационных ресурсов. Для того, чтобы сделать эти ресурсы доступными наиболее широкой аудитории, в Web используются три механизма:Единая схема наименования для поиска ресурсов в Web (например, URI).
Протоколы для доступа к именованным ресурсам через Web (например, HTTP).
Гипертекст для простого перемещения по ресурсам (например, HTML).
Связи между этими тремя механизмами становятся очевидными по прочтении этой спецификации.
Что такое World Wide Web?
Новые элементы
Указатель атрибутов
Введение в формы
Введение в фреймы
Определение типа документа
Информация о языке и направление текста
Организация спецификации
Спецификация HTML 4.01
Этот раздел описывает статус данного документа на время публикации. Другие документы могут заменять этот документ. Современное состояние документов этой серии поддерживается на W3C.Этот документ специфицирует HTML 4.01, являющийся частью спецификации линии HTML 4.
Первой версией HTML 4 был HTML 4.0 [HTML40], опубликованный 18 декабря 1997 и пересмотренный 24 апреля 1998.
Эта спецификация является первыми рекомендациями по HTML 4.01. Она включает дополнительные изменения после версии HTML 4.0 от 24 апреля.
Внесены некоторые изменения в DTD/ОТД. Этот документ объявляет предыдущую версию HTML 4.0 устаревшей, хотя W3C оставляет её спецификацию и ОТД доступными на сайте W3C.
Этот документ был рассмотрен членами W3C и других заинтересованных сторон и утверждён Директором как Рекомендации W3C. Это неизменяемый документ, он может использоваться как справочный материал или цитироваться в других документах. Задачей W3C является привлечение внимания к Рекомендациям и этой спецификации и её широкое распространение. Это расширит функциональные возможности Web.
W3C рекомендует создание пользовательскими агентами (ПА) и авторами (в частности, утилитами разработки) документов HTML 4.01, а не HTML 4.0.
W3C рекомендует создавать документы HTML 4 вместо документов HTML 3.2. Из соображений обратной совместимости, W3C также рекомендует, чтобы утилиты, интерпретирующие HTML 4, продолжали поддерживать HTML 3.2 и HTML 2.0.
За информацией о следующем поколении HTML, "The Extensible HyperText Markup Language" [XHTML], обращайтесь на W3C HTML Activity и к списку W3C Technical Reports.
Этот документ создан как часть W3C HTML Activity.
Цели Рабочей Группы HTML (Только для членов) обсуждаются в Хартии Рабочей Группы HTML (Только для членов).
О спецификации HTML 4
Этот документ создавался в расчёте на читателей двух типов: авторов и разработчиков. Мы надеемся, что эта спецификация станет хорошим подспорьем авторам и разработчикам при написании эффективных, привлекательных и доступных документов без излишней детализации исполнения HTML.
Разработчики найдут здесь всё, что может им понадобиться для создания соответствующих браузеров.
Введение в HTML 4
Некоторые атрибуты выравнивания также допускают значение "center", которое не вызывает всплывания, а центрирует объект по отношению к краям. В то же время, у элементов P и DIV, значение "center" вызывает центрирование содержимого элементов
Таблицы стилей
Таблицы стилей являются грандиозным прорывом в области Web-дизайна. В научных кругах, там, где был придуман Web, больше интересуются содержимым документов, чем их внешним видом. Поскольку всё больше людей открывают для себя Web, ограничения HTML становятся постоянным источником разочарований, и авторы должны постоянно придумывать, как преодолеть эти стилистические ограничения. Хотя намерения были самыми благими - улучшить внешний вид Web-страниц - техника исполнения этого имела, к сожалению, побочные эффекты. Эта техника иногда работает, но не всегда и не везде.
Справочник тегов
Справочник тегов языка HTML. Справочник создан по категориям и в алфавитном порядкеТеги по категориям
Тег !DOCTYP
Тег B
Тег CAPTION
CSS Границы
Тег Dd
Событие ONCLICK
Тег Em
Тег FIELDSET
Тег Head
Тег IFRAME
Тег AddFavorite
Тег Kbd
Тег LEGEND
Тег Map
Тег Nobr
Свойство offsetHeight
Тег p
Тег q
Тег s
Тег TABLE
Тег u
Тег Var
HTML - статьи
На создание качественного сайта необходимо потратить много усилий. Основная проблема состоит в том, что разные браузеры по-разному отображают интернет-страницы и не всегда так, как это было задумано их создателем. На сегодняшний день существуют четыре наиболее распространенных клиента: MS Internet Explorer, Mozilla, Opera и Netscape Navigator. По статистическим данным, основная масса пользователей использует для браузер IE. MZ, Opera и NN — много меньше, но отказываться от их поддержки нельзя, поскольку их доля достаточно велика и постоянно растет.Наиболее совместимая со всеми браузерами разметка HTML -документа получается при соблюдении стандартов, определённых организацией World Wide Web Consortium (W3C: http://w3.org/). Но и здесь существуют подводные камни: дело в том, что разработчики браузеров иногда по-разному понимают спецификации и рекомендации по разработке ПО, что приводит к некорректному отображению документа. К счастью, в современных браузерах ситуация исправляется и в большинстве случаев страницы отображаются корректно.
Спецификация
Язык гипертекстовой разметки (HTML)
Keywords для начинающих
Определение и целесообразность кросс-браузерности
Достоинства и проблемы HTML Application
META-теги — инструмент хорошего сайта
Создание универсального выпадающего меню
Мультибраузерный сайт: как его сделать
Расширяемый язык разметки
Расширяемый язык разметки (The Extensible Markup Language, XML) - подмножество SGML, целиком описанное в представленном документе. Язык должен дать возможность передавать, получать и обрабатывать в Web общие документы SGML так же, как сейчас это можно делать с документами HTML. Язык XML спроектирован так, чтобы упростить реализацию и обеспечить взаимодействие SGML и HTML.Возникновение языка XML и его задачи
Условные секции
Модуляризация XHTML
XHTML это переформулирование HTML 4 как приложения XML.XHTML 1.0 специфицирует три типа документа XML, соответствующие трём ОТД (Определениям Типа Документа) HTML 4: Strict/Строгое, Transitional/Переходное и Frameset/Набор Фрэймов.
XHTML 1.0 является базой семейства типов документов, подразделяющих и расширяющих HTML.
Что такое Модуляризация XHTML
Переобъявления наследственности
Путешествуя с Internet Explorer
Пользователи компьютера под управлением операционной системы Windows ХР могут пропустить эту главу, т. к. Microsoft Internet Explorer 6.0 уже установлен.Минимальные требования для установки и работы с Microsoft Internet Explorer 6.0 таковы.
Процессор 486 с частотой 66 МГц (рекомендуется Pentium).
Для операционной системы Windows 98 или Windows 98 SE:
16 Мбайт оперативной памяти (минимум);
25,8 Мбайт на жестком диске для полной установки Microsoft Internet Explorer 6.0 и его компонентов.
Для операционной системы Windows NT 4.0 (пакетом обновлений):
32 Мбайт оперативной памяти (минимум);
75 Мбайт на жестком диске для полной установки Microsoft Internet Explorer 6.0 и его компонентов.
Для операционной системы Microsoft Windows 2000:
32 Мбайт оперативной памяти (минимум);
75 Мбайт на жестком диске для полной установки Microsoft Internet Explorer 6.0 и его компонентов.
Для операционной системы Microsoft Windows Millennium Edition:
32 Мбайт оперативной памяти (минимум);
11,6 Мбайт на жестком диске для полной установки Microsoft Internet Explorer 6.0 и его компонентов.
Привод CD-ROM (при установке Microsoft Internet Explorer 6.0 с компакт-диска).
Некоторые компоненты Microsoft Internet Explorer 6.0 могут потребовать дополнительных системных ресурсов.
Установка обозревателя Microsoft Internet Explorer
Знакомство с обозревателем Microsoft Internet Explorer
Начало работы с Интернетом
Печать и сохранение информации
Панели в Microsoft Internet Explorer
Рабочий стол Active Desktop
Настройка внешнего вида обозревателя
Выбор оптимальной конфигурации Internet Explorer
Конфигурирование службы FTP
Основы безопасной работы с ресурсами Сети
Защита компьютера от несанкционированного доступа
Ограничение доступа к нежелательным для просмотра ресурсам
Первое знакомство с Microsoft Outlook Express
Создание и отправка почтовых сообщений
Работа с группами новостей
Автономная работа
Настройка интерфейса
Выбор оптимальной конфигурации Microsoft Outlook Express
Приложение 1
Приложение 2
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
Если вы еще не купили модем и не подключились к сети Internet, спешите сделать это как можно быстрее. Замыкаясь в рамках своего персонального компьютера или локальной сети, вы будете жить на маленьком острове, отрезанном от всего мира, как Робинзон Крузо. Подумайте, стоит ли так себя ограничивать?Что же представляет собой сеть Internet, и какие возможности она способна вам предоставить?
В конце 60-х годов стартовал проект создания глобальной сети, способной объединить компьютеры, расположенных в разных городах, странах или даже на разных континентах. Этот проект финансировался американским правительством в рамках военного агенства DARPA (Defense Advanced Research Projects Agency). В результате была создана сеть DARPANET, а также несколько других сетей, обслуживающих военно-космическую промышленность США.
Не углубляясь в историю, отметим, что в настоящее время сеть Internet объединила многие глобальные сети и насчитывает миллионы серверов. Эти серверы разбросаны по всему миру.
Введение
С ЧЕГО НАЧАТЬ
ПОДКЛЮЧЕНИЕ К СЕТИ INTERNET
ПРИЛОЖЕНИЯ ДЛЯ INTERNET
СОЗДАНИЕ СТРАНИЦ WWW
ИНТЕРФЕЙС WINDOWS SOCKETS
ЛИТЕРАТУРА
Delphi 3.Библиотека программиста
32 Урока Borland Delphi
Отладка программы в Delphi
Советы по Delphi
Учебник по Visual C++ .Net
Дивов Олег - Выбраковка
Практика создания динамических Web-узлов
Обзор исследований в области искусственного интеллекта
Восстановление деталей и повторное использование материалов
Де Сайн Али - Виват Сатана
Дэйзи Аарон - Ночной Охотник
Delphi 7 для профессионалов
Научись снимать цифровым фотоаппаратом
Введение в цифровую фотографию
Практика разработки Web-страниц
Самоучитель по Digital Graphics
Издательская система Adobe PageMaker
Справочник. - Коммутационные аппараты
Научись снимать цифровым фотоаппаратом
ЭЛЕКТРОНИКА В АВТОМОБИЛЕ