Web-дизайн. Тонкости, хитрости и секреты

         

Web-дизайн: Тонкости, хитрости и секреты


  

  © Copyright Борис Леонтьев

      

Web-дизайн     Web-страницы  можно  создавать несколькими способами --  с нуля  или наоснове существующего шаблона. В  последнем случае, впрочем как и в первом, увас могут  быть проблемы  при  тестировании созданного  документа,  так  каксгенерированным ссылкам свойственно ошибаться. Решить эту проблему может ужене редактор, а обыкновенный обозреватель WWW.     Eсли у вас имеется коллекция картинок, фонов, маркеров  и разделителей,то создание Web-страниц -- весьма увлекательное  занятие. Кроме всего этого,помните,  что  вам обязательно  понадобится софт  для преобразования обычныхтекстовых файлов в файлы формата HyperText Markup Language.     Хороший  редактор  Web-страниц  должен,  с   одной  стороны,  позволятьредактировать  код  HTML, а с  другой  -- просматривать  произведенные такимобразом изменения в режиме непосредственного просмотра.     Если вы начинаете с нуля, то вы должны ввести или импортировать текст вдокумент,  отформатировать  абзацы,  разместить  картинки.  Все  картинки  итекстовые  файлы  сохраняются  в  одном  каталоге.  Затем  все это хозяйствоотправляется к вашему поставщику Internet на его винчестер.     

Гипертекстовый документ     Под   гипертекстовым  документом  понимают  документ,  содержащий   такназываемые ссылки на другой документ.  Реализовано  все это  через  протоколпередачи гипертекста HTTP (HyperText Transfer Protocol).     Информация в  документах Web может быть найдена по ключевым словам. Этоозначает, что каждый обозреватель Web  содержит  определенные ссылки,  черезкоторые  образуются  так   называемые  гиперсвязи,   позволяющие   миллионампользователей Internet вести поиск информации по всему миру.     Гипертекстовые документы создаются на базе языка HTML (HyperText MarkupLanguage).  Этот  язык   весьма  прост,   управляющие  коды   его,  которые,собственно, и компилируются обозревателем для отображения на экране, состоятиз текста  ASCII.  Ссылки,  списки,  заголовки, картинки и формы  называютсяэлементами языка HTML.     

Универсальный локатор ресурса     Web может открывать  доступ  к другим  ресурсам  Internet,  например  кэлектронной почте, FTP, Gopher, WAIS или конференциям Usenet.  Одно из такихсредств  серфинга по Web обеспечивает  встроенный в Windows 98  обозревательMicrosoft Internet Explorer 4.0.     Документ  в Internet  ищется  по  так называемому  адресу  URL (UniformResource Locator), синтаксис которого следующий:     

protocol://hostport/path     

hostport  --  адрес  сервера  с  соответствующим  номером  порта.  Этотпараметр отображает так  называемую  машинную адресацию. Машинная  адресацияможет быть числовой или буквенной.     

path -- путь.     Вместо аргумента

protocol может стоять:     http -- любая гипертекстовая информация.     ftp -- протокол передачи файлов.     telnet -- терминальный доступ.     gopher -- "предшественник" WWW.     afs -- файловая система Internet.     news -- конференции Usenet.     wais -- система баз данных Internet.     

Домены Internet     Все узлы Web классифицированы  Международным центром сетевой информации(NIC) на шесть доменов:     

com -- коммерческие предприятия, например, провайдеры Internet     

edu -- образовательные учреждения, колледжи и университеты     

net -- действующие сети, например, Network Information Center     

org -- непрофессиональные организации     

mil -- военные сети     

gov -- правительственные учреждения, например, whitehouse.gov     Кроме этого, все доменные имена имеют  указатели на  страну,  в которойрасположен данный узел. Например, доменные имена .uk, .jp и .us представляютсоответственно Великобританию, Японию и США.     

HTML     В  настоящее  время существует масса редакторов Web-страниц, которые нетребуют от вас знаний  основ HTML.  Но  для того чтобы уметь профессиональноподготавливать  гипертекстовые документы,  вы  должны  знать  их  внутреннеестроение, то есть код документа HTML.     HTML позволяет  вам формировать различную гипертекстовую  информацию наоснове структурированных документов.     Обозреватель  определяет  сформированные   ссылки   и,  через  протоколпередачи  гипертекста HTTP,  открывает  доступ  к  вашему  документу  другимпользователям  Internet.  Разумеется, для  успешной реализации  всего  этогонеобходим софт, полностью совместимый с WWW и поддерживающий HTML.     


Описание HTML     HTML-документ  -- это  обычный  текстовой  файл.  Используя,  например,обозреватель  Netscape  Navigator  вы  можете  просмотреть  результат  вашейработы, просто загрузив в него созданный на основе синтаксиса HTML текстовойфайл.     Гипертекстовый язык предоставляет  только  информацию  для  чтения. Этоозначает, что редактировать Web-страницы может лишь тот, кто их создал, а непростой  пользователь Сети сетей.  Впрочем,  если забежать  немного  вперед,можно сказать,  что используя общий шлюзовой интерфейс (CGI) можно добавлятьнекоторые операторы HTML в сгенерированную страницу.     

Тэги     Самый смак гипертекстового языка -- это ссылки.  В  мировой  паутине выпросто нажимаете на ссылку и  мгновенно оказываетесь в другой точке  земногошара на выбранной вами страничке.     По традиции  всех  классических  руководств по  HTML  мы приводим самыйпростой гипертекстовый документ.     

<TITLE>Пример простого HTML документа</TITLE>

     <H1>Здесь размещен заголовок первого уровня</H1>

     Добро пожаловать в Internet!

     Первый и последний параграф.<P>     В этом  примере  мы  использовали  следующие термины  гипертекста  (такназываемые тэги):     

<TITLE> -- тэг, использующийся для определения заголовка.     

<H1> -- тэг заголовка.     

<P> -- тэг метки параграфа.     В языке описания гипертекстовых документов все тэги  парные. В конечномтэге присутствует  слэш,  который сообщает обозревателю  о  завершении.  Но!Существует одно исключение из этого правила пар:     В природе не существует тэга

</P>.     Не все тэги совместимы с  обозревателями. Если обозреватель не понимаеттэг, то он его просто пропускает.     Итак, документ HTML это заголовок:     

<html>

     <head> Заголовок </head>

     <body>

     ...     и текст     

...

     </body>     с названием:     

<head>

     <title> Название </title>

     </head>


     Название документа     Это не правило, и даже не закон, это факт:     Любой документ HTML имеет название.     По  названию вашего документа  HTML  другие  обозреватели  могут  найтиинформацию. Место для  названия  всегда  определено -- оно  находится вверхуэкрана, и отдельно от содержимого документа. Максимальная длина  названия --40 символов.     

Форматирование     Форматирование  может быть  непосредственным  или  авторским.  Если  выиспользуете тэг

<pre>, то форматирование считается авторским:     

<body>

     <pre>     Следующие тэги присущи непосредственному форматированию:     

<p> -- параграф.     

<hr> -- горизонтальная линия.     

<br> -- обрыв строки.     

Заголовки и подзаголовки     Язык HTML  позволяет вам  работать с шестью уровнями заголовков. Первыйзаголовок --  самый главный. На  него обращается  особое внимание. Остальныезаголовки  могут  быть оформлены,  например, жирным  шрифтом или  прописнымибуквами.     В HTML первый заголовок обозначается как

<H1>:     

<Hn>Текст</Hn>     Под

n понимается уровень заголовка, то есть числа 1, 2, 3, 4, 5 или 6.     В HTML первый заголовок может совпадать с названием документа.     

Списки     Списки подразделяются на ненумерованные:     

<ul>

     <li> Элемент списка

     </ul>     нумерованные:     

<ol>

     <li> Элемент списка

     </ol>     c описаниями:     

<DL>

     <DT> Собака (элемент)

     <DD> Друг человека (описание элемента)

     </DL>     и вложенные:     <

UL>

     <LI> Примус

     <OL>

     <LI> Другой примус

     ...

     </OL>

     <LI>

     ...

     </UL>

     Выделение текста     Текст в документе HTML может быть выделен одним из следующих способов:     

<cite> -- цитата

</cite>     

<code> -- программный код

</code>     

<dfn> -- определение


</dfn>     

<em> -- логический акцент

</em>     

<kbd> -- ввод с клавиатуры

</kbd>     

<samp> -- сообщения компьютера

</samp>     

<strong> -- сильный акцент

</strong>     

<var> -- переменные

</var>     

Один большой параграф     В  HTML  разбиение  на  строки  не принципиально. Это  означает, что выможете разбить строки вашего документа в любом его месте. Связано это с тем,что  в гипертекстовом  документе идущие подряд отбивки превращаются в  одну.Но!   Если  отбивка  сделана  после  тэга 

<P>,  то  она  учитывается.  Есликакой-нибудь тэг

<H> игнорируется, то отбивка также учитывается. В остальныхслучаях обозреватель будет пропускать отбивки.     

Ссылки     HTML позволяет вам связать текст или картинку с другими гипертекстовымидокументами.  Текст,   как   правило,  выделяется  цветом   или  оформляетсяподчеркиванием.     Для этого  используется тэг 

<A>.  Помните,  что после  буквы  A долженстоять пробел.     Чтобы сформировать ссылку:     n наберите

<A     n введите

HREF="filename">     n наберите после

