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-публикации (за исключением подготовки графических и мультимедийных элементов страниц).
Знакомство с HomeSite
Одним из замечательных свойств HomeSite является то, что для начала работы с ним не требуется знакомство со всеми его возможностями. Чтобы создать с помощью HomeSite простейшую Web-страницу, достаточно иметь навыки по работе с каким-либо текстовым редактором типа Write (Блокнот). Однако, в отличие от Блокнота, HomeSite берет на себя почти 90% работ по вводу основных синтаксических конструкций HTML (или другого используемого языка разметки). Кроме того, чтобы увидеть, как созданная страница выглядит в окне броузера, достаточно одним щелчком мыши переключиться в режим просмотра. В процессе работы с HomeSite вы сможете постепенно наращивать уровень знаний, осваивая его возможности.
Разработка структуры сайта
Любую Web-публикацию можно рассматривать с двух точек зрения. С одной стороны, она представляет собой некий «информационный ресурс», то есть предоставляет некоторый набор сведений или услуг, которые были бы полезны или интересны для определенной категории посетителей WWW. С другой стороны, Web-сайт — это результат применения тех или иных технологий, поддерживаемых на сегодняшний день аппаратными и программными средствами Интернета. Причем количество этих самых технологий увеличивается буквально с каждым днем. Каждая из них, как говорится, хороша по-своему. Зачастую это порождает у некоторых (особенно у начинающих) Web-дизайнеров желание насытить свои публикации всем, до чего «руки дотянутся»: здесь и звуковое сопровождение, и Flash-фильмы и т. д.
Основные инструменты
В данной главе описаны инструменты, непосредственно относящиеся к редактированию страницы (Tag Editor, Tag Tree, Tag Inspector и частично — Quick Bar). Средства диагностирования и контроля рассмотрены в главе Тестирование сайта и выгрузка на удаленный сервер, a TopStyle Lite в главe Разработка страниц публикации. Редактору сенсорных карт посвящен отдельный раздел главы Разработка навигационной схемы сайта.
Разработка страниц публикации
В этой главе рассматривается общая технология создания и редактирования HTML-страниц в HomeSite, вне зависимости от того, какое место занимает страница в структуре узла. Несмотря на все достоинства описанных выше инструментов, ни один из них нельзя считать основным средством разработки HTML-страниц. Практика показывает, что наибольший эффект дает именно совместное их применение.
Разработка навигационной схемы сайта
Та легкость, с которой современные HTML-редакторы позволяют созда вать гиперссылки на основе произвольного фрагмента текста документа или графического изображения, вызывают соблазн расставить их везде, где только можно. Однако практика показывает, что чрезмерное увлечение создание ссылок может выйти боком как создателю сайта, так и посетителям. Продуманная навигационная схема сайта должна предоставлять посетителям важную возможность — оценить, какая информация находится на узле, насколько быстро можно до нее добраться.
Создание интерактивных страниц
Под интерактивными страницами в общем случае понимаются такие, которые содержат элементы, реагирующие на действия посетителя сайта (например, на перемещение указателя мыши, ввод каких-либо данных и т. д.). Наиболее распространенными из таких элементов являются формы (или их элементы), изображения-ролловеры и кнопки. Однако благодаря поддержке последними версиями броузеров Dynamic HTML, Flash, ASP и других современных технологий список интерактивных элементов значительно расширился. Так или иначе, в основе практически любой технологии создания интерактивных страниц лежит тот или иной язык программирования и механизм взаимодействия броузера с программой, написанной на этом языке.
|
Создание интерактивных страниц Работа с формами Поддержка Dynamic HTML |
Создание сценариев на JavaScript и VBScript Применение технологии ColdFusion Общая характеристика ColdFusion |
Тестирование сайта и выгрузка на удаленный сервер
Мы уже неоднократно говорили о том, что тестирование страниц является обязательным этапом разработки сайта, независимо от его размера и предназначения. И если HomeSite не способен полностью заменить вас на этапе разработки и редактирования страниц, то на этапе их тестирования он практически всю работу берет на себя. То же самое можно сказать и о процедуре развертывания сайта на удаленном сервере. Как тестирование, так и выгрузка страниц публикации на сервер выполняются не только при первоначальной разработке сайта, но и в процессе его сопровождения. Причем (отметим это еще раз) регулярное обновление содержания публикации является обязательным условием обеспечения ее популярности среди посетителей Интернета.
Основы работы с HTML
Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу.Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.
Коротко о HTML
В документе HTML можно выделить два основных блока: головная часть и тело документа. Содержимое головной части не выводится на экран пользователя, за исключением заголовка, в ней, как правило, указывают ключевые слова, авторов и другую служебную информацию, а также подключают внешние таблицы стилей и скрипты. В теле документа размещают ту информацию которая будет выведена пользователю.
|
Мой первый сайт Разбор примера Элементы HTML Коротко о тегах Коротко об элементах HTML |
Атрибуты тегов Параграфы. Заголовки. Переносы строк. Горизонтальная линейка |
Форматирование текста
Для выделения текста используются теги strong и em, данные теги являются контейнерами и требуют закрывающегося тега. Тег strong сообщает браузеру, что на заключенном в нем тексте необходимо сделать сильное ударение. Обычно визуальные браузеры отображают содержимое данного тега полужирным шрифтом, но это может быть легко изменено с помощью таблицы стилей. Так как данный тег является структурным, он несет смысловую нагрузку, в отличие от тега b, который лишь форматирует текст полужирным, то его использование предпочтительней.
|
Форматирование текста Форматирование текста - 2 Форматирование текста - 3 Форматирование символов |
Форматирование символов - 2 Исходный код HTML-документа Символьные элементы Неразрывный пробел |
Создание гиперссылок
Этот пример показывает, как создавать ссылки в документе HTML. html body p a href="page1.htm" Этот текст/a является ссылкой на страницу на этом Web-сайте. /p p a href="http:" Этот текст /a является ссылкой на страницу во Всемирной Паутине. /p /body /html Пример выполнения данного HTML-кода
Таблица без рамки
Ячейки таблицы без содержимого в большинстве браузеров выводятся не очень хорошо. Если необходимо сделать ячейку таблицы пустой, то разместите в ней неразрывный пробел nbsp; Такие элементы как thead,tbody и tfoot используются редко в связи с тем, что не все браузеры их поддерживают.
Неупорядоченные списки
Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг). Неупорядоченный список начинается с тега ul. Каждый элемент списка начинается с тега li.
Форма поиска
Одна из наиболее распространенных форм. Пользователь получает возможность ввести искомый запрос, определить область поиска и отправить запрос на сервер для обработки
|
Отправка e-mail из формы Формы Поля ввода Текстовые поля Поле пароля |
Переключатели Флажки Командные кнопки Поле выбора файла Списки выбора |
Вставка изображений
Изначально HTML поддерживал работу с двумя графическими форматами: GIF и JPEG, в последнее время все большее распространения находит формат PNG. Каждый из форматов имеет свои достоинства и недостатки, которые определяют область его применения.
Фон
Атрибуты bgcolor, background, и text в теге body не рекомендуется использовать в последних версиях HTML (HTML 4 и XHTML). Консорциум World Wide Web (W3C) исключил эти атрибуты из своих рекомендаций. Вместо этого должны использоваться таблицы стилей (CSS) (для определения свойств компоновки и вывода элементов HTML). Используя таблицы стилей можно более гибко управлять настройками фона.
|
Фон Bgcolor Background Полезные рекомендации Дополнительные примеры |
Цвета в HTML Значения цветов Имена цветов Безопасные цвета Web Межплатформенных цветов |
Компоновка документа в HTML
Выше были рассмотрены основные теги HTML. Используя их уже можно создавать свои страницы. Но создание страницы это не только верстка материалов, но и компоновка всех элементов (меню, заголовок страницы, основное информационное наполнение, банеры и др.) на странице HTML документа. Если все элементы должны располагаться один за другим тогда понятно как поступить - размещаем все блоки последовательно друг за другом и получаем результат.
Структура документа HTML
html head titleЗдесь находится название документа/title /head body Здесь находится выводимый текст /body
|
Элементы заголовка Элементы текста Логические стили Физические стили Ссылки, анкеры, и элементы изображений |
Неупорядоченный список Упорядоченный список Список определений Таблицы Фреймы |
Кодировка URL от %00 до %8f
|
Кодировка URL от %00 до %8f Кодировка URL от %90 до %ff |
Кодировка URL от %00 до %8f Кодировка URL от %90 до %ff |
Как опубликовать свою работу?
Отформатировать страницы сайта с помощью HTML это только половина работы, созданный сайт еще необходимо где-то разместить, чтобы он был доступен пользователям сети.
В алфавитном порядке
NN: указывает самую раннюю версию Netscape, которая поддерживает этот тегIE: указывает самую раннюю версию Internet Explorer, которая поддерживает этот тегDTD: указывает в каком DTD XHTML 1.0 разрешен этот тег. S=Strict, T=Transitional и F=Frameset
|
В алфавитном порядке По функциональным группам |
Справочник по 7-битным кодам ASCII в HTML Справочник по символьным объектам HTML 4.01 |
О спецификации HTML 4.0
World Wide Web (Web) - это сеть информационных ресурсов. Для того, чтобы сделать эти ресурсы доступными наиболее широкой аудитории, в Web используются три механизма:Единая схема наименования для поиска ресурсов в Web (например, URI).
Протоколы для доступа к именованным ресурсам через Web (например, HTTP).
Гипертекст для простого перемещения по ресурсам (например, HTML).
Связи между этими тремя механизмами становятся очевидными по прочтении этой спецификации.
Что такое World Wide Web?
Каждый ресурс в Web - документ HTML, изображение, видеоклип, программа и т.д. - имеет адрес, который может быть закодирован с помощью универсального идентификатора ресурсов (Universal Resource Identifier), или URI.
|
Введение в URI Идентификаторы фрагментов Относительные URI Что такое HTML? Краткая история HTML |
HTML 4.0 Интернационализация Доступность Таблицы Составные документы |
Новые элементы
Модель таблиц HTML явилась результатом изучения существующих моделей таблиц SGML, обработки таблиц в широко распространенных пакетах обработки текстов и широкого диапазона техник компоновки таблиц в журналах, книгах и других печатных документах. Эта модель выбрана так, чтобы позволить проще выражать таблицы с возможной дополнительной сложностью.
Указатель атрибутов
Условные обозначения: Нежелателен, Loose DTD, Frameset DTD
|
Указатель атрибутов Указатель элементов |
Указатель Указатель - 2 |
Введение в формы
Форма HTML - это раздел документа, в котором содержатся обычная информация, разметка и специальные элементы, называемые (флажки, кнопки с зависимой фиксацией, меню и т.д.), а также метки этих управляющих элементов. Обычно пользователи "заполняют" форму, модифицируя управляющие элементы (вводя текст, выбирая пункты меню и т.д.) перед тем, как предоставить форму агентц пользователя для обработки (например, на Web-серввер, на почтовый сервер и т.д.)
Введение в фреймы
Фреймы в HTML позволяют авторам представлять документы в нескольких разделах, которые могут быть независимыми или вложенными окнами. Это обеспечивает дизайнерам способ оставлять некоторую информацию видимой, в то время как другая информация прокручивается или заменяется. Например, в одном окне в одном фрейме может отображаться статический баннер, во втором навигационное меню, а в третьем - сам документ, который можно прокручивать или переходить к другому с помощью навигации во втором фрейме.
Определение типа документа
В HTML 4.0 включены механизмы поддержки таблиц стилей, скриптов, внедрения объектов, улучшена поддержка направления текста справа налево и смешанного текста, а также внесены изменения в формы с целью обеспечения удобства работы пользователей с физическими недостатками.
Информация о языке и направление текста
В этом разделе документа обсуждаются два важных вопроса интернационализации HTML: задание языка (атрибут ) и направления (атрибут ) текста в документе.
Организация спецификации
Во введении описывается место языка HTML в схеме World Wide Web, приводится краткая история развития языка HTML, описывается, что можно сделать с использованием HTML 4.0 и содержатся некоторые подсказки относительно создания документов в формате HTML.
Спецификация 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. Справочник создан по категориям и в алфавитном порядкеТеги по категориям
Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого.
|
Теги по категориям Таблица базовых цветов BgColor Что такое CSS Практическое освоение CSS Связывание |
Внедрение Встраивание в теги документа Импортирование Группирование Наследование |
Тег B
Тег BASE позволяет авторам явно указать базовый URL документа. Если BASE указан, он должен присутствовать в разделе HEAD документа HTML, до элементов, ссылающихся на внешние ресурсы. Информация о пути, указанная в элементе BASE, влияет только на URL в документе, в котором присутствует этот элемент. Начальный тег обязателен, конечный тег запрещен
|
Тег B BASE BGSOUND Big |
Blockquote Тег BODY Br Тег BUTTON |
Тег CAPTION
Тег CAPTION определяет заголовок для таблицы TABLE. Элемент CAPTION может располагаться только непосредственно после начального тега TABLE. Элемент TABLE может включать только один элемент CAPTION. Закрывающий тег обязателен.
|
Тег CAPTION Center Cite |
Code Атрибут contentEditable Синтаксис |
CSS Границы
Спецификация CSS2 описывает атрибут стиля border, который позволяет задать вид границ вокруг объектов. Атрибут border может быть применен к любым объектам.
|
CSS: Границы Примечание Верхняя часть заголовка зеленого цвета (dotted) CSS: ЦВЕТ ЭЛЕМЕНТА И ЦВЕТ ФОНА CSS: Курсоры |
CSS: Курсоры - 2 CSS: СВОЙСТВА ШРИФТА Примечания Примеры CSS: Отступы |
Тег Dd
Тег DD и необязательный парный ему /DD Тег DD(Definition Description) является описанием списка определений
|
Dd Dfn |
Dl Dt |
Событие ONCLICK
Событие ONCLICK возникает при щелчке левой кнопкой мыши. Синтаксис - ELEMENT onmouseover = "handler" ...
Тег Em
Тег em используется для выделения, подчеркивания важных фрагментов текста курсивом (наклонный текст). Происходит от слова emphasis - акцент. Аналогичен тегу I
Тег FIELDSET
Тег FIELDSET рисует рамку вокруг текста и других объектов, содержащихся в контейнере. Закрывающий тег требуется
|
Тег FIELDSET Тег font |
Тег FORM Тег frame |
Тег Head
Тег HEAD определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин
|
Hr |
Html |
Тег AddFavorite
Метод AddFavorite выводит диалоговое окно с приглашением занести заданный адрес в Избранное (аналогичное при выборе меню Избранное-Добавить в Избранное)
|
AddFavorite Alert ALinkColor Пример AppCodeName |
Пример AppName Пример AppVersion Пример |
Тег Kbd
Тег KBD отмечает текст, вводимый пользователем с клавиатуры. Отображается моноширинным шрифтом. От английского keyboard - клавиатура
Тег LEGEND
Тег LEGEND выводит надпись для тега FIELDSET и должен быть в нем первым элементом. Закрывающий тег требуется
|
Li |
Тег LINK |
Тег Map
Элемент MAP определяет коллекцию чувствительных областей в графическом изображении, при этом различные участки изображения могут быть ссылками на различные ресурсы. Чувствительные области задаются тегами AREA
|
Map Marquee Тег MENU Атрибуты |
Пример Тег META Тег META - 2 Примеры |
Тег Nobr
Тег NOBR запрещает перевод строки. Бывают случаи, когда возникает надобность в операции противоположного назначения – запретить перевод строки. Текст, заключенный между тэгами и , будет гарантированно располагаться в одной строке без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки
Свойство offsetHeight
Свойство offsetHeight возвращает высоту объекта относительно родительского объекта. Например, можно использовать для определения истинного размера окна, если браузер открыт не в максимизированном окне, если в браузере применяются боковые панели, если страничка открыта во фрейме и т.п.
|
Свойство offsetHeight Синтаксис Свойство offsetWidth Синтаксис |
Пример Ol Тег OPTGROUP Атрибуты |
Тег p
Тег PRE обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в html
|
p |
Pre |
Тег q
Тег Q предназначен для включения в документ короткой цитаты без создания отступов (сравни с BLOCKQUOTE). Закрывающий тег обязателен
Тег s
Тег SAMP отмечает текст как образец (sample). Используется для отметки текста, выдаваемого программами. Отображается моноширинным шрифтом
|
Samp Тег SCRIPT Пример Select Select - 2 |
Small Тег SPAN Пример Strong Sub |
Тег TABLE
Тег TABLE создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен
|
Тег TABLE Td Тег TEXTAREA Тег TH |
Тег THEAD Title Tr Tt |
Тег u
Тег UL(Unordered List) служит для создания ненумерованного списка. Допускается вложение ненумерованного списка в списки другого вида
|
u |
Ul |
Тег Var
Тег VAR и обязательный парный ему /VAR. Тег VAR используется для выделения переменных в листинге программы. Обычно такой текст отображается курсивом. От английского variable - переменная
HTML - статьи
На создание качественного сайта необходимо потратить много усилий. Основная проблема состоит в том, что разные браузеры по-разному отображают интернет-страницы и не всегда так, как это было задумано их создателем. На сегодняшний день существуют четыре наиболее распространенных клиента: MS Internet Explorer, Mozilla, Opera и Netscape Navigator. По статистическим данным, основная масса пользователей использует для браузер IE. MZ, Opera и NN — много меньше, но отказываться от их поддержки нельзя, поскольку их доля достаточно велика и постоянно растет.Наиболее совместимая со всеми браузерами разметка HTML -документа получается при соблюдении стандартов, определённых организацией World Wide Web Consortium (W3C: http://w3.org/). Но и здесь существуют подводные камни: дело в том, что разработчики браузеров иногда по-разному понимают спецификации и рекомендации по разработке ПО, что приводит к некорректному отображению документа. К счастью, в современных браузерах ситуация исправляется и в большинстве случаев страницы отображаются корректно.
Спецификация
Когда запрашивается документ с HTTP сервера, броузер проверяет свои cookie на предмет соответствия домену сервера и прочей информации. В случае, если найдены удовлетворяющие всем условиям значения cookie броузер посылает их в серверу в виде пары имя/значение: Cookie: NAME1=OPAQUE_STRING1; NAME2=OPAQUE_STRING2 ...
Язык гипертекстовой разметки (HTML)
Развитие HTML - сложный процесс, в котором попытки введения формального стандарта часто сталкивались с тем, что было создано на рынке. (W3C) является официальной инстанцией по отношению к стандартам WWW В мае 1996 W3C выпустил черновик HTML 3.2, который был разработан, чтобы отразить и стандартизировать все общепринятые техники.
Keywords для начинающих
Этот элемент, ставший излюбленным местом для поискового спама, первоначально был придуман для облегчения работы поисковой системы при индексации сайтов. Вебмастер проставлял в списке ключевые слова, по его мнению, отражающие тематику страницы и сайта, а робот, индексируя страницу, собирал не только видимый текст, но и содержимое Keywords.
|
Keywords для начинающих |
Keywords для начинающих - 2 |
Определение и целесообразность кросс-браузерности
Итак, что же такое кросс-браузерность? Кросс-браузерность — это термин, означающий идентичность отображения информации во всех современных пользовательских агентах. Основной вопрос — нужна ли она и, если да, то в каких случаях её стоит добиваться, а в каких — нет?
|
Определение кросс-браузерности Функции, зависящие от браузера (X) HTML (X) HTML - 2 (X) HTML - 3 |
(X) HTML - 4 JavaScript JavaScript - 2 CSS Macromedia Flash |
Достоинства и проблемы HTML Application
В основе разработанной Microsoft технологии исполнения HTML-приложений вне веб-браузера, получившей название HTA (HTML Application), заложена благородная идея: помочь пользователям, не обремененным познаниями в области программирования на C+, Visual Basic, Delphi и других "тяжелых" языках, создавать приложения, основанные на более известных языках сценариев VBScript и JavaScript, а также в стандартном HTML-коде.
|
Достоинства и проблемы HTML Application Достоинства и проблемы HTML Application - 2 |
Достоинства и проблемы HTML Application - 3 Достоинства и проблемы HTML Application - 4 |
META-теги — инструмент хорошего сайта
META-теги - это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для броузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей. Многие из поисковых систем на сегодняшний день активно используют META-теги.
Создание универсального выпадающего меню
Одной из проблем как начинающих, так и уже довольно опытных веб-мастеров становится создание так называемого выпадающего меню. Еще проблемнее становится вопрос создания такого же меню, но работающего в различных браузерах. В данной статье я постараюсь раз и навсегда решить эту проблему!
Мультибраузерный сайт: как его сделать
В данной статье я расскажу вам об основных принципах создания "мультибраузерного" сайта. Под словом "мультибраузерный сайт" я подразумеваю сайт, определяющий браузер пользователя и, в зависимости от результата, использующий уникальные этому браузеру CSS стили. Также я расскажу о некоторых проблемах, которые могут возникнуть при работе с браузерами.
|
Мультибраузерный сайт: как его сделать |
Мультибраузерный сайт: как его сделать - 2 |
Расширяемый язык разметки
Расширяемый язык разметки (The Extensible Markup Language, XML) - подмножество SGML, целиком описанное в представленном документе. Язык должен дать возможность передавать, получать и обрабатывать в Web общие документы SGML так же, как сейчас это можно делать с документами HTML. Язык XML спроектирован так, чтобы упростить реализацию и обеспечить взаимодействие SGML и HTML.Возникновение языка XML и его задачи
XML документы состоят из единиц размещения, называемых , которые содержат разобранные или неразобранные данные. Разобранные данные состоят из набора , часть которых образуют , часть - . Разметка образует описание схемы размещения и логической структуры документа. Язык XML дает механизм создания ограничений для указанной схемы размещения и логической структуры.
|
Символы Диапазон символов Общие синтаксические конструкции Пробельный символ Имена и лексемы |
Литералы Символьные данные и разметка Символьные данные Комментарии Комментарии |
Условные секции
Определение: Условная секция является фрагментом внешнего набора для , которая включается или исключается из логической структуры DTD в зависимости от значения управляющего ею ключевого слова
|
Физические структуры Ссылки на символ и сущность Ссылка на символ Ссылка на сущность |
Ссылка на сущность - 2 Декларации сущности Декларация сущности Внутренние сущности |
Модуляризация XHTML
XHTML это переформулирование HTML 4 как приложения XML.XHTML 1.0 специфицирует три типа документа XML, соответствующие трём ОТД (Определениям Типа Документа) HTML 4: Strict/Строгое, Transitional/Переходное и Frameset/Набор Фрэймов.
XHTML 1.0 является базой семейства типов документов, подразделяющих и расширяющих HTML.
Что такое Модуляризация XHTML
Модуляризация XHTML это разделение XHTML 1.0, относительно HTML 4, на коллекцию абстрактных модулей, которые предоставляют специфические типы функциональности. Эти абстрактные модули реализованы в данной спецификации с использованием языка XML Document Type Definition/Определения Типа Документа, но ожидается появление реализации с использованием Схемы XML.
|
Абстрактные модули Реализации модулей Гибридные типы документов Легализация Модель форматирования |
Абстрактные Модули XHTML Коллекции атрибутов Модули ядра Модуль Structure Модуль Text |
Переобъявления наследственности
Этот необязательный модуль замещает модуль Modular Framework, рассеивая переобъявления различных объектов параметров, чтобы дать возможность включит разметку Transitional модель документа XHTML 1.1. Это устанавливает модули, необходимые для поддержки модели модуляризации 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 6.0. Обычно он располагается в папке Windows и называется Windows Update Setup Files.
Знакомство с обозревателем Microsoft Internet Explorer
Чтобы просматривать веб-страницы, нужна специальная программа — браузер (browser). В Интернете находятся миллионы веб-страниц, и программа просмотра — ваш ключ к поиску необходимой информации. Умея пользоваться этой программой, вы сможете получить даже ту информацию, о существовании которой не подозревали. Но если вы не знаете, как управлять данными, то можете немало времени потратить впустую
|
Зачем разрабатывался Internet Explorer 6 0 Работа с Интернетом - легко |
IntelliSense ускоряет работу Гибкость при использовании |
Начало работы с Интернетом
Вместе с Microsoft Internet Explorer 6.0 распространяется программа, которая позволяет создать и настроить соединение с Интернетом — Мастер подключения к Интернету (Internet Connection Wizard). Используя ее, можно наладить доступ в сеть наиболее легко и безошибочно. Поэтому работа с этой программой разобрана очень подробно, объяснены все нюансы и детали
Печать и сохранение информации
Большинство пользователей Интернета в России соединяются с сетью при помощи модема. Данный вид подключения — самый простой и вообщем-то самый дешевый. Но есть одно "но". Практически все провайдеры, предоставляющие доступ dial-up в сеть, требуют оплачивать время на линии, а не количество загруженных мегабайт. Для активного пользователя, загружающего большие объемы информации, да к тому же имеющему новую электронную АТС, — это только на руку
Панели в Microsoft Internet Explorer
Следуя по пути полной медиализации Интернета, компания Microsoft встроила в Microsoft Internet Explorer 6.0 панель Медиа (Media Bar). В ранних версиях браузера панель была названа Personal Bar и имела намного больше функций, чем теперешняя панель Медиа (Media Bar). Например, была поддержка MSN Messenger, а также контакт-листа из Microsoft Outlook Express и еще несколько приятных функций.
Рабочий стол Active Desktop
Рабочий стол Active Desktop делает возможной настройку рабочего стола, запуск программ, переключение между файлами и отслеживание последних мировых новостей замечет объединения веб и рабочего стола пользователя. Рабочий стол Active Desktop позволяет преобразовывать элементы веб в элементы рабочего стола и обновлять их в любое время.
Настройка внешнего вида обозревателя
Основным критерием выбора программы за последнее время стало так называемое в западной компьютерной прессе usability, т. е. удобство использования. Как известно, то, что красиво, не всегда удобно, и наоборот. Поэтому программисты пытаются создать привлекательный и в то же время удобный для использования вид приложения.
Выбор оптимальной конфигурации Internet Explorer
Оптимальная конфигурация — что это? И зачем? Можете спросить вы. Ведь "все работает" нормально. На самом деле это не предел.
Конфигурирование службы FTP
FTP (File Transfer Protocol)- протокол передачи файлов. Он появился практически тогда, когда зародилась сеть Интернет. Протокол предназначался для передачи файлов с компьютера на компьютер. Главным его достоинством была возможность приема/передачи файла с любого компьютера, под управлением любой операционной системы.
Основы безопасной работы с ресурсами Сети
Безопасность — отсутствие опасности. С первого взгляда, кажется, что путешествие по сайтам дело безопасное. Ведь вроде бы никто не может посмотреть, что вы делаете и где. Но это только с первого взгляда. Связано это с реализацией протоколов РРР и TCP/IP. Дело в том, что в них данные передаются в открытом виде. Соответственно прочитать передаваемую информацию становится делом техники.
Защита компьютера от несанкционированного доступа
Начинающий пользователь может подумать, что атаковать его незачем. На самом деле жертвами таких хакеров как раз становятся только осваивающие компьютер люди. Ведь им проще всего предложить скачать программу, которая, например, сделает бесплатный доступ в Интернет или позволит выиграть в лотерею. Итак, доверчивые пользователи, попадаясь на удочку, загружают обыкновенные троянские программы, которые отправляют их создателям всевозможные данные о компьютере жертвы, а также имена входа (login) и пароли для доступа в Интернет и другую секретную информацию.
|
Разное Сценарии Проверка подлинности пользователя Местная интрасеть Узлы |
Окно Местная интрасеть Надежные узлы Окно Надежные узлы Ограниченные узлы ПрограммыТрояны Виды |
Ограничение доступа к нежелательным для просмотра ресурсам
Интернет предоставляет возможность доступа к огромному количеству ресурсов. Некоторая информация может не подходить, быть опасной для пользователя. Например, вы можете захотеть ограничить доступ вашим детям к сайтам, содержащим элементы насилия.
Первое знакомство с Microsoft Outlook Express
Microsoft Outlook Express - программа для отправки сообщений e-mail. Она поставляется вместе с Microsoft Internet Explorer 6.0. Outlook Express является одним из лучших почтовых клиентов. И это неспроста. Программа обладает практически неограниченными возможностями для работы с сообщениями e-mail.
Создание и отправка почтовых сообщений
Итак, Microsoft Qutlook Express, как и любая другая почтовая программа, позволяет не только работать с входящей почтой, но также и создавать, отправлять письма e-mail. В приложение встроен очень хороший движок, делающий работу с сообщениями очень простой и в тоже время функциональной. В отличие от своих конкурентов, Microsoft Outlook Express может корректно работать не только со входящей почтой с HTML-разметкой, но также и с исходящей. Проще говоря, в создаваемых вами сообщениях вы можете использовать всевозможные HTML-теги.
|
Интерфейс программы Окно Создать сообщение Меню Правка Окно Поиск сообщения Меню Вид |
Просмотр исходного кода Меню Вставка Окно Рисунок Окно Гиперссылка Меню Формат |
Работа с группами новостей
Вы можете найти newsgroup практически любой направленности. Некоторые группы новостей модерируются, другие — нет. Модерируемые принадлежат пользователям, которые обладают правами удаления, изменения сообщений, опубликованных другими пользователями. Каждый может участвовать в группах новостей — не требуется платы за вступление, пользование.
Автономная работа
Режим работы без подключения к сети Интернет называется автономным. В этом случае вы можете читать, писать сообщения. Но вы не будете иметь возможность, например, отправить или принять почту. Но зачем же нужен такой режим — можете спросить вы. Дело в том, что при использовании подключения к Интернету по телефонной линии, вы платите не за количество загруженных мегабайт, а за время на линии.
|
Автономная работа Настройка IMAPящика Окно Outlook Express IMAPящик Настройка групп новостей |
Окно Outlook Express просмотр сообщения Настройка синхронизации Работа с сообщениями Создание сообщений |
Настройка интерфейса
Microsoft Outlook Express, как и большинство новых программных продуктов от Microsoft, поддерживает возможность изменения интерфейса (внешнего вида). Причем сделать это может даже самый неподготовленный пользователь.
Выбор оптимальной конфигурации Microsoft Outlook Express
"Горячие" клавиши. Для того чтобы ускорить доступ к некоторым функциям программы, стоит использовать так называемые "горячие" клавиши
|
Значки списка сообщений Outlook Express |
Защита данных |
Рекомендуемые программы
Многие пользователи ограничиваются двумя программами - Outlook Express и Internet Explorer, считая остальные просто ненужным хламом. Здесь я расскажу о программах, которые позволят повысить эффективность, скорость работы в Интернете.
|
Плейер Интерфейс Winamp Менеджер загрузки |
Чат Что такое ICQ? Безопасность |
Интернет-протоколы
Основу транспортных средств стека протоколов TCP/IP составляет протокол межсетевого взаимодействия — Internet Protocol (IP). К основным функциям протокола IP относятся: перенос между сетями различных типов адресной информации в унифицированной форме; сборка и разборка пакетов при передаче их между сетями с различным максимальным значением длины пакета.
Практическое введение в Internet, E-Mail, FTP, WWW и HTML
Если вы еще не купили модем и не подключились к сети Internet, спешите сделать это как можно быстрее. Замыкаясь в рамках своего персонального компьютера или локальной сети, вы будете жить на маленьком острове, отрезанном от всего мира, как Робинзон Крузо. Подумайте, стоит ли так себя ограничивать?Что же представляет собой сеть Internet, и какие возможности она способна вам предоставить?
В конце 60-х годов стартовал проект создания глобальной сети, способной объединить компьютеры, расположенных в разных городах, странах или даже на разных континентах. Этот проект финансировался американским правительством в рамках военного агенства DARPA (Defense Advanced Research Projects Agency). В результате была создана сеть DARPANET, а также несколько других сетей, обслуживающих военно-космическую промышленность США.
Не углубляясь в историю, отметим, что в настоящее время сеть Internet объединила многие глобальные сети и насчитывает миллионы серверов. Эти серверы разбросаны по всему миру.
Введение
Практически каждый, кто имеет компьютер с модемом (можно не особенно мощный), может подключиться к сети Internet. Благодаря различным коммерческим организациям и благотворительным программам сеть Internet стала теперь доступна и в нашей стране, причем не только для "новых русских", но и для студентов, и даже для школьников. В нашей книге вы найдете всю информацию, необходимую для подключения к сети Internet.
С чего начать
Прежде чем мы приступим к изучению глобальных сетей и установке программного обеспечения для работы в сети Internet, сделаем небольшой обзор, который поможет вам оценить возможности глобальных сетей. На конкретных примерах вы сможете убедиться в том, что благодаря усилиям многих людей технология глобальных коммуникаций стала доступна для всех. Кроме того, в этой главе мы расскажем, что вы должны сделать, чтобы подключиться к сети Internet.
Подключение к сети INTERNET
Вы узнаете о системе адресов, принятой в сетях с указанным протоколом, и научитесь правильно настраивать сетевые компоненты основных операционных систем Microsoft Windows 95, Microsoft Windows NT и IBM OS/2. Такая настройка является наиболее тонким моментом в создании глобальных и локальных сетей, работающих с протоколом TCP/IP.
Приложения для INTERNET
По мере развития сети Internet появился новый класс приложений, ориентированных на эту сеть (мы будем называть их приложениями Internet). Эти приложения обеспечивают доступ к серверам WWW , FTP , GOPHER, предоставляют возможность работать с электронными конференциями и электронной почтой. Приложения Internet созданы для самых разных операционных систем, от MS-DOS до Microsoft Windows NT, IBM OS/2 и различных версий UNIX.
|
Небольшие, но полезные программы PING PM Ping NETSTAT ROUTE |
Программы для работы с протоколом FTP Параметры программы FTP Команды программы FTP Подключение к серверу FTP Отключение от сервера FTP |
Создание страниц WWW
Создание собственного сервера WWW - сложное и весьма дорогостоящее дело, доступное только относительно крупным фирмам. Чтобы иметь такой сервер, вы должны приобрести компьютер для сервера, способный работать под управлением таких ресурсоемких операционных систем, как Microsoft Windows NT, UNIX или OS/2 Warp Server и соответствующее программное обеспечение, стоимостью несколько сотен долларов. Этот сервер должен работать круглосуточно. Вам также потребуется системный программист, специалисты по верстке страниц WWW, художники и т. д.
Интерфейс WINDOWS SOCKETS
Нашей следующей задачей будет освоение основ программирования для сетей TCP/IP. Теперь мы расскажем вам о том, как составлять сетевые приложения, выполняющие обмен данными по глобальным и локальным сетям с использованием данного протокола. При этом из-за недостатка места в книге мы ограничимся описанием программного интерфейса Windows Sockets , который имеется в операционных системах Microsoft Windows 95 и Microsoft Windows NT.
Литература
Delphi 3.Библиотека программиста
32 Урока Borland Delphi
Отладка программы в Delphi
Советы по Delphi
Учебник по Visual C++ .Net
Дивов Олег - Выбраковка
Практика создания динамических Web-узлов
Обзор исследований в области искусственного интеллекта
Восстановление деталей и повторное использование материалов
Де Сайн Али - Виват Сатана
Дэйзи Аарон - Ночной Охотник
Delphi 7 для профессионалов
Научись снимать цифровым фотоаппаратом
Введение в цифровую фотографию
Практика разработки Web-страниц
Самоучитель по Digital Graphics
Издательская система Adobe PageMaker
Справочник. - Коммутационные аппараты
Научись снимать цифровым фотоаппаратом
ЭЛЕКТРОНИКА В АВТОМОБИЛЕ