Советы начинающим.
Автоматическая
пересылка на страничку
Используйте html файл приведенный ниже для
пересылки со странички на другую страничку без вопросов у пользователя (надписи
отмеченные жирным необходимо откорректировать):
<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="1; URL=http://www.куда.пересылать">
<script language="JavaScript"> <!--
window.location.href = "http://www.куда.пересылать"
// --> </script>
<CENTER><P><B><FONT SIZE=+4><A HREF="http://www.куда.пересылать">название
сайта куда отсылаем</A></FONT></B></P></CENTER>
</BODY>
</HTML>
Свой текст в строке состояния
Для того чтобы поместить свой текст в строку состояния браузера
необходимо доработать BODY тег. Вот так (надписи отмеченные жирным необходимо
откорректировать):
<body .... onLoad="window.defaultStatus='Ваш
текст'">
Уничтожитель фреймов
Этот скрипт полезно использовать на главной страничке своего
сервера. Нередко бывает, что другие неопытные создатели страничек делают ссылку
на Ваш сайт из фрейма и забывают указать target="_top" и вследствие этого Ваша
страничка грузится во фрейме. Так вот этот скрипт позволяет добиться такого эффекта,
что при загрузке Вашей странички разбиение окна браузера на фреймы исчезает.
Синтаксис (надписи отмеченные жирным необходимо
откорректировать):
<SCRIPT LANGUAGE="JavaScript">
<!--
setTimeout ("changePage()", 100);
function changePage()
{
if (self.parent.frames.length != 0)
self.parent.location="http://www.ваш.url";
}
// -->
</SCRIPT>
Дата обновления документа
Этот скрипт предназначен для экономии вашего времени. Используя
его вам не придется менять дату обновления документа при каждом его изменении.
Он особенно полезен, если Вы обновляете страницы очень часто или используете стандартный
кусок HTML текста вызываемый посредством SSI на разных страницах.
<SCRIPT LANGUAGE="JavaScript"><!--
document.writeln(document.lastModified)
// --></SCRIPT>
Для браузера этот скрипт просто
выдаст несколько символов, поэтому если Вы хотите изменить стиль написания даты
используйте обычные HTML теги:
<FONT SIZE="-2">Документ обновлен:
<SCRIPT LANGUAGE="JavaScript"><!--
document.writeln(document.lastModified)
// --></SCRIPT></FONT>
Нажимающаяся кнопка
Наверно Вы не раз видели как картинка сменяется другой картинкой
при наведении на нее мышкой. Этот эффект реализуется при помощи Java-скрипта.
Скрипт состоит из двух частей. Первая часть вставляется в html всего один раз.
А вторую придется вставить столько раз сколько у Вас на страничке будет сменяющихся
картинок. Как всегда надписи отмеченные жирным необходимо подправить:
Первая часть:
<SCRIPT LANGUAGE="JavaScript">
<!--//
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);
if (browser_name == "Netscape" &&
browser_version >= 3.0) { roll = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version
>= 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="image1.gif";
a2=new Image;a2.src="image2.gif";
...
aX=new Image;aX.src="imageX.gif";
}
//-->
</SCRIPT>
В конце первой части скрипта производится подгрузка
изображений нажимающихся кнопок. Необходимо подгрузить картинки нажатой и не нажатой
кнопок.
...
aX=new Image;aX.src="imageX.gif";
Эти две строчки показывают то, что необходимо прописать подгрузку всех картинок.
В работающем скрипте не должно быть троеточия и вместо X должно быть число
Вторая часть:
<A HREF="page.htm" onMouseOver="over('image_name','image2.gif');"
onMouseOut="out('image_name','image1.gif');"><img
name="image_name" alt="текст" src="image1.gif"
width=x height=y border="0"></A>
Что есть что:
page.htm - имя файла ссылки
image_name - Имя картинки, необходимо чтобы java-скрипт знал какую картинку менять.
У каждой картинки должно быть свое имя.
image1.gif - Файл не нажатой кнопки.
image2.gif - Файл нажатой кнопки (будет на месте картинки image1.gif при наведении
на нее мышкой)
Определение типа браузера
Используйте html код приведенный ниже для пересылки со странички
на другие странички в зависимости от типа браузера используемого пользователем
(надписи отмеченные жирным необходимо откорректировать):
<script language="JavaScript">
<!--
if (navigator.appName == "Netscape") window.location.href = "Netscape.htm";
else if (navigator.appName == "Microsoft Internet Explorer") window.location.href
= "explorer.htm";
else window.location.href = "neizvestniy_brauser.htm";
// -->
</script>
Меняем строку состояния мышкой
Если Вы хотите чтобы при указании на ссылку в строке состояния
писался заданный Вами текст, то придеться немного доработать HREF тег (надписи
отмеченные жирным необходимо откорректировать):
<A HREF="страница.htm"
onMouseOver="window.status='Ваш текст тут';return true">
Вдавленная надпись
Вот у нас есть кнопка и на ней мы хотим сделать вдавленный
текст. Делается все это очень просто.
1) Создаем выделение (selection) в виде текста.
2) Создаем новый слой - Layer/New/Layer. Затем
заливаем по выделению белым цветом - Edit/Fill (установки - Use: White и Opacity:
100%)
3) В менюшке Layers (Если менюшку невидно включить
ее можно командой Window/Show Layers) возвращаемся обратно в Background. Потом
размываем выделение командой Select/Feather с установками Feather Radious: 1 pixels.
Затем смещаем выделение вверх и в лево на 1 пиксель, для этого жмем по одному
разу кнопки верх и лево. И еще проверьте чтобы во время перемещения выделения
не была нажата кнопка Затем используйте команду Image/Adjust/Brightness/Contrast
и установите значение Brightnes: -100.
4) Смещаем выделения вниз и в право на 2 пикселя
нажатием по два раза кнопок право и низ. Потом используем команду Image/Adjust/Brightness/Contrast
с установками Brightnes: 100. Готово.
Если вы хотите написать текст на светлой кнопке
то тогда во втором шаге нужно заливать черным, а не белым цветом.
Выдавливание
1) Подбираем хороший фон для выдавливания
2) Создаем новый Chanel : Chanels/New chanel.
Закрашиваем белым цветом области рисунка которые предполагается выдавливать.
3) Переходим в chanel RGB и загружаем выделение:
Select/Load Selection. Затем используем плюгин Inner Bevel из набора Eye Candy
3.0. Устанавливаем параметры по вкусу. Далее жмем Select/Inverse и Edit/Fill,
для заполнения используем Белый цвет (White).
4) И напоследок отбрасываем тень.
Лед
1) Создадим новое изображение и напишем на нем текст черным
цветом. Затем Select/Load Selection и Layer/Flatten Image.
2) Выполним команду Select/Inverse, и применим
фильтр Filter/Pixelate/Crystallize с коэффициентом кристаллизации 8.
3) Опять выполняем команду Select/Inverse,
и применяем фильтр Filter/Noise/Add Noise с коэффициентом шума около 70 (не забудьте
включить Distribution: Gaussian).
4) Размываем избражение фильтром Filter/Blur/Gaussian
Blur с коэффициентом размывки около 2. Затем отменяем выделение Select/None и
используем фильтр Filter/Blur/Blur.
5) Выполняем команду Image/Adjust/Invert (Ctrl-I).
6) Выполняем команду Image/Rotate Canvas/90
CW. Затем применяем фильтр Filter/Stylize/Wind. (Method: Wind, Direction: From
the left) и возвращаем картинку в горизонтальное положение Image/Rotate Canvas/90
CCW.
7) Придадим изображению цвет льда с помощью
команды Image/Adjust/HueSaturation (Включите кнопку Colorize, установите параметр
Hue в положение -175, а Saturation - 80).
8) Добавим искрящиеся блики с помощью дополнительных
кистей. В меню Brushes выберите команду Load Brushes и откройте файл assorted.abr
из подкаталога Brushes. Установите текущим белый цвет и нанесите искорки на некоторые
выступающие льдинки.
Огонь
1) Создадим новое изображение к примеру 300x100 пикселов и
пишем на нем текст черным цветом, желательно чтобы шрифт был жирным. Совмещаем
слои командой Layer/Flatten Image.
2) Применяем фильтр Filter/Pixelate/Crystallize
Cell Size от 4 до 6.
3) Делаем изображение негативным Image/Adjust/Invert
(Ctrl-I) и поворачиваем его на 90o градусов по часовой стрелке Image/Rotate
Canvas/90o CW.
4) Применяем фильтр Filter/Stylize/Wind Method-Wind
Direction-From the right. Используем фильтр Filter/Distort/Ripple Amount-40 Size-Large.
И возврвщаем изображение в горизонтальное положение Image/Rotate Canvas/90o
CСW.
5) Придаем изображению цвет огня Image/Adjust/HueSaturation
включаем Colorize и ставим значение Hue от 30 до 50 и Saturation от 80 до 100.
Разбитый текст
1) Создадим новое изображение и напишем текст.
2) Select/Load Selection/Layer 1 Transparency,
затем Select/Inverse и Save Selection. Переходим в созданный нами channel, жмем
Select/Inverse и применяем фильтр Filter/Noise/Add Noise Amount ставим в положение
300-400.
3) Запускаем фильтр Filter/Pixelate/Crystallize
с Cell Size 20-30. Затем используем фильтр Filter/Stylize/Glowing Edges с параметрами:
Edge Width - 2, Edge Brightness - 20 и Smoothness - 1. Отменяем выделение - Select/None
и применяем фильтр Filter/Blur/Smart Blur с параметрами: Radius - 1 , Threshold
- 0.1, Quality: High, Mode: Overlay Edge.
4) Загружаем выделение - Select/Load Selection/#4,
затем Select/Iverse, Select/Modify/Expand by 1 pixel и Select/Inverse. Потом переходим
на слой с текстом и используем команду - Edit/Fill/White. Применяем Layer/Flatten
Image и фильтр Filter/Eye Candy 3.0/Drop Shadow (параметры установите по вкусу).
Все.
Скругленые углы
1) Создаем новый chanel. Рисуем на нем то, что собираемся скруглить.
2) Запускаем фильтр Filter/Blur/Gaussian Blur
параметр Radius устанавливаем в зависимости от желаемого округления (чем больше
значение Radius тем боле скругленными будут углы).
3) Использеум команду Image/Adjust/Levels.
В открывшемся окне необходимо переместить крайние треугольники ближе к центральному.
Их необходимо расположить так, чтобы изображение было четким, и гладким
по краям.
Создаем Бэкграунд
1) Возьмем картинку из которой мы хотим сделать бэкгрунд.
2) Используем Filter/Other/Offset и смещаем
картинку на 50% изображения по горизонтали и вертикали (не забудьте выбрать Wrap
Around).
3) Теперь убираем видимые границы изображения.
Трехмерная кнопка
1) Для изготовления кнопки нам потребуется черно-белый трехмерный
шар. Для его изготовления используем фильтр KPT Spheroid Designer 3.0.
2) Попробуем сделать кнопку средней величины.
Уменьшаем шар до размера 25x25 пикселов. Командой Image/Duplicate создаем две
копии изображения. У первого изображения командой Image/Canvase Size обрезаем
правую половину, у второго левую, а у третьего обрезаем края так чтобы его ширина
стала 1 пиксел.
3) Командой Image/Image Size увеличиваем ширину
третьего изображения до 125 пикселов (не забудьте убрать галку в окошке рядом
с надписью Constrain Proportions).
4) Переходим к первому изображению. Выделяем
его командой Select/All или клавишами CTRL+A. Копируем его Edit/Copy(CTRL+C).
Вставляем его в третье изображение и передвигаем влево. Со вторым изображением
поступаем также только помещаем его справа. Совмещаем все слои в один Layer/Flatten
Image.
5) Командой Image/Adjust/Hue/Saturation (Saturation
ставим около 60, а Hue в зависимости от желаемого цвета, (не забудьте включить
Colorize)) задаем цвет.
6) Пишем текст на кнопке.
7) Можно создать эффект того что кнопка парит
в воздухе, отбросив от нее тень фильтром Eye Candy 3.0/Drop Shadow.
Фотомонтаж
1) Подбираем две картинки с которыми будем делать фотомонтаж.
2) Переходим в картинку и выделяем часть картинки
которую мы хотим переносить при помощи инструмента path.
3) Открываем меню Paths - Window/Show Paths,
а там в меню выбираем Make Selection (Anti-aliased включено и Feather Radius =
1). Затем копируем полученное выделение - Edit/Copy, переходим в картинку с фоном
и вставляем туда скопированную часть - Edit/Paste. Используя инструмент move размещаем
вставленную часть подобающим образом. Вот и все.
Эффекты с фотографией
1) Для начала подбираем фотографию.
2) Создаем новый channel - channels/New channel.
Создаем выделение прямоугольником, затем Select/Inverse и заливаем его белым цветом
(Edit/Fill Use:White).
3) Отменяем выделение - Select/None и используем
какой-нибудь фильтр, например Filter/Pixelate/Color Halfone (Параметры подберите
по вкусу).
4) Переходим обратно в RGB channel и загружаем
созданный нами шаблон - Select/Load Selection/#4. Затем заполняем (Edit/Fill)
цветом фона на котором будет лежать фотография. Готово.
Сервера раздающие бесплатные веб страницы
www.chat.ru
Дают 3mb дискового пространства и email. Регистрация
через WWW форму. Основная кодировка сервера koi-8, но на нем есть файл менеджер
который автоматически перекодирует ваши файлы в нужную кодировку. Возможна загрузка
zip файла который автоматически распаковывается (очень удобно). Сервиса почти
нет, но говорят, что скоро сделают. Также можно работать по FTP.
www.i-connect.ru
Выделяют 2mb дискового пространства и 1mb под
email. Регистрация через WWW форму. Доступ к серверу по FTP. Из CGI-скриптов есть
счетчик посещений и часы. Говорят что можно самому написать CGI-скрипт на perl`е
и отдать администратору, который после проверки кинет его в директорию CGI-BIN.
home.vibor.ru
Предоставляют 2mb на диске. Доступен только
для пользователей Internet Explorer`а , потому что Netscape не берет их глюкавую
страничку на которой происходит регистрация. Доступ к серверу по FTP.
www.halyava.ru
Места дают всего 512kb. Каждому пользователю
странички дают email. На каждую страницу впихивают свой банер с рекламой (очень
неприятно). Страницы надо обновлять не реже раза в 2 месяца (тоже очень плохо,
вдруг в отпуск уедешь или на АТС ,что-нибудь нехорошее случится). Загрузка файлов
по EMAIL`у или FTP.
lgg.orc.ru
Место для пользователей пока не ограничивают,
единственное это то, что страничка должна быть в готовом виде и соответствовать
какой либо теме. Предоставляется неограниченный по размерам E-mail ящик, разрешено
использовать CGI, и будующем планируется предоставлять еще и личный FTP. Доступ
к серверу осуществляется по FTP любой удобной для пользователя программой. Запрещено
размешать странички комерческого содержания.
www.geocities.com
Самый известный сервер раздающий бесплатные
страницы и email. Регистрация производится через www форму, необходим существующий
почтовый ящик в него придет письмо с паролем. На один email дают одну страничку.
Объем файлов 3mb. Прежде чем разместить свою страницу вы должны выбрать район.
После выбора района вы ищете свободный номер под которым и будете дальше жить.
И так, Вы решили создать свою первую страничку но не знаете
с чего начать. В этой статье содержится минимальная информация которая позволhт
избежать многих ошибок.
Для начала mеобходимо освоить какой-нибудь
WYSIWIG редактор. Я " советую Microsoft Front Page или Встроенный редактор Netskap`а.
Многие описывали данные программы но не рассказывали о их существенных недостатках:
1. Они имеют свойство делать вызов файла локально,
то есть указывают полный путь к файлу, например C:/serv/img.gif (на самом деле
file:///C:/serv/img.gif) и тогда у вас страничка после закачки выглядит нормально,
но у других людей, у которых нет файла img.gif в директории serv на диске C она
выглядит ужасно (наверно вы не раз видели прямоугольники с подранным листком слева
вверху). Эта неприятность обычно возникает когда используются команды copy и paste
над картинкой. Поэтому следует либо не использовать данные команды, либо проверять
файл странички после сохранения на наличие file:/// .
2. Когда долго работаешь в Netscape Editor`е
3.0 с таблицами он имеет свойство зависать, а также если указываешь в нем border=0
для таблиц он вообще не включает тег border в документ (и если тег border не указан,
при просмотре Netscape берет значение border=2 а Internet Explorer border=0).
Хочу отметить, что при создании файлов следует
придерживаться некоторых правил. Большинство серверов работает под операционной
системой UNIX, она немного отличается по устройству от Виндов - чувствительна
к регистру файлов, то есть img.gif и img.GIF под UNIX`ом разные файлы. Я советую
пользоваться таким правилом: создавать все файлы маленького регистра, т.к. некоторые
программы под Виндами могут искажать имена файлов, например если закачивать файл
Img.gif при помощи программы CuteFTP после закачки он превращается в IMG.GIF,
вот такие бывают чудеса :)
И так вы уже создали простенькую страничку
с парой картинок. Теперь стоит подумать о выборе места для странички. Если вы
выбрали сервер без перекодировки то уже можно приступать к закачке, для этого
необходимо использовать какую-нибудь FTP программу, я советую CuteFTP . А если
сервер с перекодировкой (предпочтительней, потому что вашу страничку смогут читать
пользователи разных операционных систем), то скорее всего необходимо закачивать
на него файлы в кодировке KOI-8 (стандартная кодировка кириллицы под UNIX`ом)
для этого необходимо эти файлы перекодировать в эту самую KOI-8. Существует большое
множество программ, я использую Convert Cyrillic чего и вам советую. И теперь
закачиваем файлы используя тот же CuteFTP.
Счетчики
Чтобы счетчик загружался достаточно быстро, необходимо, чтобы
он был установлен на том же сервере, что и Ваша страничка. Если у Вас такой возможности
нет, то следует выбрать такой сервер предоставляющий счетчик который наиболее
приближен к смотрителям странички.
counter.rambler.ru
- Неплохой счетчик посещений, помимо счетчика - статистика посещения
странички. А по желанию Вас включат в рейтинг
серверов (Top 100).
counter.dux.ru - Здесь можно выбрать счетчик почти с любым
начертанием.
Информация взята с сайта
www.mtu-net.ru