> текст гипертекстовой ссылки     n наберите тэг

</A>     Один из вариантов гипертекстовой ссылки может выглядеть так:     

<A HREF="BobAnapa.html">Bob</A>     Здесь   слово  

Bob   ссылается  на   документ 

BobAnapa.html,  образуягипертекстовую ссылку.     Если  документ, формирующий ссылку,  находится в другой директории,  топодобная ссылка называется относительной:     

<A HREF="BobAnapa/ВobMoscow.html">Bob</A>     Если вы хотите указать полное имя файла, то вам необходимо использоватьсинтаксис UNIX.     Ссылки  можно  формировать  на  основе  так называемого  универсальноголокатора ресурса, то есть используя следующий синтаксис:     

protocol: //hostport/path

     Предварительное форматирование текста     Тэг 

<PRE>  позволяет   сформировать  текст,  оформленный  моношириннымшрифтом.     Используйте этот тэг для оформления листингов программ.     


Расширенные цитаты     Тэг

<BLOCKQUOTE> позволяет вам включить цитату в уединенный объект.     

Адрес     Тэг 

<ADDRESS> позволяет  сформировать информацию  об авторе  документаHTML.     

Куча слов по поводу форматирования символов     В HTML слова и строки кодируются логическими и физическими стилями.     Физические стили форматируют текст.     Логические  стили  форматируют  через   определение  в   гипертекстовомдокументе некоторого значения. Это в  частности означает,  что тэг заголовкапервого уровня не содержит информации о размере шрифта и гарнитуре. Поэтому,чтобы изменить символьное форматирование заголовка вы должны  модифицироватьзаголовок первого уровня. Через логические (в том  числе  и символьные) тэгивы  можете  сформировать  согласованный  гипертекстовый  документ,  то  естьопределить заголовок первого уровня в качестве только

<H1> (без информации огарнитуре шрифта и его кегле).     

Логические стили     Ниже мы представляем примеры логических стилей документа HTML.     

<DFN>     Определить слово. Как правило, курсив.     

<EM>     Усилить акцент. Как правило, курсив.     

<CITE>     Заголовок чего-то большого и хорошего. Курсив.     

<CODE>     Компьютерный код. Моноширинный шрифт.     

<KBD>     Текст, введенный с клавиатуры. Моноширинный жирный шрифт.     

<SAMP>     Сообщение программы. Моноширинный шрифт.     

<STRONG>     Ну очень важные участки. Жирный шрифт.     

<VAR>     Замена переменной на число. Курсив.     

Физические стили     Гипертекстовый документ  может быть оформлен с использованием следующихстилей:      <b>Полужирный     <i>Курсив     <TT> Моноширинный     

Специальные символы     Символы,   которые   не   могут   быть   введены   в   текст  документанепосредственно  через  клавиатуру  называются специальными  символами.  Длятаких символов существуют особые тэги.     Четыре  символа -- знак  меньше


<, знак больше

>, амперсанд

& и двойныекавычки 

" имеют  специальное значение внутри HTML и следовательно  не могутбыть использованы в тексте в своем обычном значении.     Скобки используются  для  обозначения  начала  и конца  HTML  тэгов,  аамперсанд     используется      для      обозначения      так     называемойescape-последовательности. Для использования одного из этих символов введитеодну из следующих escape-последовательностей:     

<     Знак меньше.     

>     Знак больше.     

&     Амперсанд.     

"     Кавычки.     

Принудительный перевод строки     Тэг 

<BR>  переводит только одну  строку,  то есть без  дополнительногопробела.     

Горизонтальные разделители     Тэг

<HR> формирует горизонтальную линию по всей ширине окна.     

Встроенные изображения     Вы  можете  встраивать в  ваш документ  картинки.  Синтаксис встроеннойкартинки следующий:     

<IMG SRC=image_URL>     Здесь 

image_URL есть  указатель  на файл картинки,  синтаксис которогосовпадает с синтаксисом ссылки HTML.     

Звуковоспроизведение     Для того,  чтобы  вставить в вашу страничку  звуковой  файл,  например,midi-файл, используйте следующую конструкцию:     

<EMBED SRC="bob1.mid" WIDTH="140" HEIGHT="50"

     ALIGN="MIDDLE" BORDER="0" AUTOSTART=TRUE>     Это одна строка.     В этом тэге были использованы следующие параметры:     

WIDTH     Параметр, определяющий ширину midi-плеера.     

HEIGHT     Параметр, определяющий высоту midi-плеера.     

BORDER     Ширина рамки midi-плеера.     

AUTOSTART     Запустить midi-плеер сразу после того, как загрузится документ HTML.     

Распределение ссылок по картинке     Используя технологию  распределения  ссылок  по  картинке,  вы  можете,например, создать графическое меню из  одной большой картинки таким образом,чтобы каждый элемент системы меню содержал определенный URL.     Распределение  ссылок по  картинке  описывается в  тэге  IMG  следующимпараметром:     


<IMG SRC="url" USEMAP="url#map_name">     Здесь аргумент

USEMAP задает расположение схемы  распределения

map_name

в URL.     Если  URL  не  указан,  то  поиск  схемы 

map_name  ведется  в  текущемдокументе.     Код схемы может выглядеть так:     <

MAP NAME="map_name">

     <AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>

     </MAP>     Здесь были использованы следующие тэги:     

<AREA>     Определить для данного URL область  на картинке  посредством параметровSHAPE и COORDS.     

SHAPE     Форма области. Вы можете выделить область на     картинке так:     n

default -- стандартная форма     n

rect -- прямоугольник     n

circle -- круг     n

poly -- многоугольник произвольной формы     

COORDS     Координаты области. Задаются в пикселах. Отсчет начинается с нуля. Кругимеет три координаты,     прямоугольник -- четыре, а для многоугольника  вы должны описать каждыйего угол  в двух координатах.  Например, область,  имеющая  размеры 50 на 50пикселов, описывается так:     

<AREA COORDS="0,0,54,54" ...>

     HREF="url"     Определить ссылку на схеме, то есть вписать URL.     

NOHREF     Указать,  что  в  данной  области  картинки  отсутствует  ссылка.  Этотпараметр работает всегда, когда не определен параметр HREF.     

</MAP>     Закончить описание схемы распределения ссылок по картинке.     

Общий шлюзовой интерфейс и

     формы HTML     Общий  шлюзовой интерфейс (Common Gateway Interface) позволяет работатьс данными сервера Web в интерактивном режиме. Сервер Web через CGI запускаетпоисковую программу и пересылает обработанные данные назад.  Сама  программаCGI хранится в каталоге CGI-BIN. Это означает, что файл  из каталога CGI-BINвсегда исполняемый  файл.  Если CGI- программа,  например, взаимодействует ссистемой  управления базой данных, то пользователь  может получать некоторуюинтересующую его информацию в интерактивном режиме.     Это тривиально, но факт: CGI-программы  создаются посредством  CGI.


Кодпрограммы пишется,  как  правило, на  языке  описания  сценариев  Perl. Perlявляется  интерпретируемым   языком,  интерпретатор  которого  соответствуетоперационной системе.     Передача  данных  от сервера  к программе  CGI осуществляется  серверомчерез командную строку и переменные окружения.     Таким   образом,  сервер   через  общий  шлюзовой  интерфейс  запускаетпрограмму  CGI и пересылает ей вводимые  пользователем данные.  Сами  данныевводятся через так называемые формы HTML.     Форма   представляет   собой  гипертекстовую   страницу  с   одним  илинесколькими  полями  данных  и  специальной  кнопкой  для передачи введеннойинформации.     Как и код любого гипертекстового документа, код формы начинается с тэга

FORM ACTION = /SGI-BIN/EXAMPLE.PL и заканчивается тэгом

/FORM.     

ACTION     Аргумент ACTION -- это URL программы CGI, то есть /SGI-BIN/EXAMPLE.PL.     

METHOD     Метод, используемый для запроса данных.     Этот параметр задает режим передачи данных из формы в программу CGI.     Основные  режимы  передачи -- 

GET,

HEAD  и

POST.  Программа CGI должнаподдерживать один из этих режимов, иначе обработки данных не произойдет.     В  режиме

GET данные входят через

URL  в строку запроса. Например, еслипрограмма обработки данных

BOB.PL  лежит в каталоге

CGI-BIN, то  запрос HTMLпойдет на сервер через

ACTION следующим образом:     

FORM ACTION=/CGI-BIN/BOB.PL METHOD=GET     Теперь  сервер  знает, где  находится программа

BOB.PL,  поэтому  он еезапустит в режиме

GET.     Программы  CGI  получают  данные  от переменных  окружения  и  посылаютвыходные  данные   через  общий  шлюзовой  интерфейс  обратно  пользователю.Например, после  ввода  тэга 

A HREF=BOB.HTML  на сервер  пойдет запрос 

GET

/BOB.HTML. Заголовок

GET  определяет получение документа

BOB.HTML в корневомкаталоге сервера.     

Относительно аргумента POST     CGI реализован в программах, поддерживающих Unix и некоторые приложенияWindows. CGI  для Windows реализуется лишь  в том  случае,  если  сервер Webспособен декодировать данные тех  форм HTML,  которые  пересылаются в режимеPOST.




Это можно сделать двумя способами:     

URL-Encoded. Данные формы пересылаются на сервер в виде HTML.     

