>
Отображение абзацных меток Отображение абзацных меток осуществляется через выбор команды Маркеры форматов в меню Вид. Операции вырезания, копирования и вставки Выбранная команда Правка к Вырезать удаляет активный элемент из документа Microsoft FrontPage Express и помещает его в буфер промежуточного хранения. Вы можете удалить из документа и поместить в буфер обмена любой выбранный текстовой или графический элемент как Microsoft FrontPage Express, так и приложения Windows. Команда Файл к Скопировать используется для вставки активного элемента в буфер промежуточного хранения. Вы можете поместить в буфер обмена любой выбранный текстовой или графический элемент как Microsoft FrontPage Express так и приложения Windows. Выбранная команда Правка к Вставить помещает копию элемента из буфера промежуточного хранения в документ Microsoft FrontPage Express. Вы можете поместить в документ Microsoft FrontPage Express текстовой или графический элемент из любого приложения Windows. Поиск и замена текста Выбранная команда Правка к Заменить открывает доступ к встроенному в Microsoft FrontPage Express инструменту редактирования, который используется для поиска и замены символов (включая прописные и строчные буквы), целых слов или частей слов. Поиск и замена спецсимволов осуществляется так же, как поиск и замена простого текста -- достаточно ввести в поля данных Образец или Заменить на ключевые комбинации для специальных символов или ANSI (ASCII) коды символов. Вывод на печать Выбранная команда Файл к Напечатать открывает доступ к диалоговому окну Печать, с помощью которого можно выбрать принтер для печати текущего документа, установить параметры работы этого принтера и вывести на печать текущий документ. Оперирование открытыми окнами С помощью команд меню Окно вы можете: Рядом Расположить все окна без взаимного перекрытия по горизонтали. Каскадом Упорядочить все окна с перекрытием так, чтобы название каждого окна было видимо. Упорядочить значки Упорядочить пиктограммы минимизированных окон. Установив курсор мыши на кнопке со стрелкой и буксируя мышью один из указателей прокрутки, можно перемещать страницу до тех пор, пока в документе не покажется нужное место. Вертикальный указатель предназначен для передвижения страницы по вертикали, горизонтальный -- по горизонтали. Доступ к системе оперативной подсказки С помощью команд меню Справка можно получить доступ к системе оперативной подсказки редактора web-страниц Microsoft FrontPage Express. Стили форматирования В языке описания гипертекстовых документов слова и строки кодируются логическими и физическими стилями. Поэтому в редакторе web-страниц Microsoft FrontPage Express доступны только два стиля оформления параграфов: Стили оформления символов (физические стили) влияют на выравнивание параграфов, тип, размер, гарнитуру и цвет шрифта. Стили оформления параграфов (логические стили) влияют на все параграфы выделенного текста. Эти виды стиля позволяют вести форматирование через указания заголовков того или иного уровня и игнорировать информацию о размере шрифта и гарнитуре. Поэтому, чтобы изменить форматирование заголовка, вы должны модифицировать заголовок первого уровня. Через стили оформления вы можете сформировать согласованный гипертекстовый документ, то есть определить заголовок первого уровня в качестве только <H1> (без информации о гарнитуре шрифта и его кегле). Физические стили Физические стили или стили оформления параграфов доступны через Панель форматирования или через команду Абзац меню Формат. Вы можете оформить доступным физическим стилем не только выбранный абзац, но и несколько выделенных абзацев. К каждому из этих стилей вы можете применить выравнивание по центру, по левому или по правому краю. Для этого в меню Формат выберите команду Абзац и в появившемся диалоговом окне Свойства абзаца обратитесь к списку Выравнивание абзаца. Просто определите точку вставки и выберите необходимый стиль абзаца из списка следующих стилей: Адрес Подпись автора web-страницы. Обычно располагается в конце документа. Заголовки с 1 по 6 уровень Разделение текста документа на разделы, каждый из которых оформлен текстом определенного размера. Маркированый список Список, оформленный маркерами. Обычный Стиль абзаца по умолчанию. Список определений Оформление глоссариев или других списков. Нумерованный список Иерархия с использованием цифр. Список каталогов Специальный стиль для оформления списков файлов или каталогов. Список меню Специальный стиль для оформления небольших параграфов. Форматированный Специальный стиль для оформления листингов программ и другой технической документации. Логические стили Microsoft FrontPage Express поддерживает следующие типы логических стилей: n Полужирный n Курсивный n Полужирный курсив n Машинописный шрифт n Верхний индекс n Нижний индекс n Подчеркнутый n Зачеркнутый Вы можете оформить доступным логическим стилем не только выбранный символ, но и несколько выделенных символов. Просто выделите текст, обратитесь к диалоговому окну Шрифт (доступ: Формат к Шрифт) и выберите необходимый атрибут шрифта. Раскрашивание текста Вы можете оформить цветом не только выбранный символ, но и несколько выделенных символов. Просто выделите текст, обратитесь к диалоговому окну Шрифт (доступ: Формат к Шрифт) и выберите из списка Цвет понравившийся вам цвет шрифта. Многоплатформенные шрифты В принципе с помощью Microsoft FrontPage Express вы можете оформлять свои web-страницы всеми доступными шрифтами вашей системы. С другой стороны, если вы хотите, чтобы вашу страницу могли просмотривать пользователи других операционных систем, вы должны использовать в оформлении так называемые многоплатформенные шрифты. К ним относятся следующие шрифты: n Arial n Courier n Times Горизонтальные линии Вы можете украсить дизайн вашей web-страницы горизонтальной линией. Для этого определите место в вашем документе, в котором должна быть линия, и выберите из меню Вставка команду Горизонтальная линия. Просмотр и правка исходного кода HTML Microsoft FrontPage Express позволяет вам просмотреть текст исходного кода HTML и, в случае необходимости, произвести редактирование. Для этого выберите из меню Вид команду HTML. Вставка в документ тэгов HTML Вы можете вставить в ваш документ любой тэг HTML, включая Java Script. Для этого выберите из меню Вид команду Разметка HTML, обратитесь к диалоговому окну Разметка HTML и поместите ваш тэг в поле данных Вставляемая метка HTML. Одновременно вы можете вставить только один тэг. Дизайн web-страниц с помощью таблиц Мощнейшее средство HTML -- таблицы -- позволяют создавать достаточно сложный дизайн web-страницы, например, вы можете расположить текст вашего документа в нескольких колонках. Для того, чтобы разместить в вашем документе таблицу, определите точку вставки и обратитесь к диалоговому окну Добавить таблицу через команду Вставить таблицу меню Таблица. Опции диалогового окна Добавить таблицу позволяют: Размер строки Указать количество строк таблицы. Размер колонки Указать количество колонок таблицы. Выравнивание Определить тип выравнивания элементов таблицы. Размер рамки Определить размер линий границ ячеек в пикселах (до 100 пикселей). Если размер рамки будет иметь нулевое значение, то линия границы таблицы отобразится пунктирами, а при просмотре документа в обозревателе станет невидимой. Промежуток между столбцами Определить расстояние между столбцами в пикселах. Ширина Указать ширину таблицы в пикселах или в процентах от ширины основного окна соответствующего обозревателя. Независимо от того или иного обозревателя, таблица, ширина которой определена в пикселах, будет иметь постоянный размер. Таблица, ширина которой определена в процентах, будет подстраиваться к тому или иному обозревателю. Дополнительно Обратиться к диалоговому окну Дополнительные атрибуты, с помощью которого можно вставить в таблицу тэг HTML или сценарий Java. Как добавить в таблицу строку или столбец В созданную таблицу вы можете добавить строку или столбец. Для этого выберите в таблице место вставки и обратитесь к диалоговому окну Вставить строки или столбцы (доступ: Таблица к Вставить строки или столбцы). Совет: Ничто вам не мешает вставить таблицу в другую таблицу. Этим часто пользуются опытные дизайнеры web-страниц. Как добавить в таблицу ячейку В созданную таблицу вы можете добавить ячейку. Для этого выберите в таблице место вставки и дайте команду Вставить ячейку (доступ: Таблица к Вставить ячейку). Как выделить таблицу С помощью меню Таблица вы можете выделить всю таблицу или только одну ячейку, строку или столбец, просто дав одну из следующих команд: Выделить таблицу, Выделить ячейку, Выделить строку, Выделить столбец. К выделенной таблице вы можете применить стандартные операции копирования и вставки. Как разбить ячейку на столбцы или строки Вы можете разбить ячейку на столбцы или строки с помощью диалогового окна Разбить ячейки (доступ: Таблица к Разбить ячейки). В поле данных Число колонок определите количество столбцов вашей новой ячейки, а в поле данных Число строк укажите количество строк. Свойства таблицы Cозданной таблице вы можете назначить те или иные свойства (ширина линии границы, поля и отступы ячеек, ширина, цвет). Для этого в меню Таблица выберите команду Свойства таблицы и обратитесь к диалоговому окну Свойства таблицы. Опции диалогового окна Свойства таблицы позволяют: Выравнивание Определить тип выравнивания элементов таблицы. Размер рамки Определить размер линий границ ячеек в пикселах (до 100 пикселей). Если размер рамки будет иметь нулевое значение, то линия границы таблицы отобразится пунктирами, а при просмотре документа в обозревателе станет невидимой. Заполнение ячеек Определить максимальный размер заполнения ячейки в пикселах (до 100 пикселей). Промежуток между столбцами Определить расстояние между столбцами в пикселах. Ширина Указать ширину таблицы в пикселах или в процентах от ширины основного окна соответствующего обозревателя. Независимо от того или иного обозревателя, таблица, ширина которой определена в пикселах будет иметь постоянный размер. Таблица, ширина которой определена в процентах, будет подстраиваться к тому или иному обозревателю. Специальный фон Использовать в качестве фона таблицы картинку. Просто выберите флажок Использовать фоновое изображение и нажмите кнопку Обзор для поиска файла картинки в форматах GIF, JPG, BMP, TIF, WMF, RAS, EPS, PCX или TGA. Цвет фона Раскрасить подложку таблицы. Дополнительные цвета В этом разделе вы можете определить цвет для рамки вашей таблицы. Если вы выберите только параметр Граница, т.е. параметры Светлая и Темная рамка останутся используемыми по умолчанию, то через ниспадающий список цветов можно присвоить цвет всей рамке вашей таблице. Имеющие приоритет параметры Светлая и Темная рамка позволяют присвоить цвет верхней и нижней рамкам таблицы. Манипулирование ячейками таблицы Вы можете назначить те или иные свойства не всей таблице, а только ее ячейкам. Для этого в меню Таблица выберите команду Свойства ячейки и обратитесь к диалоговому окну Свойства ячейки. Опции диалогового окна Свойства ячейки позволяют: Выравнивание по горизонтали Определить горизонтальную выключку элементов таблицы (по горизонтали, влево и вправо). Вертикальное выравнивание Определить вертикальную выключку элементов таблицы (сверху, снизу и посередине). Ячейка с заголовком Присвоить выбранной ячейке таблицы заголовок. Без разбиения Не допускать переноса текста ячейки на следующую строку. Минимальная ширина Указать минимальную ширину ячейки в пикселах или в процентах от ширины таблицы. Ячейка, ширина которой определена в процентах, будет подстраиваться к тому или иному обозревателю. Специальный фон Использовать в качестве фона ячейки картинку. Просто выберите флажок Использовать фоновое изображение и нажмите кнопку Обзор для поиска файла картинки в форматах GIF, JPG, BMP, TIF, WMF, RAS, EPS, PCX или TGA. Цвет фона Раскрасить подложку ячейки. Дополнительные цвета В этом разделе вы можете определить цвет для рамки ячейки. Если вы выберите только параметр Граница, т.е. параметры Светлая и Темная рамка останутся используемыми по умолчанию, то через ниспадающий список цветов можно присвоить цвет всей рамке ячейки. Имеющие приоритет параметры Светлая и Темная рамка позволяют присвоить цвет верхней и нижней рамкам ячейки. Дизайн web-страниц с использованием графики Редактор web-страниц Microsoft FrontPage Express поддерживает графические изображения двумя форматами GIF (CompuServe Graphics Interchange Format Расширение .GIF) и JPEG (Joint Photographic Experts Group Расширение .JPG). Это означает, что любой файл формата BMP, TIF, WMF, RAS, EPS, PCX и TGA при вставке в рабочую среду Microsoft FrontPage Express будет преобразован в GIF-картинку. Несколько слов о форматах GIF и JPEG. GIF-формат хорош тем, что он маленький и имеет всего 256 цветов. Формат JPEG используется только для картинок, имеющих более 256 цветов. С другой стороны, вы можете создать JPEG-файл с потерей качества, но без потери количества цветов, это может значительно уменьшить размер файла. Поэтому, если вы хотите иметь хорошую картинку, просто преобразуйте ее в формат JPG. Вы можете поместить в Microsoft FrontPage Express изображение посредством выбора из меню Вставка команды Изображение. Изображение Microsoft FrontPage Express может быть помещено в любое место вашего документа, определенное точкой вставки. Просто поместите точку вставки в нужное место, выберите через диалоговое окно Изображение (доступ: Вставка к Изображение) имя графического файла и нажмите кнопку OK. Вы можете помещать в документ Microsoft FrontPage Express только растровые (двоичные отображения) картинки. Растровые картинки строятся из отдельных точек и хранятся в виде групп точек, а экран представляется в виде прямоугольного массива точек, компьютеру указывается цвет каждого элемента изображения. Если документ с помещенной картинкой был сохранен, а затем картинка подверглась редактированию в какой-либо программе, то Microsoft FrontPage Express не внесет эти изменения в ваш документ. Если вы переместите файл изображения в другую папку, то само изображение не отобразится в вашем документе. Помните, что ваше изображение должно храниться в том же каталоге, в каком находится файл исходного документа. Если формат графического файла не поддерживается программой, то стоит попытаться вставить картинку в Microsoft FrontPage Express из буфера обмена, или открыть картинку в исходном приложении, или сохранить ее в другом формате. Если же файл загружается в исходное приложение, но неправильно отображает картинку, то необходимо записать файл в другом графическом формате или распрощаться с этим файлом раз и навсегда. При импортировании картинки в Microsoft FrontPage Express размер файла документа практически не увеличивается. Библиотека рисунков Microsoft FrontPage Express С помощью вкладки Картинки диалогового окна Изображение вы можете воспользоваться библиотекой рисунков Microsoft FrontPage Express. Альтернативное отображение картинок Microsoft FrontPage Express отображает изображения посредством заменяющего текста и так называемой превью-картинки. Превью-картинка имеет низкое разрешение (при загрузке исходного изображения сначало проявится изображение с низким разрешением), а заменяющий текст используется при просмотре web-страниц в текстовом режиме. Чтобы отобразить картинку посредством заменяющего текста, выберите ее, обратитесь к вкладке Общие диалогового окна Свойства изображения (доступ: Правка к Свойства изображения) и в поле данных Текст введите информацию, тем или иным образом описывающую вашу картинку. Чтобы отобразить картинку посредством превью-картинки, выберите ее, обратитесь к вкладке Общие диалогового окна Свойства изображения (доступ: Правка к Свойства изображения) и с помощью кнопки Обзор раздела Другие представления выберите картинку с низким разрешением. Как присвоить изображению ссылку Вы можете присвоить помещенной в рабочую среду Microsoft FrontPage Express картинке любую ссылку. Для этого выберите картинку, обратитесь к вкладке Общие диалогового окна Свойства изображения (доступ: Правка к Свойства изображения) и с помощью кнопки Обзор раздела Ссылка по умолчанию выберите документ HTML, на который должен быть сделан переход. Позиционирование изображений Вы можете позиционировать изображениями, помещенными в рабочую среду Microsoft FrontPage Express. Для этого выберите изображение и обратитесь к вкладке Внешний вид диалогового окна Свойства изображения (доступ: Правка к Свойства изображения к Внешний вид). С помощью ниспадающего списка Выравнивание укажите тип позиционирования вашего изображения относительно страницы. С помощью опции Интервал по горизонтали вы можете сместить выбранное изображение относительно страницы по горизонтали. Параметр смещения одновременно воздействует на правую и левую части выбранного изображения. С помощью опции Интервал по вертикали вы можете сместить выбранное изображение относительно страницы по вертикали. Параметр смещения одновременно воздействует на верхнюю и нижнюю части выбранного изображения. Основные свойства web-страницы Свойства созданной страницы представлены диалоговым окном Свойства страницы (доступ: Файл к Свойства страницы). Папка Укажите путь к папке, в которой хранятся все файлы вашей web-страницы. Заголовок Текст, который вы впишите в это поле данных отобразится в заголовке окна обозревателя. Практически все поисковые машины Internet начинают сканирование web-страниц с заголовка. Как озвучить web-страницу Вы можете озвучить вашу web-страницу, просто поместив в нее файлы звуков WAV, AIFF, AU MIDI. Для этого определите точку вставки и обратитесь к разделу Фоновый звук вкладки Общие диалогового окна Свойства страницы (доступ: Файл к Свойства страницы). С помощью кнопки Обзор выберите звуковой файл на вашем диске. Если вы хотите, чтобы ваш звук все время играл в окне обозревателя, поставьте флажок Непрерывно. Если же вы хотите, чтобы ваш звук воспроизводился в течение определенного цикла, снимите флажок Непрерывно и укажите количество циклов воспроизведения с помощью счетчика Цикл. Кодирование web-страниц С помощью Microsoft FrontPage Express вы можете изменить кодировку символов web-страницы. Для этого обратитесь к разделу Кодировка HTML вкладки Общие диалогового окна Свойства страницы (доступ: Файл к Свойства страницы). Отображение русских букв зависит от вашей кодировки. Поэтому для того, чтобы в обозревателе нормально отображались русские буквы, вам необходимо установить в систему многоязыковую поддержку и шрифты с соответствующей кодировкой, например KOI8. Как правило, при pаботе в Windows 98 для кириллизации используется кодиpовка CP1251, а на непонятных компьютерах с UNIX -- кодиpовка KOI-8. Стандарт KOI8 является кириллической кодовой таблицей, позволяющей вам обмениваться некоторыми сообщениями электронной почты и просматривать web-страницы. Для того, чтобы Windows 98 понимала KOI8, необходимо установить многоязыковую поддержку и шрифты с кодировкой KOI8. Помните, что российские серверы Web поддерживают русский язык либо через кодовую страницу 1251 (Windows 95), либо через таблицу КОИ-8 (Unix). Как присвоить цвет или фон вашей web-странице Вы можете указать цвет фона для вашего документа HTML. Для этого обратитесь к вкладке Фон диалогового окна Свойства страницы (доступ: Файл к Свойства страницы), поставьте флажок Фоновое изображение и с помощью кнопки Обзор выберите файл изображения, который будет использоваться в качестве фона. Вы можете указать дополнительный цвет фона для текущего документа. Для этого обратитесь к вкладке Фон диалогового окна Свойства страницы (доступ: Файл к Свойства страницы) и выберите из наспадающего списка Фон понравившийся вам цвет. Как присвоить цвет тексту и ссылкам Вы можете присвоить цвет любому выделенному фрагменту текста, а также гиперссылке, просмотренной и активной ссылкам. Для этого обратитесь к вкладке Фон диалогового окна Свойства страницы (доступ: Файл к Свойства страницы) и выберите из наспадающего списка Текст цвет для выделенного фрагмента текста. Цвет ссылки вы можете изменить с помощью ниспадающих списков Гиперссылка, Просмотренная ссылка и Активная ссылка. Мета-тэги С помощью вкладки Специальный диалогового окна Свойства страницы (доступ: Файл к Свойства страницы) вы можете включить в ваш документ HTML дополнительную информацию, которая не отобразится в окне обозревателя, но помогает той или иной поисковой машине Internet более легко обнаружить вашу web-страницу. Речь идет о так называемых мета-тэгах. Используя мета-тэги вы можете включить в свой документ, например, ключевые слова и короткое описание вашей web-странички: <META name="description" content="Хороший сайт"> <META name="keywords" content="автомобиль, стоп"> Использование гипертекстовых ссылок Гипертекстовая ссылка считается активной частью документа HTML. Это означает, что любому пользователю Internet достаточно щелкнуть по ссылке для перехода к другой web-странице или другому узлу Internet. Для того, чтобы создать ссылку, выделите текст или изображение и обратитесь к диалоговому окну Создать гиперссылку (доступ: Правка к Гиперссылка). С помощью ниспадающего списка Тип гиперссылки укажите необходимый тип гиперссылки, а в поле данных Адрес (URL) введите необходимый адрес URL. Абсолютные ссылки указывают путь к месту вашего диска, где находится документ HTML. Такие ссылки совершенно не пригодны для публикации вашего документа в Web. Относительные ссылки не имеют пути, поэтому, если вы переместите ваши файлы, ссылки все равно будут работать. Пример создания сложного гипертекстового документа Попробуем проследить за тем, как создавалась главная страничка web-сервера Московской издательской компании. n Работаем в Microsoft FrontPage Express n Операционная система: Microsoft Windows 98 n Графическая поддержка: Adobe Photoshop 5.0 n Текстовая поддержка: Microsoft Word 7.0 1. Откроем гипертекстовый редактор Microsoft FrontPage Express. 2. В меню File дадим команду New и в открывшемся диалоговом окне выберем опцию Normal Page 3. На диске создадим папку Mikserver и сохраним созданный документ в этой папке под именем index.htm. Для этого из меню File выберем команду Save As и в открывшемся диалоге в поле File name напишем index и нажмем OK. 4. Теперь дадим название нашей web-страничке. Для этого из меню File выберем команду Page Properties и в открывшемся диалоге в поле Title напишем следующий текст: Московская издательская компания. Книги по компьютерам, бизнесу, медицине и юмору. Покупка книг через Internet 5. Создадим метку параграфа. Для этого просто нажмем клавишу Enter. 6. Создадим еще одну метку параграфа. Для этого тоже просто нажмем клавишу Enter. 7. В первой метке параграфа построим таблицу с двумя строками. Для этого обратимся к меню Table и выберем из него команду Insert Table. Предварительно зададим параметры таблицы и нажмем кнопку OK. 8. У нас получилась табличка без окаймляющей рамки и с двумя строчками. 9. Вторую строку таблицы оформим цветом. Для этого вставим курсор на метку параграфа второй строки таблицы, обратимся к меню Table и выберем из него команду Cell Properties. 10. В появившемся диалоговом окне Cell Properties обратимся к списку цветов Background Color и выберем из него заказной цвет Custom. Как только это будет сделано, мы сразу окажемся в следующем диалоговом окне Color. 11. В диалоговом окне Color определим цвет фона строки нашей таблицы как n Red: 5 n Green: 153 n Blue: 102 Нажмем кнопку Add to Custom Colors, затем нажмем кнопку OK и, возвратившись в наше предыдущее диалоговое окно, нажмем еще раз кнопку OK. 12. У нас получилась табличка, фон второй строки которой оформлен заказным цветом. 13. Теперь под нашей готовой таблицей построим еще одну таблицу с четырьмя столбцами и одной строчкой. Для этого поставим курсор на вторую метку параграфа нашего документа, обратимся к меню Table и выберем из него команду Insert Table. Предварительно зададим параметры таблицы и нажмем кнопку OK. У нас получилась табличка без окаймляющей рамки, с одной строчкой и четырьмя столбцами. 14. Оформим эту табличку следующим образом: Первый столбец: n имеет ширину 5 пикселей n цвет фона Red: 5, Green: 153, Blue: 102 Второй столбец: n имеет ширину 160 пикселей n цвет фона Red: 5, Green: 153, Blue: 102 Третий столбец: n имеет ширину по умолчанию, т.е. флажок Specify Width снят n цвет фона White Четвертый столбец: n имеет ширину по умолчанию, т.е. флажок Specify Width снят n цвет фона White 15. Теперь в четвертый столбец нашей новой таблицы вставим таблицу с одной строкой, с двумя столбцами и зафиксируем ее ширину на уровне 400 пикселей. Для этого поставим курсор на метку параграфа четвертого столбца, нажав клавишу Enter, создадим еще одну метку параграфа (эта метка нам потом понадобится), перейдем на предыдущую метку, обратимся к меню Table и выберем из него команду Insert Table. Предварительно зададим параметры таблицы и нажмем кнопку OK. 16. У нас получилась вложенная табличка. 17. Столбцы нашей вложенной таблицы оформим следующим образом: Первый столбец: n имеет ширину 100 пикселей n цвет фона White Второй столбец: n имеет ширину 400 пикселей n цвет фона White 18. Создадим под этой вложенной табличкой еще одну таблицу с двумя строками, с одним столбцом и зафиксируем ее ширину на уровне 400 пикселей. Для этого поставим курсор на метку параграфа четвертого столбца, нажав клавишу Enter, создадим еще одну метку параграфа, перейдем на предыдущую метку, обратимся к меню Table и выберем из него команду Insert Table. Предварительно зададим параметры таблицы и нажмем кнопку OK. 19. У нас получилась еще одна вложенная табличка. 20. Первую строку этой таблицы оформим нашим заказным цветом фона. Для этого вставим курсор на метку параграфа первой строки таблицы, обратимся к меню Table и выберем команду Cell Properties. В появившемся диалоговом окне Cell Properties обратимся к списку цветов Background Color и выберем из него заказной цвет Custom. Как только это будет сделано, мы сразу окажемся в следующем диалоговом окне Color. В диалоговом окне Color выберем из раздела Custom Colors наш цвет фона: n Red: 5 n Green: 153 n Blue: 102 Нажмем кнопку Add to Custom Colors, затем нажмем кнопку OK и, возвратившись в наше предыдущее диалоговое окно, нажмем еще раз кнопку OK. 21. Вторую строку разобьем на два столбца. Для этого из меню Table выберем команду Split Cells. 22. Два этих столбца оформим следующим образом: Первый столбец: n имеет ширину 100 пикселей n цвет фона White Второй столбец: n имеет ширину 300 пикселей n цвет фона White 23. Поставим курсор на метку параграфа первой строки вложенной таблицы с двумя строками и, обратившись к команде Select Table меню Table, выделим таблицу. 24. Скопируем через комбинацию клавиш Ctrl+C выделенную таблицу. 25. Перейдем на метку параграфа, находящуюся под нашей таблицей и через комбинацию клавиш Ctrl+V вставим дубликат таблицы. 26. Повторим описанную в пункте 25 операцию еще 3 раза. 27. Макет нашего web-сервера практически готов. 28. Теперь займемся графикой. Для этого откроем программу Adobe Photoshop 5.0 и создадим в нем следующую GIF-картинку: 29. Эта картинка, состоящая из 128 цветов, имеет размер 589 на 45 пунктов, а ее разрешение соответствует 72 DPI. Из Adobe Photoshop она была экспортирована в GIF через диалоговое окно GIF89a Экспорт опции (доступ: Файл к Экспорт к GIF89a Экспорт). При этом цвет надписи "Деньги приходят и уходят. Книги остаются" задан так: n Red: 5 n Green: 153 n Blue: 102 30. Поместим созданную картинку в макет нашего web-сервера. Для этого поставим курсор в самую верхнюю строчку таблицы и выберем из меню Insert команду Image. 31. С помощью появившегося диалогового окна найдем на диске файл нашей картинки и, выбрав его, нажмем кнопку OK. 32. В программе Adobe Photoshop 5.0 создадим навигационную GIF-картинку нашего web-сервера. 33. Эта картинка, состоящая из 64 цветов, имеет размер 635x31, разрешение соответствует 72 DPI, а фон ее прозрачен. Из Adobe Photoshop она была экспортирована в GIF через диалоговое окно GIF89a Экспорт опции (доступ: Файл к Экспорт GIF89a к Экспорт). 34. Поместим созданную картинку в макет нашего web-сервера. Для этого поместим курсор на вторую строчку верхней таблицы и выберем из меню Insert команду Image. С помощью появившегося диалогового окна найдем на диске файл нашей картинки и, выбрав его, нажмем кнопку OK. 35. В программе Adobe Photoshop 5.0 создадим картинку, которая будет выполнять роль зазывалы посетителей нашего web-сервера. 33. Эта картинка, состоящая из 64 цветов, имеет размер 304x39, разрешение соответствует 72 DPI. Из Adobe Photoshop она была экспортирована в GIF через диалоговое окно GIF89a Экспорт опции (доступ: Файл к Экспорт GIF89a к Экспорт). При этом цвет надписи "Добро пожаловать" задан так: n Red: 5 n Green: 153 n Blue: 102 34. Поместим созданную картинку в макет нашего web-сервера. 35. В программе Adobe Photoshop 5.0 создадим кнопку "Издательство МиК". 36. Эта картинка, состоящая из 32 цветов, имеет размер 111x14, разрешение соответствует 72 DPI. Из Adobe Photoshop она была экспортирована в GIF через диалоговое окно GIF89a Экспорт опции (доступ: Файл к Экспорт GIF89a к Экспорт). 37. Поместим созданную картинку в макет нашего web-сервера. 38. В программе Adobe Photoshop 5.0 создадим так называемый буллет, т.е. картинку в виде черного квадратика, состоящую из 4 цветов и имеющую размер 8x8 пунктов. 39. Поместим созданную картинку в макет нашего web-сервера. 40. Повторяя эти "графические" шаги, мы заполним наш web графикой. 41. Прежде чем оформлять текстовую часть нашего web-сервера, разберемся с кодировками. Для этого обратимся к меню File и выберем из него команду Page Properties. В появившемся диалоговом окне Page Properties перейдем к вкладке Language. Из списка раздела Save выберем опцию Cyrillic, а из списка раздела Load выберем опцию Automatic Encoding. 42. Используя Microsoft Word 7.0 и операции копирования и вставки, заполняем информационную часть нашего web-сервера текстом. Бесплатное размещение web-страницы на сервере www.geocities.com Вы можете бесплатно разместить свою Web-страничку и бесплатно получить адрес e-mail на сервере GeoCities. Эта компания полагает, что каждый человек имеет право разместить в киберпространстве собственную домашнюю страничку. Программа поддержки бесплатных Home Page создана для представления индивидуальных проектов в World Wide Web. Эта программа поддерживается спонсорами, которые имеют постоянные коммерческие Web-страницы. Вам достаточно выполнить все указания Main Homesteading Page. Если ваш адрес электронной почты действительно существует, то на него придет письмо с информацией относительно использования вашей Web-странички. GeoCities разработала уникальный Home Page Editor, с помощью которого вы можете создать персональную Web-страничку и специальная секция Neighborhoods, где выбирается тема страницы. Выбираем тему Вы можете выбрать тему для своей странички из двадцати девяти нижепубликуемых рубрик. Вам достаточно щелкнуть на названии понравившейся вам рубрики, получить дополнительную информацию, заполнить форму, получить письмо и, наконец, приступить к публикации собственного гипертекстового документа. Area51 или Area51/Vault Научная фантастика. Athens или Athens/Acropolis Все, что может быть связано с образованием. Преподаватели, философы, и все, кто интересуется литературой, будут чувствовать себя здесь как дома. BourbonStreet GeoCities не может не включить в свои рубрики тему, связанную с великолепным легким джазом. Broadway Театры и шоу. CapeCanaveral Наука и технологии. Инженерия, математика, авиация и т.д. CapitolHill Политика, государство и национальные интересы. Участники этой рубрики весьма смело высказываются обо всем этом. CollegePark Почувствуйте вкус университетской жизни! Colosseum или Colosseum/Field Если вы любите спорт, то здесь вы можете разместить соответствующую страничку. Олимпийские игры, профессиональный спорт и т.д. Enchanted Forest Место для детей. Игры, рассказы, учебные ссылки и домашние странички, созданные детьми. Heartland или Heartland/Plains Отцы, дети и проблемы в семье. Hollywood или Hollywood/Hills Кинематограф, телевидение и живое видео! HotSprings Центр вашего здоровья и профессиональной пригодности. Правильная пища, медицинские проблемы, лечебные курорты. MotorCity С волной пестрого флага, MotorCity приветствует автомобильных фанатов. NapaValley Откупорьте бутылку вина, возьмите прекрасную сигару и присоединяйтесь к NapaValley, чтобы стать истиным гурманом и ценителем вкусной пищи. Paris или Paris/LeftBank Сообщество романтиков. Великолепный Париж. Поэзия, искусство, прекрасное вино и континентальный образ жизни. RainForest Сохранение окружающей среды. RodeoDrive Магазин для весьма обеспеченных господ. SiliconValley, SiliconValley/Park или SiliconValley/Heights or SiliconValley/Pines Компьютеры и программное обеспечение. Самая популярная рубрика в GeoCities. SoHo или SoHo/Lofts Писатели и еще раз писатели. SouthBeach или SouthBeach Marina Местечко для праздношатающихся гуляк. SunsetStrip или SunsetStrip/Alley, или SunsetStrip/Towers Рок-н-ролл, блюзы, панк-клубы. TheTropics Каждый когда-нибудь мечтал оказаться в Раю. Рубрика для всех тех, кто в каникулы любит путешествовать. TelevisionCity Все о телевидении. TimesSquare или TimesSquare/Arcade Игры и приключения. Tokyo или Tokyo/Towers Для всех тех, кто интересуется Дальним Востоком. Vienna Классическая музыка, оперетта и балет. WallStreet Здесь GeoCitizens делает бизнес. Инвестиции, финансы, бизнес и коммерция. WestHollywood Геи, лесбиянки и прочие сексуальные меньшинства. Yosemite Любители свежего воздуха. Путешествия, альпинизм, лыжный спорт, рэфтинг, кемпинг и все то, что можно делать на свежем воздухе. Три шага -- и ваш мегабайт в киберпространстве! Вам нужно сделать только три шага для того, чтобы ваша Home Page стала полновластным членом киберпространства. Ниже публикуется информация относительно этого. Просмотрите каталог Neighborhood Directory и выберите тему для своей странички. Будьте уверены в том, что выбранная тема соответствует вашей страничке. Найдите незанятый адрес в соответствующей секции Neighborhood. Для этого существует два способа. Выбрав из секции Neighborhood опцию main page, вы можете вести поиск через пронумерованные блоки адресов уже существующих страниц до тех пор, пока не найдете свободное место. Вы можете также просто щелкнуть на слове Join и следовать предложенным инструкциям. Выбрав Yes на следующей странице, вы сможете автоматически найти свободное место посредством поля данных Vacancy Locator. Щелкните на Apply for this address для резервирования места под свою страничку. После этого вы автоматически переместитесь на страничку с регистрационной формой. Здесь вы должны ввести свои персональные данные. Особо хотим подчеркнуть -- правильно укажите ваш адрес электронной почты. Именно по этому адресу будет выслан пароль, без которого невозможен доступ к вашей страничке. Подтверждение регистрации Если вы правильно заполнили регистрационную форму, то вы получите так называемое подтверждение регистрации. Вас поприветствуют, сообщат выбранную рубрику и укажут электронный адрес, по которому будет выслана дополнительная информация. Если вам известен пароль, то вы можете изменить свой адрес электронной почты посредством Personal Profile Editor. Поддерживаемые типы файлов Вы можете просмотреть специальный список, в котором указаны все поддерживаемые типы файлов. Если вам необходима поддержка какого-либо другого типа, вы должны обратиться с соответствующим запросом на сервер Geocites. Отошлите соответствующее письмо по адресу: comments@geocities.com. В целях безопасности не поддерживаются скрипты CGI и EXE-файлы. Это, конечно, не относится к счетчикам, формам и картам картинок, разработанными Geocites. Относительно файла index.html Вы можете модифицировать свой документ, находясь у себя дома или делать все то же самое, используя Home Page. Несмотря на то, что в вашем каталоге может находиться несколько гипертекстовых страниц, файл вашей первой странички должен быть назван как index.html. Именно этот файл будет загружать документ, когда кто-нибудь обратится по вашему адресу. Вы должны удалить старый файл index.html из вашего каталога. Это можно сделать посредством Disk Usage Utility, то есть специальной странички, которая позволяет манипулировать файлами вашего каталога. Все остальные гипертекстовые страницы могут иметь любые названия. Помните, что вы можете создать новую страницу непосредственно на сервере Geocites с помощью Home Page Editor. Если вы изменили свою страничку через Home Page Editor, то вам достаточно нажать на кнопку Create/View. Теперь ваша страничка модифицируется и вы сможете увидеть произведенные изменения в режиме предварительного просмотра. Соглашения относительно имен при пересылке гипертекстовых файлов В пределах вашего документа HTML, вы должны использовать определенное соглашение, касающееся имен файлов, размещенных на сервере Geocites. Конечно, вы можете через встроенные ссылки обращаться к другим гипертекстовым документам WWW. Но файлы, переданные на сервер через FTP, должны удовлетворять следующим требованиям: <IMG SRC = "image.gif"> или <A HREF = "util.zip"> Вы можете обратиться к любому типу файла, который поддерживается сервером Geoсites. Например, вы можете обратиться к страничке page2.html, находящейся внутри index.html, используя ссылку <HREF = "hobbies.html"> Это моя вторая страница </A> и обратиться к картинке, находящейся в вашем текущем каталоге, используя ссылку <IMG SRC = "photo.jpg"> Использование протокола передачи Вы можете пересылать ваши файлы на сервер ftp.geocities.com. В поле Login укажите Member Name, а в поле Password ваш пароль (эти две вещи должны быть вами получены от Geocites по электронной почте). Соединившись с ftp.geocities.com, вы автоматически окажетесь в вашем текущем каталоге. Этот каталог предназначен для файлов вашей Web-странички. Вы не можете создавать подкаталоги на сервере Geocities. Передавайте все ваши файлы только в свой текущий каталог. Пересылка всех не текстовых файлов (GIF, JPG, ZIP) осуществляется в бинарном режиме или через команду raw. Файлы HTML и другие текстовые файлы должны передаваться в режиме ASCII. Вы можете иметь в своем текущем каталоге столько файлов, сколько хотите, но пространство на диске ограничено для использования только одним мегабайтом. Ваш собственный универсальный локатор ресурса Каждый зарегистрированный пользователь получает собственный уникальный URL. Этот локатор вы можете сообщать всем поисковым службам Internet. Ваш URL будет всегда начинаться с http://www.geocities.com и заканчиваться выбранной рубрикой и полученным номером вашего адреса. Например, если ваш адрес есть 2090 и находится в Athens Neighborhood, то ваш URL будет выглядеть так: http://www.geocities.com/Athens/2090/ Предварительный просмотр, обновление и удаление Ваши файлы будут автоматически перемещены посредством FTP в ваш текущий каталог. Вы можете просмотреть свою страничку, выбрав в рубрике Neighborhood соответствующий каталог и свой адрес. Кроме этого, вы можете обновлять ваш гипертекстовый документ посредством обыкновенной пересылки файлов через FTP в ваш текущий каталог. Вы можете так же удалить все переданные файлы, используя утилиту Personal Profile Deletion Utility. Вам не нужно удалять старые файлы перед тем, как передавать новые. Когда вы будете передавать файлы, то в вашем каталоге файл с прежним именем просто автоматически перезапишется. Удостоверьтесь в том, что имя нового файла точно такое же как текущий файл, особенно при посылке вашего файла index.html. При использовании Basic Home Page Editor вы можете получить сообщение: "Page not created with Home Page Editor", означающее, что ваша страничка не создана в HTML-редакторе Geocities. Вы пересылаете через FTP файл index.html и затем можете модифицировать основанный на этом файле гипертекстовый документ с помощью основного редактора Geocities или Advanced HTML Editor. Вы можете, конечно, не производить никаких изменений, а просто передать файл index.html через FTP или EZ File Upload Utility. Скорее всего, это сообщение появилось из-за того, что вы добавили тэги HTML в строку Title основного или расширенного редактора, а система Geocities не смогла понять этого. Итак, если вы попали в такую ситуацию, то у вас имеется два решения: n Не изменяя текущего экаунта, удалите ваш профайл и измените свой адрес посредством Profile Deletion Utility n Сделайте все будущие изменения вашего гипертекстового документа index.html через FTP или Advanced HTML Editor Ссылки на другие страницы Вы можете добавить в свой гипертекстовый документ ссылки на другие страницы, находящиеся в вашем текущем каталоге. Для этого вы должны пользоваться файлами с непосредственными ссылками. Например, если ваш файл index.html имеет ссылку ко второй странице в пределах вашего каталога, то такая ссылка должна быть организована следующим образом: <a href="secondpage.html"> Это означает, что вам вообще не нужно указывать начало ссылки, то есть http:/www.geocities.com/. Аналогичный метод используется и в том случае, если вы хотите связать вашу страницу со страницей другого пользователя. Например, если вы хотите связаться с 1000 Colosseum, то вы просто пишите: <a href="/Colosseum/1000/"> Cкрипты Вы не можете передавать скрипты на сервер Geocities. Это связано с безопасностью. Теоретически, запущенная на сервере скрипт-программа может открыть доступ ко всем областям сервера. Поэтому Geoсities предлагает только свои разработки. Вы можете использовать формы трех скриптов: n imagemap n counter n mailto Все остальные формы должны передаваться только на электронный адрес сервера. Они будут рассматриваться, изучаться, в общем, тестироваться. Серверы, совершенно бесплатно предлагающие web-пространство для вашей web-страницы http://www.geocities.com http://www.xoom.com http://www.hypermart.net http://members.tripod.com http://www.angelfire.com http://www.crosswinds.net/index.html http://www.fortunecity.com http://www.fsn.net http://a1bbs.dzone.co.kr http://www.easyspace.com http://www.cynetcity.com http://www.cybercities.com http://www.royaltystudios.com http://www.internet-club.com http://www.student.toplinks.com/freehome.htm http://rampage.ml.org/freeinfo.html http://www.cybercity.hko.net/ http://bip.concept.se/user http://www.nether.net/ http://www.metrocity.net http://mkn.co.uk/ http://www.nettaxi.com http://home.onestop.net/ http://www.yi.com/ http://www.howdyneighbor.com/ http://www.schlund.de/ http://www.cqws.com/rates.html http://jungle.fapema.br/ http://free.prohosting.com/ http://www.home.ch http://www.earthonline.net/ http://www.freenation.com/ Бесплатная регистрация вашей web-страницы в поисковых машинах Internet Если вы хотите бесплатно зарегистрировать вашу web-страницу в поисковых машинах Internet, просто обратитесь к одному из ниже перечисленных серверов. 1000 Christian Links In 72 Categories ADD-URL http://www.newcreations.net/sermoncentral/addurl.html PM FFA Link Page http://11pm.com/links/links.htm Register's Cool Site Award http://www.123register.com/award.html Mockingbird Lane FFA Link Page http://1313mockingbirdlane.com/links/links.htm Have Fun FFA Link Page http://www.2havefun.com/links/links.htm FFA Link Page http://www.4u2.de/ Free Banner Exchange http://1-2-free.com/ Banners http://www.123banners.com/ AmericaMall http://www.1second.com/1america.htm StopBiz http://www.1stopbiz.com/ FFA Link Page http://212.net/ BuySell http://www.2buysell.com/ Cool Web Coolest Site http://www.2coolweb.com/ Hand Internet Market http://www.2him.com/ Exchange http://www.x-x.com/ Советы и секреты Небольшой наезд... Путешествуя по Internet, вы, наверное, обратили внимание на различный вид web-страниц. Некоторые страницы выглядят весьма красиво и до отказа заполнены нужной вам информацией. Другие -- безобразны, отвратительны и заполнены, как правило, всякой ерундой. Разработкой и тех и других страниц занимаются пользователи, называющие себя web-дизайнерами или web-мастерами. Понятно, что хороший web-дизайн напрямую зависит от того, как пользователь владеет интеллектуальной дисциплиной, называемой web-дизайном. Если вы программист, никогда не пускайтесь в авантюры типа "Разработка web-сервера". Поверьте, это не для вас. Web-дизайн -- это далеко не коды HTML! Именно на этих самых кодах зацикливаются многие программисты, забывая про главное -- красивый дизайн, функциональность и содержание. Профессиональный дизайн web-страничек и серверов WWW не может быть выполнен программистом. Web-сервер Web-сервер начинается с создания и разметки гипертекстовых документов. Далее создается концепция развития web-сервера. До этого необходимо найти различные публикации, скомпоновать их, выписать ключевые слова и правильно оформить заголовки. Web-сервер должен иметь удобный навигационный интерфейс. Прописка web-сервера Первое, что нужно сделать -- правильно сформировать название вашего web-сервера, например, "Дизайн, реклама и литературное творчество Бориса Леонтьева". Далее, необходимо найти 10 ключевых слов и записать их, разделяя пробелом: "дизайн реклама web-страница предпечатная подготовка компьютерная графика маркетинг advertising art-director". После этого идет описание web-сервера, например, оно может быть таким: "Персональная страничка московского писателя, дизайнера и специалиста по рекламе и маркетингу Бориса Леонтьева и его дизайн-студии M&C. Здесь вы найдете тексты книг Бориса Леонтьева по компьютерной тематике, а также некоторые работы по дизайну и компьютерной графике. Высококачественный дизайн. Дизайн web-сайтов. Услуги по изготовлению рекламы. Услуги по изготовлению web-страниц высокого качества. Предпечатная подготовка любой полиграфии". Теперь укажите информацию, с помощью которой с вами можно связаться: Boris Leontiev Design Studio M&C 13, 2nd Zvigorodskaya str., Moscow, 123022, Russia mobile tel.: (8902) 681 0085 e-mail: bobleon@uniinc.com Если вы хотите прописать свой web-сервер в русскоязычных поисковых системах, то просто добавьте свой ресурс через ссылки Add URL или Добавить URL, обратившись к следующим системам и каталогам: n Altavista n Rambler n Апорт! n Yandex n Search n Weblist Web-дизайн и графика Считается, что графическое наполнение web-страницы должно быть выполнено в едином стиле. Это обстоятельство, в частности, и характеризует профессиональное исполнение web-страницы. Далее уже идут средства того, как это воплотить в Internet. Прежде всего это цвет, шапка, меню, таблицы и ссылки. В частности, цвет в web-дизайне подчиняется тем же законам, что и в препресс-дизайне. Например, пастельные цвета и яркие цвета считаются едиными стилевыми элементами, а холодные серые пролонгируют фиолетовую цветовую гамму и ближайший к ней спектр. Концепция web-сервера Концепция (удобная навигация, легкость модификации) web-сервера начинается с организации его структуры. Самая простая структура web-сервера называется полносвязной структурой. Web-сервер с такой структурой состоит из главной страницы, на которой размещены все имеющиеся ссылки. Древняя и давно забытая последовательная организация web-сервера основывается на последовательно (вперед и назад) переходящих ссылках. Весьма сложная древовидная структура web-сервера используется многими корпоративными узлами. Комбинированная структура сочетает в себе все вышеупомянутые. Помните, что любая структура должна иметь возможность развиваться. Как быстро и правильно построить web-сервер Для начала создайте так называемую домашнюю страницу, т.е. документ HTML, с которого, собственно, и начинается ваш web (http://members.rotfl.com/bobleon). Не забивайте эту страницу графикой (стандарт де-факто -- от 65 до 95 килобайт графики)! Просто сообщите посетителю о том, что за информацию он может найти здесь, а также предложите ему выбрать нужную кодировку. Например, если ваш web является информационным, обязательно оптимизируйте все ваши странички на самое оптимальное (640x480) разрешение экрана. Удобная навигация Схема, по которой посетитель вашего web-сервера просматривает гипертекстовые документы, называется навигацией. Понятно, что навигация должна быть удобной, понятной и продуманной. При построении навигационной схемы используйте такую цветовую гамму, которая не сможет отвлечь посетителя от основной темы вашего web-сервера. Основной навигационный элемент, например шапка, располагается, как правило, наверху, а вторичные элементы находятся в любых других местах, но являются едиными дизайнерскими решениями. Поисковые роботы Поисковыми роботами называюся специальные программы, которые производят индексацию гипертекстовых страниц того или иного web-сервера. Под индексацию может попадать различная информация: файлы, текст и даже скрипты CGI. Для того, чтобы помочь ориентироваться роботу в структуре web-сервера используют так называемые мета-тэги. Происходит все это дело по весьма сложной схеме, ибо идентичных роботов в Internet не существует. Робот насковозь просматривает ваш гипертекстовый документ и прежде всего старается обнаружить ссылки на другие узлы Internet. Если подобная ссылка обнаружена, то робот осуществляет переход по найденному URL и покидает ваш web. Если же никаких чужаков не найдено, то робот просто путешествует по внутренней структуре вашего web-сервера. Помните, что роботы просматривают текст и никогда не загружают графику вашего web-сервера, поэтому всегда подписывайте ваши картинки. Нужно сказать, что в Internet кроме простых роботов существуют так называемые роботы-шпионы. Роботы-шпионы не индексируют web-страницы. Подобные монстры загружают статистическую информацию о вашем web-сервере: подсчитывают ссылки, ведут учет всех web-страниц и т.д. Мета-тэги Любой мета-тэг находится в заголовке гипертекстового документа между тэгами <HEAD> и </HEAD> и состоит из следующих атрибутов: <META HTTP-EQUIV="имя" CONTENT="содержимое"> <META NAME="имя" CONTENT="содержимое"> HTTP-EQUIV Этот атрибут сообщает обозревателю: n Заголовок документа HTML. n Дату создания документа HTML. Для этого используется атрибут Expires, например <META HTTP-EQUIV="expires" CONTENT="Fri, 12 Dec 1998 08:12:44 GMT">. n Тип документа HTML. Для этого используется атрибут Content-Type. Здесь вы можете указать кодировки (charset) ваших HTML-документов, например <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=KOI8-R> n Язык документа HTML. Для этого используется атрибут Content-language. Именно эту информацию загружают роботы, когда индексируют ваш web. n Время, по истечении которого обозреватель произведет обновление документа HTML. Для этого используется атрибут Refresh, например <META HTTP-EQUIV="Refresh" Content="5; URL= http://members.rotfl.com/bobleon">. n Окно для текущей гипертекстовой страницы. Для этого используется атрибут Window-target, например <META HTTP-EQUIV="Window-target" CONTENT="_top">. n Расширенный кэш. Для этого используется атрибут Ext-cache, например <META HTTP-EQUIV="Ext-cache" CONTENT="name=/bob/leon/index.db; istructions=User Instructions"> n Информацию, которую сервер передаст текущему обозревателю. Для этого используется атрибут Set-Cookie, например <META HTTP-EQUIV="Set-Cookie" CONTENT="NAME=value; EXPIRES=date; DOMAIN=domain_name; PATH=path; SECURE"> n "На этот сайт дети до 16 лет не допускаются!" Используется атрибут PICS-Label. n Как будет работать механизм кэширования в данном документе HTML. Основной атрибут: Cache-Control. Используются атрибуты Public (документ кэшируется во всех доступных кэшах), Private (документ кэшируется только в частном кэше), no-cache (документ вообще не кэшируется) и no-store (документ кэшируется без сохранения) NAME Этот атрибут сообщает роботу: n Индексацию web-страницы. Используется атрибут Robots с допустимымипараметрами ALL, NONE, INDEX, NOINDEX, FOLLOW и NOFOLLOW, например <META NAME="Robots" CONTENT= "NOINDEX,FOLLOW"> n Аннотацию (текст до 100 символов) документа HTML. Используется атрибут Description, например <META NAME="Description" CONTENT="Профессионально: дизайн, разработка вашей имиджевой и продуктовой рекламы"> n Список (до 1000 символов) ключевых слов документа HTML. Используется атрибут Keywords, например <META NAME="Keywords" CONTENT="реклама,дизайн,полиграфия"> n Как часто необходимо индексировать документ HTML. Используется атрибут Document-state, например <META NAME="Document-state" CONTENT="Static">. Допустимые параметры: Static и Dynamic. n Каким образом необходимо индексировать web-страницы. Используется атрибут URL, например <META NAME="URL" CONTENT="absolute_url">. n Имя автора. Используется атрибут Author. n Название HTML-редактора. Используется атрибут Generator. n Авторские права на документ HTML. Используется атрибут Copyright. n Описание данного файла. Используется Resource-type. Помните, что робот начнет индексацию лишь в том случае, если присутствует параметр document. Счетчики посещений Счетчик посещений позволяет подсчитывать количество пользователей, посетивших ваш web-сервер. Как правило, для этого используется рисунок в формате GIF и простейший CGI-сценарий. Понятно, что счетчик посещения в основном интересен лишь web-мастеру для того, чтобы оценить популярность своего творения. 200 лучших ключевых слов поисковой системы Yahoo! 1 sex 2 chat 3 xxx 4 playboy 5 netscape software 6 nude 7 porno 8 games 9 porn 10 weather 11 penthouse 12 pamela anderson 13 pornography 14 pussy 15 persian kitty 16 maps 17 halloween 18 music 19 adult 20 chat rooms 21 erotica 22 microsoft 23 jokes 24 shareware 25 magazines 26 pictures 27 employment 28 jobs 29 erotic 30 gay 31 jenny mccarthy 32 netscape 33 bondage 34 lingerie 35 hardcore 36 cindy crawford 37 hustler 38 espn 39 supermodels 40 disney 41 star wars 42 girls 43 movies 44 star trek 45 mirc 46 genealogy 47 screen savers 48 japan 49 soccer 50 tits 51 nude celebrities 52 nudity 53 mpeg 54 nudes 55 mtv 56 las vegas 57 nasa 58 travel 59 metallica 60 real estate 61 stock quotes 62 golf 63 sex stories 64 lesbian 65 cnn 66 sports 67 quake 68 hewlett packard 69 irc 70 simpsons 71 gay sex 72 nirvana 73 x-files 74 madonna 75 sex pictures 76 horoscope 77 football 78 map 79 java 80 midi 81 fuck 82 anal sex 83 cars 84 usa today 85 recipes 86 education 87 mexico 88 airlines 89 html 90 free sex 91 days of our lives 92 australia 93 marijuana 94 nfl 95 india 96 pearl jam 97 babes 98 wrestling 99 hong kong 100 history 101 baseball 102 webcrawler 103 dogs 104 bob dole 105 news 106 ibm 107 cunt 108 anime 109 sailor moon 110 chat room 111 beatles 112 nude pictures 113 lyrics 114 nude women 115 newspapers 116 smashing pumpkins 117 winzip 118 clipart 119 naked 120 women 121 phish 122 anal 123 cyberporn 124 world series 125 clinton 126 canada 127 oral sex 128 warez 129 nike 130 sony 131 alta vista 132 nba 133 personals 134 bill clinton 135 demi moore 136 software 137 men on the net 138 wwf 139 models 140 van halen 141 screen saver 142 bmw 143 brad pitt 144 korea 145 books 146 france 147 magazine 148 icons 149 germany 150 free 151 sounds 152 chicago 153 university 154 astrology 155 quicktime 156 florida 157 new york 158 ufo 159 polymyalgia rheumatica 160 cartoons 161 newsgroups 162 nascar 163 yahoo 164 dilbert 165 china 166 cum 167 alt.sex 168 penis 169 hawaii 170 clip art 171 dictionary 172 bikini 173 doom 174 freeware 175 marilyn manson 176 screensaver 177 spanking 178 screensavers 179 spain 180 new york times 181 photography 182 basketball 183 lottery 184 lt thomas dooley 185 ford 186 real audio 187 hockey 188 virus 189 universities 190 usenet 191 novell 192 free stuff 193 yellow pages 194 fashion 195 u2 196 seattle 197 consumer reports 198 teri hatcher 199 italy 200 humor Тестируйте свой дизайн различными обозревателями! Помните, что не все пользователи Internet путешествуют через обозреватель Microsoft Internet Explorer. В мире существует масса других обозревателей, например, Netscape Communicator. Функциональность и содержание Дизайн дизайном, но web-страница должна иметь хорошее информационное наполнение. Функциональность и содержание Дизайн дизайном, но web-страница должна иметь хорошее информационное наполнение. Как работать с графикой Стандартный пользователь Internet -- это пользователь, имеющий монитор с разрешением 640 на 480 пикселов. Поэтому любая графика вашего web-дизайна должна укладываться в этот размер. Кроме этого, графика в документе HTML должна иметь небольшой размер, иначе, ваше творение останется незамеченным. Подписывайтесь под своим дизайном! Это правила хорошего тона. Подпись должна иметь ссылку на ваш адрес электронной почты. Отмечайте время! Всегда ставьте дату последнего редактирования web-страницы. Оставляйте в документе белые места! Они помогают отдыхать пользователю от обилия графики и текстовой информации. Если вы что-то рекламируете... ...то используйте в тексте повторения. Чтобы создать иллюзию безразмерности... ...выносите ваши рисунки на самую малость за край страницы. Служебные объявления Служебные объявления всегда черно-белые. Жирный шрифт и фотография Жирный шрифт и фотография -- элементы одного дизайна. Текстовые и графические объекты Выравнивайте текстовые и графические объекты только одним способом, например, по центру. Симметричность оформления Соблюдайте симметричность оформления графики и текста. Не трогайте основной стиль! Изменяйте дизайн, не трогая основной стиль оформления вашего документа. Текст над заголовками Текст над заголовками всегда оформляется уплотненным шрифтом, при этом заголовки оформляются одним шрифтом, а основной текст -- другим. Дизайн заголовка, текста над заголовком и строки автора -- всегда единый и гармоничный. Строка автора набирается маленькими прописными буквами. Шрифт строки автора идентичен шрифту заголовка. Огромная оформительская работа Вы должны так спроектировать свой документ так, чтобы у пользователя сложилось впечатление, что над документом была проделана огромная оформительская работа. Принцип контрастности Применяйте принцип контрастности: на фоне текста, набранного светлым шрифтом располагаются жирные заголовки. Цитата Цитата -- внедренный текст. Шрифт цитаты идентичен шрифту строки автора. Прочно привязывайте смысловую графику Прочно привязывайте смысловую графику к соответствующему ей основному тексту. Комбинируйте! Комбинируйте различные элементы дизайна. Дизайн первой страницы Дизайн первой страницы вашего документа должен отличаться от дизайна всех остальных страниц. Прежде чем начать Прежде чем начать создание вашего документа, проведите предпроектное исследование, то есть выясните, для кого будет предназначена публикуемая информация: профессионалы, художники, бизнесмены и т.д. Симпатичные картинки Если вы хотите вставить в документ HTML несколько симпатичных картинок, но у вас их нет, то рекомендуем вам воспользоваться абсолютно бесплатными миниатюрами, листинги которых можно найти по адресу: hhtp:/www.yahoo.com/Computers/Multimedia/Pictures/Clip_Art Только JPEG и GIF Помните, что в Web-страницах используются только файлы графических форматов JPEG и GIF. Создавайте зеркала вашего сервера Помните о конечных пользователях. Гипертекстовые зеркала ощутимо не бьют по их карманам. Всегда используйте название документа Если ваш документ не имеет названия, то такой документ считается непрофессионально подготовленным. Все web-страницы должны иметь заголовок. Это помогает пользователям понимать тему вашего документа. Могут быть другие шрифты... Помните, что пользователи, посетившие вашу страницу, могут использовать для ее просмотра шрифты, весьма сильно отличающиеся от тех, которыми вы оформляли исходный документ HTML. Забудьте о фреймах! Без комментариев. Так сказать, примите на веру! Список тэгов, пригодных только для обозревателя Microsoft Internet Explorer n <BGSOUND>... n <BODY>... BGPROPERTIES=значение n <BODY>... LEFTMARGIN=n n <BODY>... TOPMARGIN=n n <CAPTION>... VALIGN=позиция n <COL>... n <COLGROUP>... n <COMMENT>... n <FORM>... TARGET=имя n <FRAMESET>... FRAMESPACING=n n <IFRAME>... n <ISINDEX>... ACTION=url n <LINK>... SRC=url REL=связь TYPE=TEXT/CSS n <MARQUEE>... n <OBJECT>... n <SPAN>... n <STYLE>... n <TABLE>... BORDERCOLOR=цвет n <TR>... n <TABLE>... FRAME=значение n <TABLE>... RULES=значение n <TBODY>... n <TFOOT>... n <THEAD>... Список тэгов, пригодных только для обозревателя Netscape Navigator n <FRAME>... BORDERCOLOR=цвет n <FRAMESET>... BORDER=n n <IMG>... LOWSRC=url n <MULTICOL>... n <NOSCRIPT>... n <SCRIPT>... SRC=url n <SPACER>... n <TEXTAREA>... WRAP=стиль n <UL>... ... TYPE=метка Страница должна уместиться на экране пользователя Не заставляйте пользователей прокручивать вашу web-страничку! Пусть они увидят ее целиком сразу после загрузки! Оптимальное разрешение экрана пользователя Internet Большинство пользователей видят ваш web-дизайн на экране с разрешением 640 на 480 и лишь 10% используют экран с разрешением 1024 на 768. Итоговая статистика обозревателей Internet Более 60% пользователей путешествуют по Internet с помощью обозревателя Microsoft Internet Explorer и лишь 30% используют для этих целей Netscape Navigator. Плохие хорошие продвинутые тэги Помните, что тэги новых (например, великолепный тэг <MULTICOL> -- "многоколоночный" текст) языка HTML распознаются пока еще не всеми обозревателями Internet. Кодировки и ваш web-дизайн Ваш web должен поддерживать несколько кодировок. Не раздражайте посетителей! Продвинутые апплеты Java иногда не распознаются даже самыми продвинутыми обозревателями Internet, а потому просто раздражают посетителей. Не играйте в детские игрушки! Длинными бегущими строчками на полосе состояния обозревателя сейчас уже никого не удивишь! Альтернативный текст Подписывайтесь под картинкой. Используйте для этого альтернативный текст тэга <IMG>. Профессионалы встраивают под этот тэг даже большие текcтовые абзацы. Избавляйтесь от горизонтальных прокруток Помните, что горизонтальные прокрутки снижают восприятие информации. Разбивайте большие документы! Если ваш документ слишком громоздкий, разбейте его на несколько частей, каждой из которых присвойте отдельную ссылку. Цвет ссылки, которую посетили Не забывайте о цвете фона посещенных ссылок, ибо может случиться так, что ваша ссылка станет невидимой. Помните о регистре! Ссылки должны быть написаны только маленькими буквами. Не все пользователи Internet работают в Windows! Помните о мета-тэгах! Роботы загружают 200 строк гипертекста исходя из мета-тэговой информации. Безопасные цвета Используйте только безопасную палитру с 256 цветами. Обновляйте свой сайт Дизайн должен обновляться! Информация быстро устаревает, поэтому и она должна обновляться! Время загрузки вашего сайта должно быть не более 10 секунд! Не испытывайте терпение пользователей! Ограничьтесь 100 килобайтами графики и распределите их на все ваши страницы. Схема типичного web-сервера n Техническая часть. n Маркетинговая часть. n Коммерческая часть. n Двуязычность коммерческой и маркетинговой информации. n "Горячие новости". n Действующие программы. n Изменения цен. n Ассортимент складской продукции. n При упоминании продукта должна быть ссылка на его описание. n Ссылки извне и изнутри, т.е. в каждой из рубрик должны быть ссылки на все остальные рубрики. n Автоматическая регистрация обращающихся к коммерческой информации и передача ее на обработку в отдел продаж. n Специальные предложения. n Описания программ, условий, сроков действия. Упорядочиваются по производителям. n Распродажи. n Продукция со склада. n Информация для партнеров. Как заработать деньги на Internet Прежде всего вам необходимо сделать ваш web-сервер популярным (cделать свой сайт популярным -- весьма нелегкая задача; для начала вы должны зарегистрировать его в поисковых системах Interne). Любой популярный (новостной, поисковый, развлекательный) ресурс Internet способен приносить прибыль через рекламу. Вы просто продаете часть своего web-сервера за реальные деньги, которые вам будут платить рекламодатели. Второй способ заработать на Internet -- создать качественную сетевую службу (поисковая система, web-хостинг, изготовление баннеров и web-серверов). Услуги этой службы оплачиваются тоже реальными деньгами. Третий способ -- собственный виртуальный магазин. В виртуальном магазине можно продавать практически любую продукцию. Главное -- это построить такой магазин. Это весьма-весьма нелегкая задача. На ее решение может уйти от 7.000 до 200.000 долларов. Конвеpтирование HTML в удобочитаемый текст Любой более или менее продвинутый обозреватель Internet способен сохpанять страницу в виде текстового файла.
1
2
3
4
5
|