Вопросы и ответы

Что такое HTML и какие есть редакторы для HTML?

Для установления соединения с удаленным сервером используется сетевой адрес компьютера, который называется универсальным указателем ресурса — URL (Uniform Resource Locator). В ответ сервер посылает документы в формате HTML.

HTML — HyperText Markup Language — язык разметки гипертекста. Документы на языке HTML, также называемые web-документами, позволяют пользователю, указав на выделенное слово или фразу, получить доступ к файлу или перейти на другой HTML-документ, который связан с указанным участком текста гиперссылкой. Такие гипертекстовые связи между файлами и документами, расположенными на серверах по всему миру, позволяют системе работать так, как будто она представляет собой огромную паутину информации.

Существует два типа редакторов — так называемые WYSIWYG (What You See Is What You Get) и редакторы, работающие напрямую c HTML. Если вы чайник в HTML, то вам помогут следующие редакторы:

• FrontPage

• FrontPad

• Netscape Editor (Composer)

• Hot Metal — мощный, но тормозной

• Word 97

• HomePage Publisher for OS/2 (http://ourworld.compuserve.com/homepages/clerin/)

• Macromedia DreamWeaver

Не рекомендуем ими пользоваться если вы серьезно занялись HTML-дизайном, лучше купите книгу по HTML и пользуйтесь со следующим типом редакторов:

• Notepad (c:\windows\notepad.exe)

• Текстовый редактор в DOS Navigator/NC/etc

• HTML Pad

• Hot Dog

• HTMLed32 (http://www.ist.ca/) HomeSite (http://www.allaire.com)

А какой редактор лучший?

HomeSite! Некоторым больше нравятся более простые, такие как notepad, htmled.

Как заставить HS4 не заменять русские буквы на непонятные символы?

Settings/Tag Help/Automatically convert special characters = off

Как сделать так, что бы картинки и/или текст с моей странички никто не мог украсть (скопировать)? Никак.

Как зарегистрироваться на Geocities? При регистрации вы получаете:

• 6Mb свободного пространства

• Бесплатный e-mail адрес

• Удобный FileManager

• Доступ по FTP

Для начала вам надо занять свободный виртуальный «домик» в Geocities.

• Войдите на http://www.geocities.com/neighborhoods и выберите нужное вам направление (например, если на вашей страничке будет информация о «железе», софте, то выбирайте SiliconValley).

• Далее в полученном окне нажмите: join this neighborhood

• Теперь вы должны выбрать свой будущий адрес. Найдите свободный «домик» (vacant) (Там будет написано сколько и где их свободно). Совет: Выбирайте то место, где больше свободных «домов», т.к. во время оформления регистрационной карточки у вас могут перехватить адрес другие желающие). Появится улица с домиками. Выбирайте свободный (с надписью vacant). Действовать надо очень быстро, т.к. «домик» могут перехватить. Теперь вам надо заполнить регистрационную карточку. Все, что не помечено красной звездочкой (*) можно не заполнять.

• В строке membername укажите ваше имя в Geocities (так же будет выглядеть новый e-mail адрес (<membername> @geocities.com). После заполнения карточки нажмите кнопку Submit. Теперь вы получили «домик», и вам надо «заселить» его в течение двух недель, иначе его освободят для других желающих. Пароль вам пришлют по почте.

Как отослать страничку на сервер Geocities?

Чтобы отослать вашу страничку на Geocities, проделайте следующее:

Зайдите на

http://www.geocities.com/members/tools/file_manager.html

• Для оправки файлов вам понадобится Internet Explorer или Netscape Navigator.

• Введите ваш membername и пароль и нажмите кнопку Submit.

• В следующем окне в EZ File Upload нажмите Browse... и выберите те файлы, которые надо послать. Нажмите Upload Files.

• После перекачки файлов откроется окно с осведомлением.

• Все! Для проверки откройте вашу страницу на Geocities.

Как установить счетчик посещений? Для www.geocities.com

• Вставьте в вашу страничку тэг <IMG SRC=/cgi-bin/counter/member> где member — ваше имя пользователя.

• Затем идите на http://www.geocities.com/cgi-bin/counter/

member.password где вместо member — ваше membername, а вместо password — пароль на Geocities.

Это самый простой счетчик без статистики.

Также вы можете взять другие счетчики на:

• SuperStats (http://www.superstats.com)

• NedStat (http://www.nedstat.nl)

• FreeStats (http://www3.freestats.com)

• Peresvet (http://www.peresvet.net)

• Lanka (http://lankaonline.com/public/counter)

• PagaCout (http://www.pagecount.com)

• Dux (http://counter.dux.ru)

• Dino (http://counter.bloke.com)

• SiteFlow (http://www.siteflow.com)

• ICount (http://www.icount.com)

• Aaddzz (http://www.aaddzz.com/pages/counters)

• SiteStat (http://www.site-stats.com)

• Ranker (http://www.ranker.ru)

• Заходим на www.ranker.ru/add.asp

• Читаем правила, соглашаемся

• Заполняем регистрационную форму (Ranker FAQ находится по адресу: www.ranker.ru/faq.asp — рекомендуем прочитать перед заполнением формы)

• Кликаем на кнопке Submit.

• Вам покажут код, который вы должны вставить в страничку. Также его пришлют вам на e-mail

• Rambler (http://www.rambler.ru/top100)

• Заходим на www.rambler.ru/top100

• Кликаем Add Site (там на картинке нарисованы кнопки)

• Прочитайте правила и нажмите кнопку внизу (не нажимайте дважды)

• Заполните регистрационную форму и нажмите кнопку Зарегистрироваться.

• Теперь вы получите HTML код для вашей странички по e-mail

• Вставьте этот код в страничку.

• The Counter (http://www.thecounter.com)

• У них вместо картинки надо вставить скрипт в страничку... за то они присылают еженедельно отчеты о каждом дне.

Как создать прозрачную графику?

Для создания прозрачной графики вам понадобится графический редактор, например Adobe Photoshop.

• Откроем файл

• Закрасим всю область, которую надо сделать прозрачной в один цвет

Image ➪ Mode ➪ Indexed Color

• Сохраним его в формате GIF89a: File Export ➪ GIF89a Export...

• Пипеткой выделим тот цвет на рисунке который надо сделать прозрачным.

• Кликаем OK

Как создать «чересстрочную» графику?

Для создания чересстрочной графики вам понадобится графический редактор, например Adobe Photoshop. Если вы хотите, чтобы ваши GIF'ы загружались постепенно, т.е. сначала появлялось расплывчатое изображение, потом четче и т.д., (кажется, что картинки загружаются быстрее), то проделайте следующее:

• Откроем файл File ➪ Open

• Сохраним его в формате GIF89a: File Export ➪ GIF89a Export... Hе забудьте проверить, стоит ли галочка на Interlace

• Кликаем OK и сохраняем файл.

Как создать анимации?

Картинки для анимаций можно делать в Photoshop, LViewPro.

Сами анимации. Запустите мастер в Gif Construction Set: File ➪ Animation Wizard... и кликните Next и еще раз Next. Если вы хотите, чтобы ваша анимация после выполнения остановилась, то выбирайте Animate once and stop, а если хотите, чтобы она постоянно работала — Loop Indefinitely и кликайте Next.

Далее выберите качество изображения (фотореалистичное, рисованное) Next. Теперь надо выбрать промежуток времени между сменой кадров Next.

• Теперь выбираем GIF'ы для анимации Next

• Кликаем Done

• Сохраните File ➪ Save As...

• Для проверки нажмите View или запустите анимацию в браузере.

Можно ли сделать домен? Да!

• Заходим на http://members.ml.org и нажимаем SIGNUP

• Теперь надо заполнить регистрационную карточку.

• Пароль и логин вам пришлют по почте.

• Теперь возвращаемся на начальную страницу и нажимаем LOGIN

• Вводим логин и пароль

• Теперь в новом окне нажимаем Login (внизу)

• В новом окне нажимаем /HOME, далее New Host и задаем параметры нового домена. Вы можете выбрать ваше_имя.home.ml.org или ваше_имя.base.org.

• В графе URL укажите ваш прежний адрес.

• Поставьте точку на I Agree with... и нажмите Submit

• Все! Через несколько минут проверьте работает ли домен.

Как сделать, чтобы при нажатии на ссылку, загружалась бы другая страничка?

<A HREF="http://www.server.com">Здесь ваш текст</A>

Как сделать, чтобы при нажатии на ссылку, появлялся бы бланк отправления сообщения?

<A HREF="mailto:yourname@server.com">Здесь ваш текст</A>

Можно добавить автоматическое подставление строки Subject:

<A HREF="mailto:yourname@server.com?Subject=ваш_subj">Здесь ваш текст</A>

Как сделать, чтобы при нажатии на картинку, делалось одно из выше перечисленного?

<A HREF="http://www.server.com"><IMG SRC="URL_вашей_картинки"></A>

Как сделать, чтобы при нажатии на ссылку, она открывалась в другом окне?

<A HREF="http://www.server.com" TARGET="_blank">Здесь ваш

текст</A>

или

<A HREF="http://www.server.com" TARGET="_new">Здесь ваш текст</A>

Как сделать, чтобы при наведении мышки на ссылку, выдавался мой текст, а не "http://www.server.com/Firma/Name/1234/...."?

<A HREF="http://www.server.com" onMouseOver="window.status='мышка на ссылке';return true" onMouseOut="window.status='мышка за преде-ламиссылки'; return true">Здесь сама ссылка</A>

Как подавить подчеркивание ссылок? В <head></head> вставьте кусок:

<style>

a.noneline text-decoration: none;

</style>

В <a href..> впишите:

<a href=url class="noneline">

Как сделать, чтобы при нажатии на ссылку, в одном фрейме, она открывалась в другом?

<A HREF="file.htm" TARGET="название_фрейма">

Как сделать, чтобы фреймы открывались в том же окне, но поверх других фреймов?

<A HREF="file.htm" TARGET="_top">

Как сделать, чтобы при нажатии на ссылку, она открывалась в новом окне?

<A HREF="file.htm" TARGET="_blank">

или

<A HREF="file.htm" TARGET="_new">

Как сделать, чтобы при нажатии на ссылку, она открывалась в том же фрейме?

<A HREF="file.htm" TARGET="_self">

Как сделать, чтобы при нажатии на ссылку менялось содержимое двух фреймов?

а) <A HREF="file.htm" onclick="top.frames[2].location='newframe2'; onclick="top.frames[3].location='newframe3';">text</A>

Где цифра в frames[x] — номер изменяемых фреймов.

б) <A HREF="newframes" TARGET="_top">text</A>

Где newframes содержит тот же фреймсет, но с измененными фреймами.

Как сделать, чтобы нельзя было изменять размер фрейма/ растягивать?

Добавить в описание фрейма noresize

Пример:

<frame name="test" frameborder="yes" scrolling="auto" noresize>

Как определить, что юзер открыл страницу не в фрейме, а ее надо смотреть в фрейме?

а) Пользователю предлагают перейти на главную страницу.

<SCRIPT LANGUAGE="JavaScript">

<!--

if (self.parent.frames.length == 0)

document.writeln("Best view with<A HREF="index.html">main

frame</A>");

// -->

</SCRIPT>

б) Сразу грузится главный фрейм.

<SCRIPT LANGUAGE="JavaScript">

<!--

if (self.parent.frames.length == 0)

self.parent.location="index.htm";

// -->

</SCRIPT>

Как убрать 1 пиксел между фреймами в Netscape?

marginweight=0 marginheight=0 в <body> теге зафpейменных стpаниц.

Именно в <body>!

Что такое таблицы?

Таблица начинается и заканчивается тэгами <TABLE></TABLE>. Не забывайте закрывать ее, а то некоторые браузеры не покажут ее содержимое. Опции:

• <TR></TR> — Table Rows. Строка таблицы. Если в таблице содержатся два набора тэгов <TR> и </TR>, в ней будут две строки. Весь текст, графику, другие таблицы и атрибуты, которые вы хотите поместить одну строку, должны быть помещены между тэгами <TR> и </TR>.

• <TD></TD> — Внутри таблицы размещаются ячейки с данными. Каждая ячейка, содержащая текст или графику должна быть заключена в тэги <TD></TD>.

• <TH></TH> — Table Header. Заголовок таблицы. По умолчанию текст между тэгами <TH> и </TH> записывается жирным шрифтом и располагается по середине ячейки. Центрирование можно отменить и выровнять текст по левому или правому краю — <ALIGN=LEFT> и <ALIGN=RIGHT>.

• NOWRAP — Чтобы текст, не помещающийся в одну строку, не переходил на следующую используйте данный атрибут (для <TH></TH> и <TR></TR>).

• COLSPAN=xx — Соединение столбцов. Если вы хотите, сделать какую-нибудь ячейку шире, чем верхняя или нижняя, используйте данный атрибут. (Укажите на сколько ячеек надо «растянуть» данную ячейку — COLSPAN)

• ROWSPAN= — Аналогичен COLSPAN, только он задает число строк, на которые растягивается ячейка.

• WIDTH= — Применяется в двух случаях. Можно поместить его в тэг <TABLE> для задания ширины всей таблицы, а можно в тэгах <TR></TR> или <TH></TH> для задания ширины ячейки или группы ячеек.

• CELLPADDING= — Определяет ширину пустого пространства между содержимым ячейки и ее границами, т.е. задает поля внутри ячейки.

• ALIGN= — Выравнивание текста или графики в ячейке по горизонтали (LEFT, RIGHT, CENTER, JUSTTIFY).

• VALIGN= — Выравнивание текста или графики в ячейке по вертикали (TOP, BOTTOM, CENTER, BASELINE).

• <CAPTION></CAPTION> — Заголовок таблицы. Центрируется по умолчанию

• BORDER= — Рамка таблицы.

• CELLSPACING= — Атрибут определяет ширину промежутков между ячейками (по умолчанию — 2pix)

• BGCOLOR="" — Фоновый цвет таблицы.

• BORDERCOLOR= (IE) — Цвет линий, обрамляющих таблицу или ячейку.

• BORDERCOLORDARK= BORDERCOLORLIGHT= — Атрибуты для создания трехмерных таблиц.

Пример:

<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 HEIGHT="1" BORDERCOL-OR="#33CCFF" bordercolordark="#33CCFF" bordercolorlight="#33CCFF"> <CAPTION>TABLE</CAPTION> <TR BGCOLOR="#000099"> <TD WIDTH="400"> <BR> </TD> </TR>

<TR BGCOLOR="white"> <TD WIDTH="400"> <BR> </TD> </TR> </TABLE>

Как используется тэг <META>?

<META> используется в рамках тэга <HEAD>, чтобы указать какую-либо полезную информацию, не определяемую другими HTML документами. В частности некоторые поисковики индексируют страницу этим тэгам.

Формат:

<META HTTP-EQUIV="имя" CONTENT="содержимое"> или <META NAME="имя" CONTENT="содержимое"> Атрибуты и их аргументы:

• HTTP-EQUIV="Content-Type" – Указывает тип документа. Можно вдобавок указать кодировку документа. Ho с этим будьте аккуратны. <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=WIN-1251">

• HTTP-EQUIV="Refresh" – Время, через которое браузер автоматически обновит документ. Можно сделать автоматическую загрузку другой странички.<META HTTP-EQUIV="Refresh" Content="5; URL=http://www.server.com/"> Через 5 секунд начнется загрузка указанного URL. Если не хотите ждать, пишите Content="0; URL=...">

• NAME="KeyWords" – Поисковые машины смотрят наличие этого параметра, за которым идет слово CONTENT="<words>", где <words> — слова, на которые ваша страничка ориентирована. Например, ваша страничка посвящена фильму «Титаник»:<META NAME="KeyWords" CONTENT="Titanik, Dion"> Ha ключевое слово Titanik, поисковик выдаст ссылку на вашу страничку.

• NAME="Description" – В поле CONTENT="<word>" — описание вашей странички. <META NAME="Descripton" CONTENT="My Home Page"> NAME="GENERATOR" Обычно вставляется редакторами WYSIWYG (FP'98). Совершенно необязателен.

Вот что вставляет Netscape Composer:

<META NAME="GENERATOR" CONTENT="Mozilla/4.03 [en] (Win95; I)

[Netscape]">

Пример использования:

<HEAD>

<META NAME="Description" CONTENT="ЗУБЫ HomePage">

<META NAME="KeyWords" CONTENT="Teeth, Director">

<META NAME="GENERATOR" CONTENT="Microsoft Notepad">

<TITLE>ИЧП "ЗУБЫ"</TITLE>

</HEAD>

В чем отличия <b> и <strong>, <i> и <em>?

<b> и <i> — тэги физического выделения, то есть вы принудительно заставляете выделять текст полужирным или наклонным шрифтом. <strong> и <em> — тэги логического выделения, то есть каждый браузер может по своему выделить текст внутри этих тэгов.

Как разместить картинку в центре экрана? Можно сделать ее в таблице:

<table width="100%" height="100%"> <tr>

<td align="center" valign="middle">

<img src="kartinka.gif">

</td

</td

</table>

Как сделать неподвижный фон(background)?

Это расширение для IE 3.01 и позже. Ha навигаторе и старых версиях IE не работает.

<BODY BACKGROUND="URL_вашей_картинки" BGPROPERTIES="FIXED">

Как вставить музыку в html файл?

Просто вставьте данный скрипт в вашу страничку:

<SCRIPT LANGUAGE="JavaScript"><!-- Hide the script from old

browsers

function BGSound()

// find out what browser it is

var Cmd = " "

var Brwsr = window.navigator.appName

if (Brwsr == "Microsoft Internet Explorer")

// Use BGSOUND for MSIE

Cmd = "<BGSOUND SRC=" + "music.mid" + ">"

else

// Everyone else gets EMBED

Cmd ="<EMBED SRC='music.mid' HIDDEN=TRUE>"

return Cmd

// do it!

document.write(BGSound())

// end hiding here -->

</SCRIPT>

Как сделать так, чтобы при наведении мышки на текст с ссылкой, он (текст) поменял цвет?

Вставьте данный скрипт в вашу страничку:

<SCRIPT language="JScript">

<!--

ua=navigator.userAgent;

v=navigator.appVersion.substring(0,1);

if ((ua.lastIndexOf("MSIE")!=-1) && (v!='1') && (v!='2') &&

(v!='3')) document.body.onmouseover=makeCool;

document.body.onmouseout=makeNormal;

function makeCool()

src = event.toElement;

if (src.tagName == "A") src.oldcol = src.style.color; src.style.color = "FF0000"; function makeNormal() src=event.fromElement; if (src.tagName == "A") src.style.color = src.oldcol; //--> </SCRIPT>

Как сделать неподчеркнутые ссылки? Вставить в <head> вот такой кусок:

<STYLE type="text/css">

<!--

A:link text-decoration: none;

A:visited text-decoration: none;

A:active text-decoration: none;

A:hover text-decoration: none;

-->

</STYLE>

Как сделать кнопку «Back»?

<a href="javascript:history.back()">Hазад</a>

Что такое «форма»?

Форма начинается и заканчивается тэгами <FORM>, она может содержать различные поля и кнопки.

Формат:

<FORM ACTION="URL" METHOD="GET/POST">

....

</FORM>

В поле ACTION — адрес программы, которая будет запущена по нажатию кнопки Sumbit(срабатывание формы). Поле METHOD может принимать одно из двух значений: GET или POST. GET — введенная пользователем информация помещается в конец URL.

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

POST — информация от пользователя вливается в общий поток данных

Что такое «разворачивающиеся списки»? Формат:

<SELECT NAME="name">

<OPTION SELECTED>Text_1</OPTION>

<OPTION>Text_2</OPTION>

<OPTION> ...... </OPTION>

<OPTION>Text_N</OPTION>

</SELECT>

NAME — уникальное имя элемента. Каждый элемент должен иметь уникальное имя, чтобы при получении введенной пользователем информации. <OPTION></OPTION> — добавляет новый элемент списка. Внутри тэга вводится имя этого элемента.

Если у элемента определена опция VALUE, программе-обработчику будет передано указанное значение, иначе — сам текст элемента.

Также один любой элемент может быть исходно выделен. Для этого используется опция SELECTED внутри тега <OPTION>.

Что такое «список со множественным выбором»?

Формат такой же как и у обычного разворачивающегося списка, только в тег SELECT добавляются еще две опции:

<SELECT NAME="name" SIZE="2" MULTIPLE="MULTIPLE"> <OPTION VALUE="1">Text_1<OPTION> <OPTION VALUE="2">Text_2<OPTION> <SELECT>

SIZE — определяет сколько элементов должно одновременно отображаться в списке.

MULTIPLE — указывает, что одновременно можно выбрать более одного элемента из списка.

VALUE — дает команду посылать заданный параметр _вместо_ текста между тэгом <OPTION>.

Что такое «флажки»? Формат: <INPUT TYPE="CHECKBOX" NAME="name" VALUE="value">

Что такое «переключатели»?

Отличие переключателей от флажков в том, что вы можете выбрать только один переключатель из группы name, но любое количество флажков.

Формат:

<INPUT TYPE="RADIO" NAME="name" VALUE="value">

Что такое «текстовые поля»? Формат: <INPUT TYPE="TEXT" NAME="name" SIZE="XX" MAXLENGTH="XX">

MAXLENGTH — указывает максимально возможную длину вводимой строки.

SIZE — видимый размер поля.

Что такое «текстовые области»? Формат:

<TEXTAREA NAME="name" ROWS="XX" COLS="XX"> ROWS — количество строк.

COLS — количество символов в строке.

Что такое «парольные поля»? Формат:

<INPUT TYPE="PASSWORD" NAME="name" SIZE="XX" MAXLENGTH="XX"> Отличие от простого текстового поля только в том, что вводимые

символы на экране не изображаются (заменяются звездочками).

Что такое «скрытые поля»?

Формат:

<INPUT TYPE="HIDDEN" NAME="name" VALUE="value">

Данное поле нужно для передачи параметров программе-обработчику без предоставления пользователю возможности поменять их.

Для чего нужны кнопки Submit & Reset? Формат:

<INPUT TYPE="SUBMIT" VALUE="Отправить"> <INPUT TYPE="RESET" VALUE="Сброс">

По кнопке SUBMIT происходит отправка формы, а по кнопке RESET — сброс в исходное состояние.

Мне нужно, чтобы формы отсылались на мой e-mail. Как это сделать?

а) Если надо отослать одно поле, то подойдет следующая конструкция:

<FORM ACTION="mailto:your@email" METHOD="POST">

б) Если же полей много (имя, фамилия), то надо использовать ха-лявные сервера со скриптами — например, cgi-free. Недостаток — реклама: перекидывает после Послать на страничку с своей рекламой.

<FORM action="http://www.cgi-ree.com/mailer.cgi?your@email; temp.htm" method=POST name="form1">

Здесь your@email — ваш email (на который вышлется), temp.htm — полный адрес к странички благодарности «что вы заполнили форму»

Как использовать «карту»?

Для того, чтобы при нажатии на определенную область картинки происходил переход на один адрес, а при нажатии в другой области — на другой, то проще всего воспользоваться следующей конструкцией:

<IMG SRC="адрес_картинки" USEMAP="#имя_мэпа">

В любом месте html-файла описать сам "мэп"(карту):

<MAP NAME="имя_мэпа"> <AREA элементы> </MAP>

Где «элементы»:

1. SHAPE — очертания области. Принимает значения: RECT, CIRCLE, POLY. По умолчанию RECT.

   1. RECT — прямоугольник. COORDS="x1, y1, x2, y2" x и y задают координаты верхнего левого и нижнего правого углов.

   2. CIRCLE — круг. COORDS="x0, y0, r" x0 и y0 — координаты центра. r — радиус.

   3. POLY — многоугольник. COORDS="x1, y1, x2, y2, x3, y3..." x и y — координаты вершин.Все координаты указываются в пикселах, за исключением случаев COORD="0,0,50%, 100%" (в процентах).

2. COORDS — координаты области. Форма, определяемая SHAPE.

3. HREF — адрес документа (URL)

4. NOHREF — означает, что этот регион не действует. Используйте его — когда хотите «вырезать» область.

5. ALT — текстовое описание области. Используется для того, чтобы показывать текстовые метки, которые могут высвечиваться в строке статуса, когда мышь или другое устройство управления курсором находится над горячей зоной, или же для создания текстовой строки для неграфической программы просмотра.

Обратите внимание, что при описании «мэпа» пишется просто имя_мепа, а при описании картинки пишется #имя_мэпа. Пример:

<IMG SRC="Stamp.GIF" HEIGHT=168 WIDTH=173 USEMAP="#m1"> <map name="m1">

<area href="file1.htm" shape=rect coords="0,0,50,50"> <area href="file2.htm" shape=circle coords="50,0,100"> </map>

Так же можно воспользоваться специальными программами для нарезки мэпов.

Как отформатировать текст по ширине? <p align="justify"> text </p>

Как изменить абзацный отступ?

<p style="text-indent: 15pt">... Абзац ...</p>

Как можно изменить параметры <hr>?

• SIZE=xx — Атрибут указывает высоту линии.

• WIDTH=xx — Пикселы или проценты. Длина линии.

• ALIGN=word — Выравнивание (CENTER, LEFT, RIGHT).

• NOSHADE — Атрибут для создания линий без тени.

• COLOR=word — Имя цвета или #RRGGBB. Цвет линии. Работает только в IE.

Тэг <HR> можно (но не нужно) использовать для создания окружностей:

<HR NOSHADE SIZE=100 WIDTH="1%"> (SIZE — диаметр)

Примеры:

<HR COLOR="red" NOSHADE SIZE=1 WIDTH="90%">

<HR COLOR="#cdef1a" SIZE=2 WIDTH="500" ALIGN=CENTER>

Как определить разрешение у юзера и в зависимости от разрешения посылать на разные страницы?

<html>

<head>

<script language="JavaScript">

var height=0;

var width=0;

if (self.screen) // for NN4 and IE4

width = screen.width

height = screen.height

else if (self.java) // for NN3 with enabled Java

var jkit = java.awt.Toolkit.getDefaultToolkit();

var scrsize = jkit.getScreenSize();

width = scrsize.width;

height = scrsize.height;

</script>

</head>

<body>

<script language="JavaScript">

<!--

if (width == 800 && height == 600)

location.href = "800x600.htm"

else if (width == 640 && height == 480)

location.href = "640x480.htm"

else

location.href = "unknown.htm"

//-->

</script>

</body>

</html>

Как сделать автоматическую надпись «Последнее обновление»? Вставьте в страничку следующий текст:

Последнее обновление:

<SCRIPT LANGUAGE="JavaScript"><!--

document.writeln(document.lastModified)

// --></SCRIPT>

Как сделать так, чтобы при наведении мышки на картинку-ссылку, картинка изменилась?

<SCRIPT LANGUAGE="JavaScript">

<!--//

* if (navigator.appName == "Netscape" &&

parseFloat(navigator.appVersion)

>= 3.0) roll = 'true';

* else if (navigator.appName == "Microsoft Internet Explorer" && parseFloat(navigator.appVersion) >= 3.0) roll = 'true'; else roll = 'false';

function over(img,ref) if (roll == 'true') document.images[img].src = ref; function out(img,ref) if (roll == 'true') document.images[img].src = ref; if (roll == 'true') a1=new Image;a1.src="over.gif"; a2=new Image;a2.src="out.gif"; aX=new Image;aX.src="image.img" //--> </SCRIPT>

a1,a2,.. — так подгружаем картинки нажатой и ненажатой кнопок. Не забудьте про это!

Затем прописывайте картинку-ссылку:

<A HREF="URL" onmouseover="over('mover','over.gif');" onmouseout="out('mover','out.gif');"><IMG SRC="out.gif" NAME="mover"></A>

Здесь mover — имя картинки, необходимо чтобы java-скрипт знал какую картинку менять. У каждой картинки должно быть свое имя.