Multipart  Form  Data.  Данные  формы  пересылаются  на  сервер в  видеMIME-сообщения.     

INPUT TYPE=TEXT     Поместить в форму текстовое поле данных.     

NAME=NAME     Определить имя текстового поля данных NAME.     

MXLENGTH=NUMBER     Размер  текстового  поля данных. Вместо NUMBER  вы можете ввести  целоечисло.     

RADIO     Определить кнопку переключения.     

NAME=PRODTYPE     Определить логическое поле PRODTYPE.     

INPUT TYPE=CHECKBOX     Определить флажок для протокола передачи.     

ACCEPT     Метод, используемый для интерпретации пересылаемых файлов.  Файлы могутпересылаться в виде ASCII или HTML.     Количество   заголовков  

ACCEPT   соответствует  типам   данных   MIME(Multipurpose  Internet  Mail  Extensions). Заголовок

ACCEPT:  TYPE/SUB-TYPE

{parameters}  пересылается как значение параметра 

ACCEPT. Каждый тип данныхимеет собственный параметр

ACCEPT.     

Фреймы     Технология фреймирования  в HTML  позволяет  просматривать в одном окнеобозревателя  несколько  гипертекстовых  документов.  Один  фрейм отображаеттолько один гипертекстовый документ.     

Создание фрейма     Создание  фрейма осуществляется через тэг <FRAMESET>. Тэг <BODY> в этомслучае не используется.     Тэг </FRAMESET> заканчивает выполнение кода после тэга <FRAMESET>.     Далее идет стандартное применение HTML.     

Описание фрейма     Тэг  <FRAME SRC="Name1"> позволяет описать первый фрейм, т.е. присвоитьимя  гипертекстовому  документу.  Второй  фрейм  описывается  тэгом   <FRAMESRC="Name2" NAME="Main">.     

Если обозреватель не поддерживает фреймы     Если обозреватель того или  иного пользователя  не поддержавает фреймы,то  между  тэгом <NOFRAMES>  и тэгом </NOFRAMES>  заносится  текст,  которыйраспознает обозреватель.     


Свойства фреймов     Тэг <FRAMESET COL="N1, N2,..> позволяет определить количество фреймов изадать  размер  фреймов  в  процентах  от  размера  окна  обозревателя   илизафиксировать эти размеры в пикселах.     

Тэг с большими возможностями     Тэг  <FRAME>,  имеющий самое  большое  количество атрибутов,  позволяетнастроить свойства фрейма. Ниже описываются эти атрибуты.     

NAME=     Имя фрейма.     

MARGINWIDTH=     Горизонтальный отступ (от 1 до 6) между фреймом и его границей.     

MARGINHEIGHT=     Вертикальный отступ (от 1 до 6) между фреймом и его границей.     

SCROLLING=     Прокрутка  фрейма. Податрибут SCROLLING=YES  позволяет  создать  полосыпрокрутки,  SCROLLING=NO  -- указывает  обозревателя, что  полосы  прокруткиотсутствуют   в  данном   фрейме,  а   податрибут  SCROLLING=AUTO  позволяетотображать полосы прокрутки в зависимости от свойств обозревателя.     

NORESIZE     Фиксированный размер фрейма.     

SRC=     Задать гипертекстовый документ для этого фрейма.     

TARGET=Name     Открыть ссылку во фрейме с именем Name.     

Создание web-страниц в Microsoft FrontPage Express     Microsoft FrontPage Express один из тех редакторов Web-страниц, которыене требуют от  вас знаний основ  HTML.  Забудьте о программировании!  Просторазмечайте и оформляйте!     В  законченной   среде   разработки  Web  в   режиме  непосредственногоотображения  вы  можете  профессионально  создавать   web-документы  и  дажеорганизовывать небольшие web-сервера.     В Microsoft  FrontPage Express вы можете  подготавливать к публикации вInternet web-страницы,  используя  JavaScript,  VB  Script,  ActiveX и  дажевыборки  к  вашим  базам  данных. Кроме этого, в Microsoft FrontPage Expressвстроены весьма неплохие графические эффекты, которые оживят ваш дизайн.     Вы  можете управлять  созданным в  среде  Microsoft  FrontPage  Expressweb-сервером из  локальной сети или  используя удаленный  доступ к основномукомпьютеру.     Забудьте о  контроле за ложными ссылками! В Microsoft FrontPage Expressвстроено средство, позволяющее автоматически фиксировать подобные ссылки.     Вы можете:     n создавать и сохранять web-страницы     n сохранять web-страницы непосредственно в Web     n загружать из Internet и редактировать web-страницы     n использовать в оформлении вашей web-страницы     подложки     n просматривать и администрировать web-страницы     n создавать сложный дизайн web-страниц     n использовать готовые тэги HTML     n использовать готовые изображения из комплекта     поставки программы     n использовать компоненты WebBot для придания вашей     web-страничке динамики     n использовать в оформлении web-страниц элементы     управления ActiveX     Если вы хотите стать профессионалом в  области дизайна web-страниц, вамнеобходимо освоить  некоторые специальные HTML-редакторы с полной поддержкойтэгов HTML.     


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

полос прокрутки или посредством клавиш

PgUp и

PgDn выможете   перемещать  текущую  страницу  в  вертикальном  или  горизонтальномнаправлении.     Вверху экрана  находятся 

панели инструментов,  с  помощью  которых  выможете быстро выполнить то или иное действие.     Доступ  к  командам  редактора осуществляется  через  щелчок  мышью  насоответвующем имени меню.     

Команды меню     В редакторе  гипертекстовых документов  Microsoft FrontPage Express всенаборы  команд  и  опций,  использующиеся  в  процессе   работы  с  Internetсодержатся в:     n меню

Файл     n меню

Правка     n меню

Вид     n меню

Переход     n меню

Вставка     n меню

Формат     n меню

Сервис     n меню

Таблица     n меню

Окно     n меню

Справка

     Панели инструментов     Редактор  Microsoft FrontPage Express содержит три панели инструментов.Каждая кнопка той или иной панели соответствует команде меню.     

Панель форматирования     С  помощью 

Панели  форматирования  вы  можете   форматировать  абзацы,определять  параграфу  тот или иной шрифтовой  стиль, раскрашивать  текст  ивыравнивать параграфы.     

Панель редактирования     С помощью

Панели редактирования вы можете:     n создавать, открывать и сохранять web-страницы     n выводить на печать и предварительно просматривать     web-публикации перед выводом на печать     n выполнять операции копирования и вставки     n создавать или изменять ссылки     n вставлять компоненты WebBot, изображения,     горизонтальные строки и таблицы     n показывать или скрывать метки параграфа     n возвратиться на одну страницу назад     n перейти на одну страницу вперед     n вызвать справочную систему редактора     Microsoft FrontPage Express     n прервать загрузку текущей страницы     


Панель форм     С помощь

Панели форм вы можете создать поле формы из:     n однострочного текстового поля     n прокручиваемого текстового поля     n флажка     n кнопки-переключателя     n простой кнопки     

Всплывающее меню     Всплывающее  меню  позволяет  более удобно  обратиться к  той или  инойкоманде. Просто поместите курсор на  интересующий элемент вашего документа инажмите правую кнопку мыши.     С помощью  элементов  всплывающего  меню вы  можете выполнять следующиекоманды и функции:     n

Вырезать (выполнить операцию удаления элемента и     помещения его в буфер промежуточного хранения)     n

Копировать (поместить элемент в буфер промежуточного     хранения)     n

Вставить (вставить элемент из буфера промежуточного     хранения)     n

Свойства страницы (обратиться к диалоговому окну     свойств

Свойства страницы)     n

Свойства таблицы (обратиться к диалоговому окну свойств     

Свойства таблицы)     n

Свойства ячейки (обратиться к диалоговому окну

Свойства

     ячейки)     n

Свойства абзаца (обратиться к диалоговому окну

Свойства

     абзаца)     n

Свойства шрифта (обратиться к диалоговому окну

Шрифт)     n

Свойства изображения (обратиться к диалоговому окну     свойств

Свойства изображения)     n

Проверка достоверности поля формы (обратиться к     диалоговому окну

Проверка достоверности текстового поля)     n

Свойства поля формы (обратиться к диалоговому окну     

Свойства прокручиваемого текстового поля)     n

Свойства компонента WebBot (обратиться к диалоговому     окну

Свойства компонента WebBot)     

Буксировка     Вы  можете перемещать один или несколько элементов  вашего документа изодного  окна  программы  в  другое,  или  между  элементами  основного  окнапрограммы, или  из  Проводника.  Просто выделите  тот  или  иной  элемент  иотбуксируйте его  в нужное место  редактируемого  документа. При  буксировкефайлов  изображений  Microsoft FrontPage  Express  автоматически преобразуетфайлы формата BMP в формат JPEG.     


Создание новой web-страницы     Создание новой web-страницы  осуществляется через выбор команды

Создатьв меню

Файл  ( вы также можете выбрать эту команду  через  комбинацию  клавиш

Ctrl+N). В  появившемся диалоговом  окне

Новая страница  просто выберите  изсписка

Шаблон или мастер параметр

Нормальная страница.     Вы можете также создать web-страницу  с помощью

Мастера личной основной

страницы или

Мастера страниц форм. Для этого выберите  из списка

Шаблон  или

мастер небходимый параметр и далее следуйте указаниям

Мастера страниц.     

Сохранение web-страницы     Сохранение web-страницы осуществляется через выбор  команды

