Орлов Л.В., Web-сайт без секретов
.pdfПриложения |
477 |
|
|
|
|
Macromedia Flash MX — практически стандарт для использования в web векторных изображений. Обладает собственной средой разработки и позволяет создавать впечатляющую векторную анимацию.
Программы для создания VRML миров или 3D программы, позволяющие экспортировать в данный формат. В качестве примера могу порекомендовать неплохую программу создания VRML миров Internet3D Space Builder.
Программы для обработки звука — могут понадобиться, если того требует Ваша страничка. Это программы вообще отдельного класса, но для простой обработки звука, например, подойдет CoolEdit, eJay.
Пожалуй, это более менее полный список программ для создания web страничек. Не все из них, конечно, нужно сразу же иметь, чтобы на чать писать свои странички. Для начала достаточно какого нибудь браузера и визуального редактора, а уже по мере накопления опыта вы освоите и другие программы.
Тэги HTML
<a href="другой_документ.html"></a>
Cсылка
target=_blank — открывает ссылку в новом окне.
name="anchor1" — имя закладки.
<area>
Определяет геометрические области внутри карты и ссылки, связанные с каждой областью.
shape="rect" (circle, poly) — тип области (прямоугольник, круг, многоугольник)
coords="x1,y1,..." — координаты, количество зависит от типа области
alt="описание" — описание, подсказка
href="document.html" — ссылка
478 |
Приложения |
|
|
|
|
<b></b>
Жирный текст
<big></big>
Крупный текст
<body></body>
Обязательный тэг
<body text="#cc0000"> — задает цвет текста всего документа
<body bgcolor="#000000"> — задает цвет фона документа
<body background="картинка.jpg"> — задает фоновую картинку
<body link="#ff9999"> — задает цвет ссылки
<body alink="#ff9999"> — задает цвет активной (нажатой) ссылки
<body vlink="#ff9999"> — задает цвет посещенной ссылки
<body topmargin="0"> — определяет ширину верхнего и нижнего полей документа для IE
<body leftmargin="0"> — определяет ширину левого и правого полей документа для IE
<body marginheight="0"> — определяет ширину верхнего и нижнего полей документа для NN
<body marginwidth="0"> — определяет ширину левого и правого полей документа для NN
<br>
Перенос строки (принудительный)
clear="all" (left, right) — завершение обтекания текстом объекта (картинки).
<center></center>
Центрирование текста
<font></font>
Употребляется с одним из параметров, приведенных ниже:
<font color="#cc0000">текст</font> — задает цвет текста выбранной части документа.
Приложения |
479 |
|
|
|
|
<font size="+0">текст</font> — задает размер шрифта текста (от 2 до +4)
<font face="Arial">текст</font> — задает определенный шрифт в документе (можно прописать какой нибудь экзотический шрифт)
<frame src="menu.html"> — определяет фрэйм и его свойства внутри frameset
marginheight="0" — определяет ширину верхнего и нижнего полей фрэйма.
marginwidth="0" — определяет ширину левого и правого полей фрэйма.
scrolling="yes" (no, auto) — линейка прокрутки будет всегда (никогда, если надо).
name="window?1" — имя фрейма, используется для ссылки на него из других документов (фреймов), с помощью параметра тэга <a> target (target="имя_фрейма").
<frameset></frameset>
Определяет фрэймовую структуру документа. Открывает и закрывает список фрэймов
rows="100,200,*" — определяет количество и размеры горизонтальных фрэймов (рядов). Размеры задаются в процентах или пикселях.
cols="10%,20%,70%" — определяет количество и размеры вертикальных фрэймов (колонок).Размеры задаются в процентах или пикселах.
border — определяет ширину рамок фрэймов в пикселах.
<Hx></Hx>
Заголовок
<head></head>
Обязательный тэг
<hr>
Линия
<Hr align="right"> — center или left
<Hr width="30%"> — ширина линии в процентах
480 |
Приложения |
|
|
|
|
<Hr size="6"> — толщина линии
<Hr NoShade> — отмена объемности
<Hr color="cc0000"> — цвет линии, только в IE
<html></html>
Обязательный тэг
<i></i>
Выделяет текст курсивом
<img src="ваша_картинка.jpg">
Рисунок
Border="5" — рамка вокруг картинки
width="500" — ширина картинки
height="100" — высота картинки
align="left" — расположение текста по отношению к картинке (right, top, middle, left, bottom)
vspace="10" — расстояние от картинки до текста по вертикали
hspace="30" — расстояние от картинки до текста по горизонтали
alt="описание" — описание картинки
usemap="#karta1" — ссылка на карту
<map></map> — навигационные карты
name="karta1" — имя карты
<marquee></marquee>
Бегущая строка (текста)
height="16" — высота строки
width="250" — ширина строки
bgcolor="#99CCFF" — цвет фона
vspace="10" — расстояние от бегущей строки до текста (картинок, др. объектов) по вертикали
Приложения |
481 |
|
|
|
|
hspace="20" — расстояние от бегущей строки до текста (картинок, др. объектов) по горизонтали
loop="2" — сколько раз прокрутится строка
direction="left" (right, up, down) — направление движения строки — влево (вправо, вверх, вниз)
behavior="scroll" (slide, alternate) — поведение строки — обычная прокрутка (прокрутка с остановкой, от края к краю)
scrollamount="1" — скорость движения строки, может принимать значения от 1 до 10 (1 — самое медленное движение, 10 — самое быстрое)
<li></li>
Списки
type="disk" — полный кружок (по умолчанию)
type="circle" — полый кружок
type="square" — квадратик
<p></p>
Параграф
<p align="center">текст</p> — центрирование текста.
<p align="right">текст</p> — выравнивание текста по правому краю документа.
<p align="left">текст</p> — выравнивание текста по левому краю документа.
<p align="justify">текст</p> — выравнивание текста по обоим краям документа.
<pre></pre>
Форматированный текст
<s></s>
Перечеркнутый текст
<small></small>
Малый текст
482 |
Приложения |
|
|
|
|
<stike></strike>
Перечеркнутый текст
<sub></sub>
Нижний индекс
<sup></sup>
Верхний индекс
<title></title>
Название документа
<table></table>
Таблицы
<tr></tr>
Строчка (ряд) таблицы.
<td></td>
Столбец (ячейка) таблицы.
bgcolor="#FFCC33" — цвет фона таблицы (строки, ячейки).
background="картинка.gif" — задает фоновый рисунок для таблицы (строки, ячейки).
width="50" или width="50%" — ширина таблицы (строки, ячейки) в пикселях или процентах.
height="45" или height="45%" — высота таблицы (строки, ячейки) в пикселях или процентах.
align="center" (right, left) — выравнивает содержимое ячейки относительно ее центра (правого или левого краев).
valign="middle" (top, bottom) — вертикальное выравнивание содержимого строки (ячейки) по середине (наверху или внизу).
colspan="2" — растянуть ячейку на несколько столбцов.
rowspan="2" — растянуть ячейку на несколько рядов.
cellspacing="5" — задает пространство между ячейками.
cellpadding="5" — задает пространство внутри ячейки между ее содержимым и границами.
Приложения |
483 |
|
|
|
|
border="3" — задает толщину рамки таблицы.
bordercolor="#000000" — задает цвет рамки таблицы.
<tt></tt>
Фиксированный (моноширинный) текст
<u></u>
Подчеркнутый текст
<ul></ul>
Отступ (табуляция)
META тэги
Мета тэги — это необязательные атрибуты страницы, размещен ные в ее заголовке, которые содержат описание страницы, ключевые слова к ней, некоторую информацию об авторе, управляющие команды для поисковых роботов и прочую служебную информацию, не предназ наченную для всех посетителей.
<META NAME="Description" CONTENT="Описание вашей страницы.">
Зачастую именно то, что вы здесь укажете, будет отображаться по исковиками (краткое содержание страницы). Сделайте описание ярким, зазывающим. Длинна описания не должна превышать 200 символов.
<META NAME="Keywords" CONTENT="Ключевые слова.">
Очень важный тэг. Подумайте, какие слова будет набирать поль зователь, при поиске информации в поисковике. Вот их то и вписывай те. Не пишите в этом тэге одних и тех же слов — поисковые машины это страсть как не любят. Длина списка до 800 символов.
<META HTTP EQUIV="Content Type" content="text/html; charset=win dows 1251">
Указание типа документа и его кодировки. В России в основном windows 1251.
Если содержание Вашей страницы часто меняется, то вставьте следующие два тэга:
<META NAME="Document state" CONTENT="Dynamic">
<META NAME="Revizit after" CONTENT="10 days">
484 |
Приложения |
|
|
|
|
Робот будет переиндексировать вашу страницу каждые 10 дней. Периодичность можете выбрать сами.
Если страница изменяться не будет, вставьте:
<META NAME="Document state" CONTENT="Static">
Мета тэг от известного белорусского web дизайнера Сергея Оси
пова:
<META HTTP EQUIV="Pragma" CONTENT="no cache">
или:
<META HTTP EQUIV="no cache">
или:
<META HTTP EQUIV="Cache Control" CONTENT="no cache">
или:
<META HTTP EQUIV="Expires" CONTENT="Wed, 2 Mar 1996 00:00:05 GMT">
Контроль кэширования для HTTP/1.0. Страницы с этими тэгами не будут кешироваться браузерами. Незаменимы при выдаче результатов работы скриптов.
<METAHTTP EQUIV="Content Language" CONTENT="en,ru">
Этот тэг отвечает за язык, использованный на странице. В данном случае это русский и английский.
<META HTTP EQUIV="Refresh" CONTENT="5; URL=page.html">
Этот тэг через 5 секунд загрузит страницу page.html в текущем ок не браузера. Это то, что называют "редиректом".
<META HTTP EQUIV="Keywords" CONTENT="Ключевые слова.">
Ёще один тэг с ключевыми словами.
<META NAME="Classification" CONTENT="Классификация.">
Тэг отвечает за аудиторию, на которую направлен сайт. Например
Web Masters.
<META NAME="Robots" CONTENT="index, follow">
Этот тэг отвечает за управление поисковыми роботами. Вот, какие могут быть значения CONTENT:
index — индексировать эту страницу.
Приложения |
485 |
|
|
|
|
follow — индексировать страницы на которые есть ссылки с
этой странице.
all — эквивалентно двум предыдущим через запятую.
noindex — не индексировать страницу, но идти по ссылкам.
nofollow — индексировать, но не идти по ссылкам.
none — эквивалентно двум предыдущим через запятую. По умолчанию CONTENT="index, follow".
<META NAME="author" content="Автор">
Тэг, в который вы можете вписать своё имя, название студии, или ваш e mail. Формат произвольный.
<META HTTP EQUIV="Reply to" content="spam@sitemaker.ru">
Тэг для указания адреса электронной почты автора.
<META NAME="Copyright" content="Авторские права">
Описание авторских прав на документ. Формат произвольный.
Хостинг
Бесплатный хостинг Американский 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
486 |
Приложения |
|
|
|
|
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/
Бесплатная регистрация в поисковиках
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
Приложения |
487 |
|
|
|
|
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/
Лучшие русскоязычные хостинг серверы
H1.ru
Предоставляют очень качественный хостинг, с очень большими возможностями. Неограниченное пространство, нужно только доказать его необходимость. Единственный недостаток — их банер на каждой ва шей странице. Но множество достоинств (таких как FTP, CGI, сервер ные логи, почтовый адрес, поддержка DNS), с лихвой его покрывают.
488 |
Приложения |
|
|
|
|
By.ru
Новый, набирающий силу хостинг. Пока для новых проектов — неограниченное место + нет рекламы (оставляют за собой право на ее размещение). CGI нет, но зато есть поддержка SSI(!) FTP, гостевая кни га и т.д. Существует программа партнерского хостинга (полный набор услуг платного хостинга), в которую вступить практически невозможно (требуют 1000 уникальных посетителей в сутки).
Webservis.ru
Тоже относительно новый сервис с огромным количеством услуг. Неограниченное пространство, поддержка CGI, но в скрипты обязатель но нужно вставлять их банеры, большое количество разных услуг для об легчения сложной жизни web мастера. Если вам не нужна поддержка скриптов, то банеры размещать не обязательно. Интересные домены: имя.bos.ru, имя.al.ru и еще несколько доменов, дают почту (например, имя@bos.ru = любое@имя.bos.ru).
Lgg.ru
Bозрождение старого интересного проекта, дают 30 Мб, поддерж ка cgi, mySQL, php4; их банеры устанавливать не обязательно. Возмож ность создать 3 субдомена сайта (друг.мойсайт.lgg.ru) и дать ему свой от дельный e mail (5 штук всего). Устойчивость еще неизвестна, но скорость высокая. Если ваш проект будет посещаемым, то дают домен второго уровня.
Hut.ru
Kачественный, профессиональный хостинг. Поддержка всего. Нужно устанавливать их банер 486х60 (но можно договорится самим ус танавливать). Абсолютно те же условия, что и у Н1, даже сами правила как будто переписали у известного хостера!
Narod.ru
Широко известный сервер. Много Мб. FTP, Почта. CGI нет, но много разных примочек (гостевые книги, анкеты, чаты, форумы, счётчи ки и прочее). Рекламы нет, но оставляют за собой право на её размеще ние. Подходит для начинающих.
Boom.ru
Мало чем отличается от Narod'a. 50 (может уже больше) Мб, FTP. CGI нет. Примочек не так много, но быстро развивается. Рекламы нет, но оставляют за собой право на её размещение.
Приложения |
489 |
|
|
|
|
Newmail.ru
Аналог 2 х предыдущих серверов. 32 Мб, FTP, почта. CGI нет. Рекламы нет, но оставляют за собой право на её размещение. Если вы житель Москвы, для вас доступ на сервер по обычному телефонному но меру.
Sunday.ru, Tam.ru, Zk.ru, Home.c99.ru
Четыре аналогичных сервиса. Предоставляют 100 Мб места. На бор готовых к установке скриптов. Открыли новый сервер, позволяю щий размещать cgi скрипты. Рекламы нет.
Diaspora.ru
Web портал «Планета Диаспора» предоставляет место для интересных проектов. Мегабайты роли не играют. FTP, CGI, Почта. Рек лама есть, но ограничиваются всего несколькими банерами. Хорошо ра ботает служба поддержки.
Chat.ru
Дают адрес chat.ru/имя или имя.chat.ru. Гостевая и другая мелочь, очень средний сервер, поддержки cgi нет. Дают майл адрес.
Каталог бесплатного хостинга
Сайт |
Язык |
Размер |
AGAVA |
Russian |
999 |
AngelCities |
English |
15 |
Angelfire |
English |
30 |
AOL |
English |
12 |
Barry's World |
English |
20 |
Bobsville |
English |
2,5 |
Boom.Ru |
Russian |
50 |
Bootbox |
English |
10 |
BurgeNet |
English |
20 |
By.ru |
Russian |
999 |
CFM resources |
English |
30 |
Chat |
Russian |
20 |
Cheatman |
English |
999 |
490 |
|
Приложения |
|
ClassicGaming |
English |
999 |
|
Cool Free Pages |
English |
50 |
|
Cybercities |
English |
25 |
|
Demented |
English |
20 |
|
Digitalrice |
English |
5 |
|
DomainDLX |
English |
15 |
|
Easyspace |
English |
25 |
|
Eccentrix |
English |
15 |
|
EGAO |
English |
50 |
|
Finitesite |
English |
15 |
|
FortuneCity |
English |
100 |
|
FreeHomepages |
English |
5 |
|
FreeServers |
English |
20 |
|
Freewebfile |
English |
50 |
|
GameDummys |
English |
25 |
|
Geocities |
English |
15 |
|
Graffiti |
English |
20 |
|
Grlspace |
English |
10 |
|
HealthBlast |
English |
15 |
|
HostUltra |
English |
999 |
|
HotyellowCity |
English |
15 |
|
Idlecity |
English |
20 |
|
Imbri |
English |
20 |
|
Infhost |
English |
5 |
|
IntelCities |
English |
3 |
|
JoinMe |
English |
5 |
|
KM.RU |
Russian |
999 |
|
Live Domain |
English |
20 |
|
Приложения |
491 |
492 |
Приложения |
|||
|
|
|
|
|
|
|
LiveUniverse |
English |
0,5 |
MainQuad |
English |
15 |
Megspace |
English |
50 |
MixHost |
English |
25 |
MSN |
English |
12 |
Narod.Ru |
Russian |
999 |
Nerdcities |
English |
100 |
Netcolony |
English |
35 |
Netomia |
English |
60 |
Netscape |
English |
11 |
NewMail.Ru |
Russian |
32 |
Onenet |
English |
10 |
Ournet |
English |
2 |
Phatstart |
English |
5 |
PHP50 |
English |
50 |
Polbox |
English |
2 |
Power Serve |
English |
5 |
Qwikpages |
English |
100 |
Real Hosting |
English |
20 |
Rediff |
English |
10 |
RedRival.com |
English |
20 |
Rootsweb |
English |
100 |
Russian Zone |
Russian |
999 |
SDF |
English |
10 |
Searchalot |
English |
10 |
Sitepalace |
English |
8 |
Solcities |
English |
5 |
Southhosting |
English |
2 |
Space Towns |
English |
50 |
Spaceports |
English |
10 |
SpanCity |
English |
999 |
Sphosting.com |
English |
25 |
Spree |
English |
999 |
Starving art |
English |
5 |
Stas |
English |
999 |
StaticFree |
English |
10 |
Stormloader |
English |
20 |
T35 |
English |
35 |
TalkCity |
English |
12 |
Telefragged |
English |
999 |
Terrashare |
English |
25 |
TheDeck |
English |
1 |
TheGeekHost |
English |
20 |
Thirdage |
English |
9 |
TimeCities |
English |
15 |
Tiscali.cz |
English |
10 |
Topcities |
English |
50 |
Tripod |
English |
50 |
Tripod UK |
English |
12 |
U build it |
English |
10 |
Ugo |
English |
12 |
UnoDosTres |
English |
2 |
Vavo |
English |
999 |
Verica |
English |
50 |
VGF.com |
English |
100 |
Viaduk |
English |
5 |
Приложения 493 494 Приложения
Virtue |
English |
5,5 |
Краткий словарь Интернета |
|
Web1000 |
English |
50 |
Active Channel |
|
Webpagebiz |
English |
3 |
||
Узел Web, автоматически поставляемый на рабочий стол пользо |
||||
WebSamba |
English |
30 |
||
вателя. |
||||
Webservis.ru |
Russian |
100 |
Active Desktop |
|
|
|
|
||
WebSiteForFree |
English |
7,5 |
Интерфейс, интегрированный с рабочим столом Windows и обо |
|
WhoWhere |
English |
5 |
зревателем Microsoft Internet Explorer. |
|
|
||||
Wigloo |
English |
5 |
ActiveMovie |
|
Технология цифрового видео, позволяющая через Web просмат |
||||
Women |
English |
5 |
||
ривать файлы AVI, QuickTime или MPEG. |
||||
|
|
|
||
Worldzone |
English |
100 |
ActiveX |
|
|
|
|
||
Xism |
English |
20 |
Термин программного интерфейса технологии Microsoft, позво |
|
X Mail |
English |
20 |
ляющей разработчикам создавать интерактивное содержимое для WWW, |
|
а также для компонентов программного обеспечения, написанных на |
||||
Xoing |
English |
20 |
||
различных языках. Основные элементы технологии ActiveX — COM и |
||||
Xoom |
English |
999 |
DCOM. |
|
|
||||
Yoogo |
English |
15 |
Address |
|
YourOwnSpace |
English |
5 |
Уникальный код с информацией, находящейся в файле конкрет |
|
ной сети. |
||||
|
|
|
||
Yourwebhome |
English |
50 |
Anchor |
|
YouthofAmerica |
English |
20 |
||
То, что собственно, и образовывает гипертекстовую ссылку. |
||||
|
|
|
||
Zcities |
English |
1 |
Anonymous |
|
Zenation |
English |
50 |
||
Один из методов получения доступа к той или иной информации. |
||||
|
|
|
||
ZoomGo |
English |
20 |
Вы можете только копировать файлы, передавать свои — нет. |
|
Zy |
English |
10 |
ANSI |
|
|
|
|
American National Standards Institute. |
Выделенный канал
Постоянное соединение, всегда позволяющее передать поток ин формации от одного компьютера к другому.
Authorization
Право, которое дается пользователю на тот или иной ресурс ком пьютерной системы.
Приложения |
495 |
|
|
|
|
BBS
Bulletin Board System. Тип компьютерного сервиса. Юзеры могут читать и публиковать различные сообщения. Передавать или скачивать файлы.
Big mail
Электронная почта огромных размеров. Передается некоторыми сволочами в качестве мести.
Bookmark
Закладка. Файл Gopher или WWW. Информация в этом файле раз мещена так, что получить доступ к желаемой странице можно без допол нительного серфинга.
Browser
Нечто, похожее на графический интерфейс. Позволяет блуждать по той или иной сети, или искать себе на определенное место приключе ний.
Bullet
Маркер. Элемент оформления текста. Например, маленький круг, квадрат, звездочка.
Character Set
Символы, которые объединены в определенную группу. Напри мер, ASCII.
Character
Любой символ, введенный с клавиатуры в компьютер.
Chart
Диаграмма. Рисунок, показывающий взаимодействие тех или иных данных.
Check Box
Флажок в виде крестика. Один из многочисленных элементов гра фической операционной системы. Позволяет включать или отключать то или иное действие.
CompuServe
Коммерческая компьютерная сеть США.
496 |
Приложения |
|
|
|
|
Cookies
Технология, позволяющая сохранять сугубо индивидуальную ин формацию о пользователе сети.
Cracker
Хакер, который ломает программы + «делает лекарства».
Cybermall
Электронный магазин.
Cyberpunk
Самоутвержденный хакер.
DejaNews
Ищем новости в конференциях Usenet по ключевому слову, авто ру статьи или по адресу. Доступ через http://www.dejanews.com.
DNS
Domain Name System. Доменная система адресации. Нечто, похо жее на базу данных и конвертирующее буквенное сетевое имя в набор цифр. Этот набор цифр является числовым адресом Интернет. Понятен только компьютерам и некоторым фанатам с шизофренической памя тью.
Domain Name Server
Имя сервера домена. Каждое подразделение Интернет имеет два домена. Основной DNS обычно располагается на сетевой машине. DNS
— сервера используют в своих обращениях к удаленным узлам 32 — бит ные адреса IP, мнемонически заключенные в четырехразрядную буквен ную комбинацию. Любой хост может получить соответствующий DNS у ближайшего информационного сервера DNS по известной системе Domain Name Server через сетевой протокол DNS. Просто хост посылает запрос на известный IP — адрес DNS — сервера свой IP — адрес и имя сервера. Сервер DNS штудирует собственную базу данных, находит IP — адрес и отправляет на хост соответствующий ответ DNS. Схема весьма примитивная. Если же сервер DNS не находит искомую буквенную ком бинацию, то он отсылает запрос на так называемый корневой сервер, ко торый, в свою очередь, сверяет информацию с файлом настроек root.cache. Так происходит до тех пор, пока имя хоста не будет найдено в Интернет.