Сохранить вменю 

Файл (вы  также  можете выбрать  эту  команду  через комбинацию клавиш

Ctrl+S). В появившемся диалоговом окне введите название страницы. Если же выхотите  сохранить  страницу  в  виде  файла,  нажмите кнопку 

Как файл  и  впоявившемся диалоговом окне укажите имя файла вашего документа HTML.     Если  вы   хотите   сохранить  страницу  прямо  в  Web,  определите  ееместоположение.     

Открытие файла     Выбранная команда 

Файл к Открыть открывает доступ к  диалоговому  окну

Открыть файл, с помощью которого можно загрузить в программу:     n файлы HTML     n файлы HTML после предварительной обработки     n текстовые файлы     n шаблоны гипертекста     n документы Microsoft Word 6.0, Microsoft Word 95 и     Microsoft Word 97     n документы текстового процессора Windows Write     n документы текстового процессора Windows Write     n документы WordPerfect 5.x и WordPerfect 6.x     n книги Microsoft Excel     Чтобы открыть  файл нужно выбрать  его имя  из  списка и нажать  кнопку

Открыть.     

Выход из программы     Выйти из  редактора  Microsoft FrontPage  Express можно, выбрав командуменю

Файл  к Выход.  Если документ,  находящийся на экране был  изменен,  тоMicrosoft  FrontPage Express  выведет  запрос о  том, сохранять ли внесенныеизменения.  В  качестве ответа  можно  воспользоваться кнопкой

Да, 

Нет  или


Отмена.     

Редактирование текста web-страницы     Microsoft FrontPage Express  позволяет редактировать также, как  вы этоделаете в текстовых процессорах Windows.     Ввод текста осуществляется через щелчок левой клавишей мыши в том местевашего документа, где вы хотите ввести текст.     Помните,  что  четыре  символа  --  знак  меньше (<),  знак больше (>),амперсанд (&) и двойные кавычки (") имеют специальное значение внутри HTML иследовательно не могут быть использованы в  тексте вашего документа в  своемобычном значении.     

Отмена и восстановление выполненной команды     Отмена выполненной команды осуществляется через выбор команды 

Отменитьв меню

Правка.     Microsoft  FrontPage  Express   позволяет   отменить  только  последнеевыполненное действие. Например, если удален  текст, а затем набран новый, тонельзя отменить удаление текста.     Выбранная  команда 

Правка  к  Восстановить  восстанавливает  последнееотмененное действие.     

Выделение слова     Если  вы хотите выбрать слово,  дважды щелкните  по нему левой клавишеймыши.     

Выделение строки     Выделение строки осуществляется простым щелчком левой клавишей мыши принажатой клавише

Alt в любом месте строки.     

Выделение параграфа     Выделение параграфа осуществляется  простым щелчком левой клавишей мышипри нажатых клавишах

Alt и

Ctrl в любом месте параграфа.     

Выделение всех элементов вашего документа     Команда

Правка к  Выделить  все используется для  выделения текстовых играфических элементов на текущей странице.     

Отображение абзацных меток     Отображение абзацных меток осуществляется через выбор  команды 

Маркеры

форматов в меню

Вид.     

Операции вырезания, копирования и вставки     Выбранная  команда 

Правка  к  Вырезать  удаляет  активный  элемент  издокумента 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-страниц MicrosoftFrontPage 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 InterchangeFormat Расширение .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  FrontPageExpress не внесет эти изменения в ваш документ.     Если  вы  переместите  файл  изображения  в  другую   папку,  то   самоизображение  не отобразится в вашем документе.


Помните, что ваше изображениедолжно  храниться  в  том  же  каталоге,  в каком  находится  файл исходногодокумента.     Если формат графического  файла не поддерживается программой,  то стоитпопытаться вставить картинку в Microsoft FrontPage Express из буфера обмена,или  открыть  картинку  в  исходном  приложении,  или сохранить  ее в другомформате.  Если  же файл загружается в исходное  приложение,  но  неправильноотображает  картинку,  то  необходимо  записать  файл  в другом  графическомформате или распрощаться с этим файлом раз и навсегда.     При импортировании картинки в Microsoft  FrontPage Express размер файладокумента практически не увеличивается.     

Библиотека рисунков Microsoft FrontPage Express     С  помощью  вкладки 

Картинки диалогового  окна 

Изображение  вы можетевоспользоваться библиотекой рисунков Microsoft FrontPage Express.      

Альтернативное отображение картинок     Microsoft   FrontPage   Express   отображает  изображения   посредствомзаменяющего  текста и так  называемой превью-картинки. Превью-картинка имеетнизкое  разрешение  (при  загрузке  исходного изображения сначало  проявитсяизображение с  низким  разрешением),  а  заменяющий  текст  используется припросмотре web-страниц в текстовом режиме.     Чтобы отобразить картинку  посредством заменяющего текста, выберите ее,обратитесь к вкладке 

Общие диалогового окна  

Свойства изображения  (доступ:

Правка к Свойства изображения) и в поле данных

Текст введите информацию, темили иным образом описывающую вашу картинку.     Чтобы отобразить  картинку  посредством превью-картинки,  выберите  ее,обратитесь  к вкладке

Общие  диалогового окна

Свойства  изображения (доступ:

Правка  к Свойства  изображения) и  с помощью кнопки 

Обзор  раздела 

Другие

представления выберите картинку с низким разрешением.     

Как присвоить изображению ссылку     Вы  можете  присвоить помещенной  в  рабочую среду  Microsoft FrontPageExpress картинке  любую  ссылку. Для  этого выберите картинку, обратитесь  квкладке 


Общие  диалогового  окна 

Свойства  изображения  (доступ:

Правка  к

Свойства изображения) и  с помощью кнопки 

Обзор раздела

Ссылка по умолчанию выберите документ 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.  Теперь  займемся  графикой.  Для  этого  откроем  программу  AdobePhotoshop 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анять страницу в виде текстового файла.     

Оценка длительности воспроизведения гипертекстовой страницы     Длительность   воспроизведения   гипертекстовой  страницы   зависит  отскорости  вашего  модема. Обычно  модем  со скоростью 14,4  Кбит/с загружаеткилобайт данных около секунды.     

Хороший и несложный редактор для домашних страничек     Редактор страниц Web -- программа Microsoft FrontPage Express позволяетиспользовать все возможности, которыми располагает HTML.     


Скорость перерисовки картинки     Любое   изображение,  которое  вы  видите  на   экране  отображается  сиспользованием  цветовой  палитры  Windows.  Скорость  перерисовки  картинкизависит от точности  изображения  на экране. Цвет  или  градации серого  припечати  передаются  в  соответствии с  информацией  графического файла.  Приуменьшении растра картинки  -- тонкие  линии, узоры, линии сетки,  некоторыефрагменты могут исчезнуть на экране монитора,  но появиться на распечатке  свысоким разрешением.     

Зачем вам нужен DirectX     Стандарт  DirectX  является   программным   интерфейсом,  прежде  всегопозволяющим  вашей  звуковой плате  более полно  общаться с  системой.  ИмеяDirectX, вы  сможете заставить  Windows  98  более ускоренно  воспроизводитьзвуковые  файлы  и  использовать большее количество аудиоканалов в  играх  ипрофессиональных системах обработки звука.     

Зачем вам нужен ActiveX     Стандарт ActiveX является программным  интерфейсом,  который  связываеттот или иной web-ресурс с операционной системой Windows.     

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

Кодировки российских серверов     Помните,  что  российские серверы  Web  поддерживают русский язык  либочерез кодовую страницу 1251 (Windows 95), либо через таблицу КОI8 (Unix).     

Автоматическая подстановка адресов Internet     Откройте  обозреватель  Microsoft  Internet  Explorer.  Поставив флажок

Использовать Автозавершение (доступ:     

Вид  к Свойства обозревателя к  Дополнительно), вы можете  использоватьавтоматическую подстановку адресов по мере их введения в поле

Адрес.     

Отображение адресов страниц URL в полном формате     Вы  можете  отображать в  строке  состояния  адреса Internet или адресастраниц  URL в  полном  формате.  Откройте обозреватель  Microsoft  InternetExplorer, обратитесь к диалоговому окну 


Свойства обозревателя, перейдите  квкладке

Дополнительно и поставьте флажок

Показывать краткие  ссылки (доступ:

Вид к Свойства обозревателя к Дополнительно).     

Уменьшение вероятности сбоев других приложений     Для  того,   чтобы  уменьшить  вероятность   сбоев  других  приложений, открывайте новую копию Internet Explorer  при каждом  его запуске. Для этогооткройте обозреватель Microsoft Internet Explorer, обратитесь  к диалоговомуокну 

Свойства  обозревателя, перейдите  к вкладке

Дополнительно и поставьтефлажок

Использовать для просмотра новый процесс.     

Способы подчеркивания ссылок     Вы можете выбрать способ подчеркивания ссылок (подчеркивать все ссылки,не подчеркивать ссылки  или подчеркивать,  если  указатель мыши находится нассылке).  Для  этого  откройте  обозреватель  Microsoft  Internet  Explorer,обратитесь  к  диалоговому окну

Свойства  обозревателя,  перейдите к вкладке

Дополнительно и активизируйте одну из опций раздела

Подчеркивание ссылок.      

Выключение графических изображений при отображении страниц     Если вы  хотите ускорить вывод  страниц Internet, откройте обозревательMicrosoft  Internet  Explorer,   обратитесь  к  диалоговому   окну 

Свойства

обозревателя, перейдите  к вкладке 

Дополнительно и  снимите  все  флажки  вразделе

Мультимедиа.     

Отправка и получение секретных сведений     Вы  можете  отправлять  и   получать  секретные  сведения  по  частномупротоколу  SSL3  (Secured  Sockets  Layer  Level  3).  Для  этого   откройтеобозреватель Microsoft  Internet  Explorer,  обратитесь  к  диалоговому окну

Свойства  обозревателя, перейдите к  вкладке

Дополнительно  и  активизируйтеопцию

SSL 3.0 в разделе

Безопасность.     

Прямая обработка Cookies-файлов     Вы можете сообщить  обозревателю,  чтобы  он обрабатывал  все  файлы  свашими  личными  данными без подтверждения. Для этого  откройте обозревательMicrosoft  Internet  Explorer,   обратитесь   к  диалоговому  окну 

Свойства

обозревателя, перейдите к вкладке


Дополнительно и активизируйте опцию

Всегда

принимать файлы cookie в разделе

Безопасность.     

Включение фонового цвета и картинок в распечатываемую web-страницу     Вы  можете  включить   фоновые  цвета  и  картинки  в   распечатываемуюweb-страницу  только   одним  способом.  Для   этого  откройте  обозревательMicrosoft   Internet  Explorer,  обратитесь  к  диалоговому   окну 

Свойства

обозревателя,  перейдите  к  вкладке 

Дополнительно  и  активизируйте  опцию

Печатать цвета и рисунки фона в разделе

Печать.     

Поиск адресов Internet с использованием других суффиксов     Вы можете вести поиск адресов  Internet, используя  заданные  суффиксы.Для  этого откройте обозреватель  Microsoft Internet Explorer,  обратитесь кдиалоговому окну

Свойства обозревателя, перейдите к вкладке

Дополнительно  иактивизируйте опцию

Автопроверка общих корневых доменов в разделе

Поиск.     

Автоматическое создание приложений Java     Вы можете  сообщить обозревателю,  чтобы он  автоматически создавал всеприложения Java  с  помощью  собственного  компилятора.  Для  этого откройтеобозреватель  Microsoft Internet  Explorer, обратитесь  к  диалоговому  окну

Свойства  обозревателя, перейдите к  вкладке 

Дополнительно и  активизируйтеопцию

Включить компилятор Java JIT в разделе

Виртуальная машина Java.     

Создание журнала активности всех программ Java     Вы  можете создать  журнал  активности  всех  программ Java. Для  этогооткройте обозреватель  Microsoft Internet Explorer, обратитесь к диалоговомуокну 

Свойства   обозревателя,   перейдите   к   вкладке  

Дополнительно   иактивизируйте опцию

Включить консоль языка Java в разделе

Виртуальная машина

Java.     

Подключение к Internet через прокси-сервер локальной сети     Если вы хотите  подключиться к  Internet через  прокси-сервер, откройтеобозреватель Microsoft  Internet Explorer,  обратитесь  к  диалоговому  окну

Свойства  обозревателя, перейдите  к вкладке 

Соединение,  поставьте  флажок

Подключение к Internet через  прокси-сервер и введите в  поля  данных  адреспрокси-сервера и номер порта.     Если  вы не хотите использовать прокси-сервер  для адресов  вашей сети,поставьте флажок 


Не  применять прокси-сервер  для локальных  адресов. Послеэтого доступ к адресам вашей сети будет гораздо быстрее.     

Как получить список поставщиков услуг Internet     Многие пользователи желают  непосредственно  подключиться  к  Internet,подразумевая  под  этим,  что в  мире  имеется нечто  предоставляющее прямоеподсоединение к сети. Это заблуждение. В мире существует Магистральный каналInternet. Поэтому  для того, чтобы подключиться к Internet необходимо толькоидентифицировать   межсетевого  поставщика  услуг  (ISP)   или   провайдера.Провайдер  уже  подключен  к Internet. Другими  словами, необходимо отыскатьсписок  провайдеров. Список этот очень огромен. Он включает в себя крошечныхпровайдеров с единственным компьютером и малым количеством линий и монстров,имеющих   сотни  тысяч   метров   стекловолоконных  линий.  Получить  списокпровайдеров вы можете, если отправите письмо в BSDI по адресу     

isp-request@bsdi.com и включите в него строку     

AREACODE <код вашего региона>.     

Изменение шрифтов в обозревателе Internet     Откройте  редактор  реестра  и  обратитесь к ветви

HKEY_LOCAL_MACHINE к

Software к Microsoft к Internet Explorer к Styles и измените параметр шрифтав ключе

Default_Style_Sheet.     

Зачем вам нужны файлы MIME     Поскольку Internet ограничивает электронную почту только ASCII-текстом,вы не можете использовать ее для пересылки файлов в двоичном коде, например,таких   как   графические,  файлы   текстовых  процессоров  и   программные,использующие  8-й бит.  Решение заключается в  преобразовании  этих файлов втекст перед пересылкой их по Internet.     Имеется несколько обычных  способов делать это, в  том  числе с помощьюпрограмм  MIME  (Multipurpose  Internet  Mail  Extensions  --  Многоцелевогорасширения  почты  Internet)  или  UUENcode.Когда  вы  получаете  MIME-файл,необходимо декодировать его  перед просмотром. На  Internet  есть  множестводекодирующих программ, как бесплатных, так и условно-бесплатных.     


Почему именно GIF, а не JPEG?     На  сегодняшний  день  графический  формат  GIF  (Graphics  InterchangeFormat) --  самый основной в Internet. Обусловлено это прежде всего тем, чтофайлы  картинок, сохраненные в  формате  GIF,  весьма  компактны.  GIF оченьплотно  сжимает  графический  файл,  при  этом  на качестве  самой  картинкиподобное сжатие практически не отражается.     У  конкурента  GIF --  формата  JPEG -- имеется  только одно  очевидноепреимущество: JPEG способен  работать  не  только с 256 цветами  (количествоцветов в  GIF может быть  от  2 до 256),  а  с полноцветными картинками с 16миллионами цветов. Кроме  того, для стандартных рисунков  формат JPEG вообщепротивопоказан, так  как этот  формат не способен сохранять всю насыщенностьгаммы.     GIF обладает  еще  одной  необыкновенной возможностью. Этот графическийформат позволяет определять в исходной картинке прозрачные цвета, т.е. частикартинки при ее просмотре в обозревателе становятся невидимыми.     Итак, GIF -- рисунки, а JPEG -- фотографии.     

Что такое безопасная палитра     Обозреватели  Netscape Navigator и Microsoft Internet Explorer изменяютцветовую  палитру любых изображений при  их выводе на экран.  Эти  программыподстраивают палитру выводимой картинки к системной палитре. Поэтому     web-дизайнеры используют так называемые безопасные для web цвета.  Речьидет  о  наборе  из  гарантированных  216   цветов,  которые  не  искажаютсяобозревателями Internet. Это  означает,  что если  ваша  картинка сделана  сиспользованием  цветов из  безопасного набора, то  в  любом обозревателе онаотобразится так, как вы ее видите сами.     

Как создать баннер     Баннеры -- это реальная реклама в Internet. Именно о  баннерной рекламевспоминают   около   96%   опрошенных   Internet-пользователей.   Достаточнооднократного просмотра Вашего баннера и реклама начинает работать. Вложенныеденьги  начинают  приносить  прибыль.  Баннерная  реклама  --  это  реклама,приносящая реальную отдачу.     Стандартный баннер имеет размер 468х60 пикселей и весит до 15 Кб.     Понятно, что баннер в конце-концов будет обыкновенной GIF-картинкой, носоздается он в палитре true color.     Весьма существенно на  размер файла баннера, как и на любое графическоеизображение,   влияет  исходное  количество  цветов.  Поэтому  вам  придетсяобыкновенным  методом тыка выбрать оптимальное  количество  цветов, т.е.


то, которое существенным образом не отразится на качестве исходного изображения.Но в любом случае  помните, что однородный текст на  однородном фоне состоитиз 8 цветов (не более).     

Пример создания обыкновенного баннера     Попробуем проследить за тем, как создавался баннер для корпорации ЮНИ.     n Работаем в Adobe Photoshop 5.0     n Операционная система: Microsoft Windows 98     1. Откроем графический редактор Adobe Photoshop 5.0.     2.  Из  меню

Файл выберем  команду

Новый и  заполним поля  открывшегосядиалогового окна также, как это сделано на нижнем рисунке.     3. На диске создадим папку

Banner и сохраним созданную  картинку в этойпапке  под  именем 

banner.psd.  Для  этого  из  меню

Файл  выберем  команду

Сохранить как.     4. У нас  получилась  обыкновенная прозрачная картинка в формате  AdobePhotoshop.     5. Обратившись к  меню

Окно, выберем команду

Показать Цвета. Перед нами

Палитра цветов. В этой палитре определим цвет  фона нашего баннера следующимобразом:     n

Red: 97     n

Green: 166     n

Blue: 19     6. Выбрав из

Палитры инструментов инструмент

Заливка,      применим его к нашей прозрачной картинке.     7. Теперь наш баннер имеет зеленоватую подложку.     8. Сохранимся через комбинацию клавиш

Ctrl+S.     9.   Найдем   в   нашей  библиотеке   картинок   изображение   сияющегокомпьютерщика и поместим его через команду

Ctrl+O в Adobe Photoshop.     10. Выделим эту картинку через команду

Ctrl+A.     11. Скопируем эту картинку через команду

Ctrl+С.     12.  Возвратившись  к  нашей  работе,  через  команду 

Ctrl+V  поместимкомпьютерщика в  баннер.  Обратите внимание,  что  Adobe  Photoshop  в своей

Палитре слоев автоматически создал новый слой.     13. Нажмем комбинацию клавиш Ctrl+T.     14. Наш  компьютерщик выделился квадратиками. Удерживая клавишу 

Shift,подгоним размер компьютерщика под желаемый и нажмем клавишу

Enter.     15. Удерживая клавишу

Ctrl, сместим компьютерщика влево.     16. Обратимся к Палитре  слоев и создадим еще один слой нашего баннера.Для этого просто щелкнем мышкой на пиктограмме .     17.


С помощью инструмента

Эллиптическое выделение        создадим в новом слое круг и зальем этот круг черным цветом.     18. С помощью инструмента

Прямоугольное выделение        создадим в новом слое полоску и зальем ее черным цветом.     19. Сохранимся через комбинацию клавиш

Ctrl+S.     20. Обратимся к

Палитре инструментов и выберем инструмент

Пипетка.     21. Инструментом

Пипетка выберем из

Палитры цветов желтый цвет.     22. Обратимся к

Палитре инструментов и выберем инструмент

Печать.     23. Инструментом

Печать щелкнем в любом месте нашего баннера.     24.   В  открывшемся   диалоговом   окне 

Инструмент   Печати   выберемкириллический шрифт PragmaticaC, определим его размер (10 пунктов) и наберемтекст "АУДИТ СЕТЕЙ".     25. Нажмем кнопку

OK.     26. Нажав

Ctrl+T и удерживая клавишу 

Shift, подгоним размер текста поджелаемый и нажмем клавишу

Enter.     27. Удерживая клавишу

Ctrl, поместим текст на круг.     28. Сохранимся через комбинацию клавиш

Ctrl+S.     29. Обратимся к

Палитре инструментов и выберем инструмент

Пипетка.     30. Инструментом

Пипетка выберем из

Палитры цветов белый цвет.     31. Обратимся к

Палитре инструментов и выберем инструмент

Печать.     32. Инструментом

Печать щелкнем в любом месте нашего баннера.     33.   В   открывшемся  диалоговом   окне  

Инструмент  Печати   выберемкириллический шрифт  PragmaticaC, определим его размер (10 пунктов), наберемтекст "Y2K" и нажмем кнопку

OK.     34. Нажав

Ctrl+T и  удерживая клавишу

Shift, подгоним размер текста поджелаемый и нажмем клавишу

Enter.     35. Удерживая клавишу

Ctrl, поместим текст на экран компьютера.     36. Сохранимся через комбинацию клавиш

Ctrl+S.     37. Повторив шаги

29-35  (шрифт: CyrillicHover),  добавим в наш  баннереще одну надпись.     38. Сохранимся через комбинацию клавиш

Ctrl+S.     39.  Повторив шаги

29-35  (шрифт: CyrillicHover), добавим в  наш баннерпоследнюю надпись.     40. Сохранимся через комбинацию клавиш


Ctrl+S.     41. Обратимся к

Палитре слоев и склеим все слои нашего баннера.     42. Из меню

Изображение выберем команду

Размер Изображения.     43. Заполним поля открывшегося  диалогового окна также, как это сделанона следующем рисунке и нажмем кнопку

OK.     44. Обратите внимание, что мы просто изменили разрешение нашей картинкис 400 DPI на 72 DPI.     45. Из меню

Файл выберем команду

Файл к Экспорт к GIF89a Экспорт.     46. Заполним  поля открывшегося диалогового окна также, как это сделанона следующем рисунке и нажмем кнопку

OK.     47. В открывшемся диалоговом окне

ЭкспортGIF89 в поле

File name  введемимя GIF-файла нашего баннера и нажмем кнопку OK.     

Как создать анимационную картинку     Анимационный  GIF является обыкновенным графическим  файлом. Изюминка втом,  что подобный файл состоит из нескольких изображений, которые через тотили   иной   обозреватель   Internet  последовательно   выводятся  на  экранпользователя.     Чтобы  создать анимационную картинку, вам  необходимо  сначала  создатькартинки, из  которых будет состоять результирующий файл. Эти картинки можносделать,  например,  в Adobe  Photoshop, а собрать их вам  поможет  одна  изследующих программ:     n GIF Construction Set 32     n Microsoft GIF Animator     n Ulead GIF Animator     Ниже представлен рисунок с программой Microsoft GIF Animator.     

Приложения

     Раскладка цветовой гаммы по

     RGB-составляющим

     Белоснежный (Snow)     FFFAFA     

Призрачно-белый (Ghostwhite)     F8F8FF     

Белый-антик (Antique White)     FAEBD7     

Кремовый (Cream)     FFFBF0     

Персиковый (Peachpuff)     FFDAB9     

Белый-навахо (Navajo White)     FFDEAD     

Шелковый оттенок (Cornsilk)     FFF8DC     

Слоновая кость (Ivory)     FFFFF0     

Лимонный (Lemon Chiffon)     FFFACD     

Морская раковина (Seashell)     FFF5EE     

Медовый (Honeydew)     F0FFF0     

Лазурный (Azure)     F0FFFF     

Бледно-лиловый (Lavender)     E6E6FA     


Голубой с красным отливом (Lavender Blush)     FFF0F5     

Тускло-розовый (Misty Rose)     FFE4E1     

Белый (White)     FFFFFF     

Черный (Black)     000000     

Тускло-серый (Dim Gray)     696969     

Синевато-серый (Slate Gray)     708090     

Грифельно-серый (Light Slate Gray)     778899     

Серый (Gray)     BEBEBE     

Светло-серый (Light Gray)     C0C0C0     

Серый нейтральный (Medium Gray)     A0A0A4     

Темно-серый (Dark Gray)     808080     

Полуночно-синий (Midnight Blue)     191970     

Темно-синий (Dark Blue)     000080     

Васильковый (Cornflower)     6495ED     

Грифельно-синий (Slate Blue)     6A5ACD     

Светлый грифельно-синий (Light Slate Blue)     8470FF     

Голубой королевский (Royal Blue)     4169E1     

Синий (Blue)     0000FF     

Небесно-голубой (Sky Blue)     87CEEB     

Светлый небесно-голубой (Light Sky Blue)     87CEFA     

Синий со стальным оттенком (Steel Blue)     4682B4     

Голубой со стальным оттенком (Light Steel Blue)     B0C4DE     

Светло-синий (Light Blue)     A6CAF0     

Синий с пороховым оттенком (Powder Blue)     B0E0E6     

Бледно-бирюзовый (Pale Turquoise)     AFEEEE     

Бирюзовый (Turquoise)     40E0D0     

Зеленовато-голубой (Cyan)     00FFFF     

Светлый циан (Light Cyan)     E0FFFF     

Темный циан (Dark Cyan)     008080     

Серо-синий (Cadet Blue)     5F9EA0     

Аквамарин (Aquamarine)     7FFFD4     

Цвет морской волны (Seagreen)     54FF9F     

Светлая морская волна (Light Seagreen)     20B2AA     

Бледно-зеленый (Pale Green)     98FB98     

Весенний зеленый (Spring Green)     00FF7F     

Зеленая лужайка (Lawn Green)     7CFC00     

Зеленый (Green)     00FF00     

Нейтральный зеленый (Medium Green)     C0DCC0     

Темно-зеленый (Dark Green)     008000     

Зеленовато-желтый (Chartreuse)     7FFF00     


Зелено-желтый (Green Yellow)     ADFF2F     

Лимонно-зеленый (Lime Green)     32CD32     

Желто-зеленый (Yellow Green)     9ACD32     

Зеленый лесной (Forest Green)     228B22     

Бледно-золотистый березовый (Pale Goldenrod)     EEE8AA     

Светло-желтый золотистый (Light Goldenrod Yellow)     FAFAD2     

Светло-желтый (Light Yellow)     FFFFE0     

Желтый (Yellow)     FFFF00     

Темно-желтый (Dark Yellow)     808000     

Золотой (Gold)     FFD700     

Светло-золотистый (Light Goldenrod)     FFEC8B     

Золотисто-березовый (Goldenrod)     DAA520     

Легкий желтый (Burly Wood)     DEB887     

Розово-коричневый (Rosy Brown)     BC8F8F     

Кожано-коричневый (Saddle Brown)     8B4513     

Охра (Sienna)     A0522D     

Бежевый (Beige)     F5F5DC     

Пшеничный (Wheat)     F5DEB3     

Рыжевато-коричневый (Tan)     D2B48C     

Шоколадный (Chocolate)     D2691E     

Кирпичный (Firebrick)     B22222     

Коричневый (Brown)     A52A2A     

Самон (Salmon)     FA8072     

Светлый самон (Light Salmon)     FFA07A     

Оранжевый (Orange)     FFA500     

Коралловый (Coral)     FF7F50     

Коралловый светлый (Light Coral)     F08080     

Оранжево-красный (Orange Red)     FF4500     

Красный (Red)     FF0000     

Темно-красный (Dark Red)     800000     

Теплый розовый (Hot Pink)     FF69B4     

Розовый (Pink)     FFC0CB     

Светло-розовый (Light Pink)     FFB6C1     

Красно-фиолетовый бледный (Pale Violet Red)     DB7093     

Темно-бордовый (Maroon)     B03060     

Красно-фиолетовый (Violet Red)     D02090     

Фуксин (Magenta)     FF00FF     

Фуксин темный (Dark Magenta)     800080     

Фиолетовый (Violet)     EE82EE     

Темно-фиолетовый (Plum)     DDA0DD     

Орсель (Orchid)     DA70D6     

Фиолетово-синий (Blue Violet)     8A2BE2     


Пурпурный (Purple)     A020F0     

Список файлов, которые вы можете повстречать в Internet

     .a     Библиотека откомпилированных процедур.     

.afm     Adobe Font Metrics -- метрики символов шрифта PostScript.     

.ai     Файл PostScript.     

.aif, .aifc, .aiff     Audio-данные.      

.ar     Архив программы ar.     

.arc     Архив программы arc, pkarc или arcа/arcb.     

.arj     Архив программы arj.     

.asm     Исходный текст программы на Ассемблере.     

.au     Формат хранения звука.     

.avi     Формат хранения видеоизображения.     

.b     Встроенный редактор.     

.bak     Старая версия некоторого файла.     

.bas     Исходный   текст   программы  на   языке  Basic  (GWBasic,  TurboBasic,QuickBasic).     

.bat     Набор команд.     

.bgi     Borland   Graphics   Interface.  Динамически  подгружаемая   библиотекаграфических программ-драйверов, зависящих от типа видеоадаптера.     

.bmp     Растровый графический формат.     .C     В Unix архив программы compact.     

.c     Исходный текст программы на языке C.     

.cfg     Конфигурационный файл программы.     

.cgi     WWW-сервер  под  Unix.  Запускаемая программа, работающая по  протоколуCommon  Gatawey   Interface  (входные  данные  --   в  переменной  окруженияQUERY_STRING  при методе GET или в стандартном вводе stdin при методе POST).Может быть любым запускаемым файлом.     

.clo, .cls     Описания классов документов и макроопределений TEX.     

.com     Исполняемый двоичный файл.     

.cpp     Исходный текст программы на языке C++.     

.cpt     Архив программы CompactPro (Macintosh).     

.ddi     Disk Dupe Image. Образ дискеты, созданный программой DiskDupe.     

.def     Описания шрифтов TEX без начертаний каждого символа.     

.dir     Файл-директория редактора MicroMir или NanoMir.     

.diz     Файл с кратким описанием продукта или содержимого диска/архива,  обычнодля самопальных или похаканных пиратами продуктов.     


.dll     Dynamic Linked Library.  В системе  Windows динамически  присоединяемаябиблиотека.      

.doc     Документ редактора Microsoft Word для Windows.     

.dot     Шаблон документа редактора Microsoft Word для Windows.     

.dp     Digital Paper. Аналог .PDF фирмы Common Ground Software.     

.evy     Envoy. Аналог .PDF фирмы Novell.      

.exe     Исполняемый бинарный файл.     

.f     В Unix исходный текст программы на языке ForTran.     

.fd     Описания шрифтов TEX без начертаний каждого символа.     

.fon     Шрифт.     

.for     Исходный текст программы на языке ForTran.      

.fot     Шрифт.     

.f     Папка с письмами почтовой системы Waffle для MS-DOS.     

.gif     Graphics  Interchange  Format.   Растровый  графический  формат   фирмыCompuServe.     

.gz     Архив,  созданный  программой gzip (Unix) и  распаковываемый gunzip илиgzip.     

.h     В языке C header-файл, содержащий описания заголовков процедур.     

.hqx     Файл  программы  BinHex  (Macintosh).  Предназначен  для  передачи  безискажений бинарных файлов через Internet.     

.htm, .html     Текст написанный на Hyper Text Markup Language. Содержит команды (tags)в угловых скобках (<команда>),  остальное интерпретируется как  текст. Знаки<, > и & заменяются на <, > и &.     

.ice     Архив программы ice.     

.iff     Формат хранения звука, разработанный для компьютеров Amiga.     

.ini     Файл с установками какой-либо программы.     

.jfif, .jpeg, .jpg     Растровый графический  формат JPEG, позволяющий  сохранять  картинку  спотерей информации без существенной потери качества.     

.l3     MPEG-1: звук только Layer-3.     

.latex, .ltx     Одно из расширений TEX.     

.lha, .lzh     Архив программы lzh.     

.lib     Библиотека процедур.     

.m1s     MPEG-1: системный поток.     

.m2a     MPEG-2: только звук.     


.m2s     MPEG-2: системный поток.     

.m2v     MPEG-2: только видео.     

.man     Файл в формате TROFF (Typesetting Run OFF).     

.me     Файл редактора MultiEdit.     

.me     Расширение файла read.me.     

.mf     MetaFont. Программа, представляющая  шрифт для  TEX  в виде матричных ирастровых комбинаций.     

.mia     MPEG-1: только звук.     

.mid     MIDI. Звуковой файл.     

.mim     Файл редактора MicroMir.     

.miv     MPEG-1: только видео.     

.mod     Формат хранения звука.      

.mov, .Moov     Формат хранения видео и аудио.     

.mpg     MPEG. Формат хранения видео и звука с компрессией и потерей данных.     

.mps     MPEG-1.     

.nfo     Краткое описание того, что находится в директории или на диске.     

.o     В Unix откомпилированный, но не собранный для выполнения код программ.     

.obj     Откомпилированный, но не собранный для выполнения код программ.     

.ovl     OVerLay. Динамически подгружаемый модуль программы.     

.p     В Unix исходный текст программы на языке Pascal.     

.pas     Исходный текст программы на языке Pascal.     

.pbm     Portable BitMap Простой формат хранения черно-белых картинок.     

.pcx     Растровый графический формат, поддерживаемый большинством редакторов.     

.pdf     Portable Document Format.     

.pfm     PostScript Font Metrics. Метрики символов в шрифте PostScript.     

.pgm     Portable GrayMap. Простой формат хранения полутоновых картинок.     

.pict     Формат  хранения графических изображений в буфере обмена на компьютерахMacintosh.     

.pif     Файл, описывающий параметры запуска DOS-задачи под Windows.     

.pk     Растровый шрифт для TEX.     

.pl     Файл на языке Perl.     

.pl     Описания шрифтов TEX без начертаний каждого символа.      

.pnm     Простой формат хранения картинок, объединяющий .pbm, .pgm и .ppm.     


.pop     В Unix  временный файл POP3-сервера в той же директории, что и почтовыеящики пользователей.     

.ppd     PostScript  Printer  Description.   Описание  принтера  для  программы,печатающей .ps.     

ppm     Portable PixelMap. Простой формат хранения цветных картинок.     

.ppt     Презентация, созданная в программе Microsoft PowerPoint.     

.ps     Векторный графический формат PostScript.     

.rar     Архив программы rar.     В Windows 95/NT файл с описанием ресурсов программы.     

.rpm     RedHat Packing Manager. Формат хранения дистрибутивов в RedHat Linux.     

.rtf     Rich Text Format.     

.sea     Архив программы stuff (Macintosh).      

.sfx     Самораспаковывающийся архив.  В MS-DOS его необходимо  переименовать  в.exe.     

.sgm, .sgml     Standard Generalized Markup  Language. Язык разметки,  используемый дляуправления большими  подборками документов.  Частным  случаем  SGML являетсяHTML.     

.sh     Запускаемый пакетный файл на языке shell.     

.so     Динамически присоединяемая библиотека.     

.snd     Звуковой файл.     

.spl     Future Splash Player.     

.sty     Описания классов документов и макроопределений TEX.     

.swf     ShockWare Flash.     

.swp     Файл подкачки.     

.sys     Файлы ядра DOS IO.sys и MSDOS.sys.     

.tar     Архив программы tar (Unix) без компрессии.     

.taz     Аналог .tar.gz  в  DOS  и  других  системах, использующих три  буквы  врасширении файла.     

.tfm     Описания шрифтов TEX без начертаний каждого символа.     

.tgz     Эквивалентно .tar.gz; создается tar с ключем -z.     

.tif, .tiff     Tagged Image File Format, растровый графический формат.     

.ttf     TrueType Font.     

.uc, .uc2     Архив программы uc (UltraCompressir).     

end     Файл, созданный программой uuencode и раскрываемый программой uudecode.     

.vp, .vpl     Файлы виртуальных шрифтов для TEX.     


.vrml     Virtual Reality Modeling Language.     

.xx, .xxe     Файл, созданный программой xxencode и раскрываемый программой xxdecode.     

.Z     Архив программы compress.     

.z     Архив программы pack.     

.zip     Архив программы pkzip или WinZip.     

.zoo     Архив программы zoo.     

Толковый словарь

     Active Channel     Узел Web, автоматически поставляемый на рабочий стол пользователя.     

Active Desktop     Интерфейс,  интегрированный  с рабочим столом Windows  и  обозревателемMicrosoft Internet Explorer.     

ActiveMovie     Технология цифрового видео, позволяющая через Web  просматривать  файлыAVI, QuickTime или MPEG.     

ActiveX     Термин  программного  интерфейса   технологии   Microsoft,  позволяющейразработчикам  создавать  интерактивное  содержимое  для  WWW,  а  также длякомпонентов  программного  обеспечения,  написанных  на   различных  языках.Основные элементы технологии ActiveX -- COM и DCOM.     

Address     Уникальный код с информацией, находящейся в файле конкретной сети.     

Anchor     То, что собственно, и образовывает гипертекстовую ссылку.     

Anonymous     Один из методов получения доступа  к той или иной информации. Вы можететолько копировать файлы, передавать свои -- нет.     

ANSI     American National Standards Institute.     

Выделенный канал     Постоянное соединение, всегда позволяющее передать поток информации  отодного компьютера к другому.     

Authorization     Право, которое дается пользователю на  тот или иной ресурс компьютернойсистемы.     

BBS     Bulletin Board System. Тип компьютерного сервиса. Юзеры  могут читать ипубликовать различные сообщения. Передавать или скачивать файлы.     

Big mail     Электронная почта огромных размеров.  Передается некоторыми сволочами вкачестве мести.     

Bookmark     Закладка. Файл Gopher или WWW. Информация в этом  файле  размещена так,что получить доступ к желаемой странице можно без дополнительного серфинга.     


Browser     Нечто, похожее на графический интерфейс. Позволяет  блуждать по той илииной сети, или искать себе на определенное место приключений.     

Bullet     Маркер.  Элемент оформления  текста. Например, маленький круг, квадрат,звездочка.     

Character Set     Символы, которые объединены в определенную группу. Например, ASCII.     

Character     Любой символ, введенный с клавиатуры в компьютер.     

Chart     Диаграмма. Рисунок, показывающий взаимодействие тех или иных данных.     

Check Box     Флажок в виде крестика. Один  из многочисленных  элементов  графическойоперационной системы. Позволяет включать или отключать то или иное действие.     

CompuServe     Коммерческая компьютерная сеть США.     

Cookies     Технология, позволяющая сохранять  сугубо индивидуальную  информацию  опользователе сети.     

Cracker     Хакер, который ломает все и вся.     

Cybermall     Электронный магазин.     

Cyberpunk

     Самоутвержденный хакер.     

DejaNews     Ищем  новости в конференциях Usenet  по  ключевому слову, автору статьиили по адресу. Доступ через http://www.dejanews.com.     

DNS     Domain Name System.  Доменная система адресации. Нечто, похожее на базуданных и конвертирующее буквенное сетевое имя в набор цифр. Этот набор  цифрявляется числовым адресом Internet. Понятен только  компьютерам и  некоторымфанатам с шизофренической памятью.     

Domain Name Server     Имя  сервера  домена. Каждое подразделение Internet имеет  два  домена.Основной DNS обычно располагается на сетевой машине.     DNS-сервера используют в  своих  обращениях к удаленным узлам 32-битныеадреса IP, мнемонически заключенные в четырехразрядную буквенную комбинацию.Любой хост может  получить  соответствующий DNS у ближайшего информационногосервера DNS по известной системе Domain  Name Server через  сетевой протоколDNS. Просто  хост посылает запрос  на  известный IP-адрес  DNS-сервера  свойIP-адрес  и  имя  сервера.  Сервер DNS  штудирует  собственную базу  данных,находит IP-адрес и  отправляет на  хост  соответствующий  ответ  DNS.  Схемавесьма  примитивная.  Если  же  сервер  DNS  не  находит  искомую  буквеннуюкомбинацию,  то  он  отсылает  запрос на  так  называемый  корневой  сервер,который,  в свою очередь, сверяет информацию  с файлом  настроек root.cache.Так происходит до тех пор, пока имя хоста не будет найдено в Internet.      


Domain     Подразделение  Internet. У  каждого домена  есть  своя метка. Например,метки  .com,  .net,  .mil,  .org  означают,  что  это  соответственно  доменкоммерческой, сетевой, военной и общественной организации.     

Download     Закачивание софта с другого компьютера на собственный винчестер.     

Ethernet     Один из видов  сети с весьма классной пропускной способностью. Довольночасто компьютеры, использующие  протоколы TCP/IP  подсоединяются к  Internetчерез Ethernet. Да какая там поэзия! Проза, сухая проза.     

Font     Шрифт или семейство знаков с индивидуальным стилем.     

Freeware     Бесплатное программное обеспечение.     

FTP     File  Transfer Protocol. Метод  пересылки  файлов на ваш  компьютер.  ВInternet имеются тысячи мест, поддерживающих этот метод. Иногда единственнаявозможность  заиметь файл  -- это воспользоваться протоколом FTP. Помните обэтом протоколе.     

FTP-client     Софт, позволяющий вам приконнектиться к серверу FTP.     

FTP-команды     Команды с синтаксисом FTP.     

FTP-mail     Крутейшая   штучка.  Вы  можете  получать  файлы  с   серверов  FTP  поэлектронной почте.     

FTP-server     Компьютер,  битком набитый  всякой  всячиной и  поддерживающий протоколFTP.     

GIF     Graphic Interchange Format. Один из стандартных графических файлов WWW.     

Hacker     Очень  умный  человек. Тот,  кто  взламывает  сети.  Этот  умник  можетпроникнуть в любую сеть. Делается  это  разными способами.  Например,  черезпорт терминала или порт электронной почты. Выбрав жертву, хакер прежде всегоопределяет, имеются  ли на сервере плохие пароли, плохо настроенный софт илииспорченная операционка. Затем выбирает метод собственной безопасности.     

HTML     HyperText  Markup   Language.  Язык,  лежащий  в   основе  формированиядокументов World Wide Web.     

HTTP     HyperText  Transport  Protocol. Система, передающая документы  HTML  поWorld Wide Web.     

Hypermedia     Гиперсреда.


Через определенные ссылки связывается текст, графика, звук,видео и картинки.     

Hypermedia     Нечто, которое хорошо  знают хакеры.  Грубо  говоря  то,  что дискретноможет отобразить фотографию на выбранном вами web-обозревателе.     

Hypertext     Нечто   представляющее  данные  так,   что   можно  легко  организоватьмежстраничные связи различных документов Internet.     

Internet     Мировая  с  англоязычным уклоном  свободная  конфедерация  компьютерныхсетей,  объединяющая более 12 тысяч локальных сетей,  более  одного миллионакомпьютеров и около 30 миллионов юзеров. Негласный победитель FIDO.     

IP Address     Тридцатидвухбитовый   (ну   и   словечко)  адрес  протокола   Internet,включающий в себя номер узла и сети.     

IP     Самый  важный из всех протоколов,  на котором основана  Internet. Черезэтот протокол осуществляется прямое подключение к Internet.     

IRC     Internet Relay Chat. Одна из форм WWW-психоза.     IRC  чем-то напоминает работу  в  конференциях  Usenet. Но если  там выобщаетесь  не  в  реальном  времени, то  здесь может вестись живой разговор.Разве что, -- вас никто не слышит. Вас могут прочитать.  Вы  набиваете текстна клавиатуре. Ваша информация  попадает на общий  дисплей. Различные группывидят ваш бред. Если интересно -- отвечают.     

JPEG     Joint Photographic Experts Group. Графический  формат, принятый всеми вкачестве стандартного формата при оформлении Web-страниц.     

Lamer     Юзер-идиот.     Термин,     придуманный    американскими     системнымиадминистраторами.     

Login     Регистрационное имя пользователя.     

Lurk     Пассивные  наблюдатели.  Например,  те,  кто   только  читают   новостиконференций Usenet или сообщения, проходящие по каналам IRC.     

Mail server     Почтовый сервер. Компьютер, обрабатывающий электронную почту.     

Mail     Обмен   частными  текстовыми   сообщениями  в  Internet  или  в  другойкомпьютерной сети.     

Mailing list     Cписок рассылки электронных  почтовых  сообщений, классифицированных поопределенным темам.


Своеобразная подписка.     

Marquee     Бегущая строка в документе HTML.     

Media     Почти то же, что Multimedia.     

Microsoft FrontPage Express     Редактор  web-страниц.  Средство для создания  и оформления  документовHTML в режиме непосредственного отображения.     

MIME     Multipurpose Internet Mail Extensions. Протокол передачи звука, графикии других двоичных данных. Применяется при передаче почтовых сообщений. И кактолько этот MIME не интерпретируют!     

Mosaic     Древнейший    графический   пользовательский   интерфейс,   позволяющийпросматривать  World  Wide  Web.  Имеются версии  для  X-Window,  Windows  иMacintosh.     

MPEG     Moving  Pictures  Expert Group.  Протокол, через который  упаковываютсявидеозаписи.     

Multimedia     Весьма туманный термин, не переводящийся на нормальный язык.     

Netscape Communicator     Еще один обозреватель Internet. Графический пользовательский интерфейс,позволяющий просматривать World Wide  Web. Имеются версии  для X  Window, MSWindows и Macintosh. Весьма неплохой.     

Newsgroup     Область сообщений в конференциях Usenet.     

NNTP     Сетевой  протокол, с помощью которого весь мир пользуется прелестями отконференций Usenet.     

Offline     Автономный режим работы компьютера.     

Online     Интерактивный режим работы сетевого компьютера.     

Page     Страница. Любой документ World Wide Web.     

Prompt     Поле данных удаленного терминала.     

Protocol     Метод, с помощью которого передается информация от хоста к юзеру.     

Provider     Поставщик некоторых услуг. В частности, -- услуг Internet.