Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Alf-Studio _ Web-дизайн и разработка _ Веб Мастер

Автор: Metallica Dec 9 2006, 13:16

Создаём HTML-формы

В этой статье я расскажу о том как сделать на своём сайте любую форму, но предупрежу сразу, что речь о каком-либо программировании в этой статье не пойдёт.

Тэги <form></form>

Всё описание HTML-формы располагается внутри тэгов <form></form>. Закрывающий тэг </form> никогда не несёт в себе какой-либо информации, а вот открывающий заслуживает дополнительного рассмотрения. Рассмотрим синтаксис этого тэга: <form method="метод" action="имя_сценария"> Атрибут Method может принимать значения GET или POST. А атрибут action представляет собой URL какого-либо сценария, выполняющего действия в соответствии с заполненной формой.

Тэг <input> и его атрибуты

Тэг <input> имеет несколько атрибутов. Вот основные из них: <input type="тип поля" value="значение" name="имя"> Где name приримает любое уникальное имя в пределах одной формы; любое поле ввода должно иметь имя, для последующего обрабатывания данных из этого поля сценарием. Value - это значение по умолчанию данного поля. Атрибут type может принимать значения text, hidden, password, checkbox, radio, reset, submit. Остановимся на каждом из них поподробнее. После описания данных типов, мы рассмотрим всё на примерах.

Text - указывает браузеру, что нужно отобразить поле ввода. Значение атрибута value здесь будет указывать первоначальное значение данного поля. Также здесь могут присутствовать два дополнительных атрибута, это size и maxlenght. Size определяет длину поля, а maxleght задаёт максимальное количество символов, которое может ввести пользователь.

Hidden - этот тип текстового поля браузер на отображает. Нужен он для скрытия от посетителя каких-либо данных.

Password - этот тип поля отображается аналогично текстовому, только все введённые в нём символы будут закрыты звёздочками, для того, чтобы никто не мог подсмотреть пароль, вводимый вами.

Checkbox - браузер отображает этот тип поля квадратом, в котором можно поставить флажок. По умолчанию value данного поля стоит ON, но если поставить флажок в это поле, то value примет значение checked.

Radio - несколько похоже на checkbox, но только одно из нескольких полей radio, в отличии от checkbox, может быть включено.

Submit - отображает кнопку, при нажатии на которую все данные из формы отправляются сценарию, указанному в атрибуте action тэга <form>.

Reset - при нажатии на эту кнопку, вся введённая информация в форму онулируется.

Тэги <textarea></textarea>

Тэг <textarea> определяет многострочную область ввода. Этот тэг имеет также несколько атрибутов. Вот пример: <textarea name="имя" rows="10" cols="20">Этот текст будет находится в области ввода, данного типа, пользователь может изменить этот текст</textarea> Атрибуты rows и cols определяют высоту и длину соответственно. "имя" - уникальное имя в пределах одной формы.

Тэги <select></select>

Эти тэги создают список, каждый из вариантов которого задаётся тэгом <option>. Тэг <select> может нести в себе атрибуты size, name и multiple. Думаю с size и name всё понятно, а вот c multiple, наверное не очень. Итак, этот атрибут задаёт режим при котором пользователь будет выбирать что-то из списка. Если этот атрибут присутствует, то пользователь может выбрать несколько значений из списка, а если же он опущен, то можно выбрать только одно значение.

Чтобы всё было более понятно, давайте рассмотрим всё на примерах:

Создаём страницу и пишем в неё данный код:

<html>
<head><title>Анкета</title>
</head>
<body>
<h3 align=center>Анкета</h3>

<form action=script.php method=post>

<input type=hidden name=hidden value="Это скрытый текст">
<b>Введите пожалуйста пороль:</b>
<input name=pass type=password>
<b>Заполните следующие данные пожалуйста:</b><br>
Фамилия <input type=text size=14 name=fam><br>
Имя<input type=text size=14 name=name><br>
Отчество<input type=text size=14 name=ot>
<b>Сколько вы имеете судимостей:</b><br>
<select>
<option>10
<option>20
<option>30
</select><p>
<b>Сколько вам лет?</b><br>
<input name=1 type=radio name=1>От 1 до 10<br>
<input name=1 type=radio name=2>От 10 до 18<br>
<input name=1 type=radio name=3>От 18 до 30<br>
<input name=1 type=radio name=4>От 30 до 50<br>
<input name=1 type=radio name=5>От 50 до 100<br>
<input name=1 type=radio name=6>От 100 до 200<br><p>
<b>Наличие хронических заболеваний:</b>
<input type=checkbox><br><p>
<b>Особые примечания:</b><br>
<textarea name=texta rows=4 cols=30>
</textarea>
<input type=submit value=Всё> <input type=reset value=заново>
</form>

</body></html>

А вот чего получится:

Анкета
Введите пароль:
Фамилия
Имя
Отчество
Количество судимостей:
102030

Сколько вам лет?
от 1 до 10
от 10 до 18
от 18 до 30
от 30 до 50
от 50 до 100
от 100 до 200


Наличие хронических заболеваний:


Особые отметки:



HTML-формы и css.

В хтмл-формах также могут активно использоваться и css. Применение css значительно украшает форму, помогая вэбмастеру максимально приблизить её внешний вид к дизайну сайта. Итак, рассмотрим это на примере. Например мы хотим создать стильную панель поиска для сайта, для этого пишем в страницу такой код:

<form method="POST" action="search.php">

Поиск по сайту: <input type="text" name="whatdoreplace" size="25" style='BORDER-RIGHT: #3E9EBB 1px solid; BORDER-TOP: #3E9EBB 1px solid; BORDER-LEFT: #3E9EBB 1px solid; COLOR: #000000; BORDER-BOTTOM: #3E9EBB 1px solid; BACKGROUND-COLOR: RED
'>
<INPUT TYPE=radio name=where value=foto >фото
<INPUT TYPE=radio name=where value=mp3>mp3


<input type="submit" value="поиск" name="search" style='BORDER-RIGHT: #3E9EBB 1px solid; BORDER-TOP: #3E9EBB 1px solid; BORDER-LEFT: #3E9EBB 1px solid; COLOR: #F1F1F1; BORDER-BOTTOM: #3E9EBB 1px solid; BACKGROUND-COLOR: RED
'></FORM>






Автор: Metallica Dec 9 2006, 22:50

Основы удобства пользователя на сайте.


--------------------------------------------------------------------------------



Предисловие. Представьте себе ситуацию: человек зашел на сайт и видит, что перед ним нет ни каких ссылок, кнопок, только чисто очень красиво сделанный фон, какие-то отрывки на которых нарисовано что-то непонятное. Не найдя как вообще перейти с главной странице сайта на какую-либо другую человек уходит. А оказывается, что те самые отрывки - это и есть ссылки (замаскированные). Ну, так вот за хорошим, красивым дизайном, должно быть всё понятно и ясно (куда вообще ты попал, куда нужно кликнуть, чтобы перейти в тот или иной раздел).
1. Простота - залог успеха.
Перед тем как Вы разместите свой сайт в Интернете, обязательно посмотрите, а как пользователю, зашедшему на Ваш сайт он, будет отображаться. Ведь из разных браузеров, разные сайта смотрятся по-разному. Так, что сначала Вы должны позаботится о пользователях, заходящих к Вам.
Все пользователи любят простоту сайта. Не надо никаких наворотов, типа flash-кнопок, которые непонятно куда ведут, не понятно, что на них изображено (так как всё время что-то мигает, движется). Лучше всего не использовать фреймы, так как в разных браузерах, могут происходить искажения вашего сайта. Наилучший способ - это таблицы. Даже не нужно никаких кнопок в меню, а просто текстовые ссылки, но просто, если хочется покрасивее, с какими-нибудь dhtml эффектами при нажатии или наведение курсора мышки. Обязательно простой, понятный заголовок, о чём сайт (Например, Wmaster.Dax.Ru - Портал для веб-мастера или World for Web-Master). Конечно, важно юзабилити сайта (то есть много полезной информации). За каждой ссылкой в меню должна находится та информация, которая написана на ссылке (Например, Статьи/Flash - то есть там должны находиться исключительно статьи о флеше, примеры использования). Не нужно обманывать пользователя, написав, что, зайдя суда вы получите 50$ за регистрацию, а заходя, пользователь увидит, что чтобы получить эти 50$ нужно заработать ещё 50$ и тогда 100$ вам переводят на счёт. Клиентов привлекают надписи типа реклама - цены очень низкие (только тогда они должны быть действительно низкие), увеличить посещаемость своего ресурса.

2. Всё легко….
Все пользователи привыкли к тому, что все гиперссылки подчёркиваются, а если они, зайдя на сайт обнаружат, много надписей, но не одной ссылки (синяя подчёркнутая) они попадут в затруднительное положение, либо вообще уйдут. Так, что делайте обязательно подчёркнутые ссылки, не обязательно синие.

3. Интернет для ленивых.
Пользователь зашёл на сайт, нажал на интересующую его ссылки, попал на страницу где написано, не то что ему нужно, а написано, что чтобы попасть, куда ему нужно, надо нажать Далее, а на следующей странице опять нажать Далее. Так пользователь и уйдёт, т.к. не смог найти нужную ему информацию (скрывающуюся за 1000 ссылок). Удобней всего для пользователей - это один, два клика и информация найдена.

4. "Пожалуйста, подождите, идёт загрузка 10%.....12%"
Пользователи очень не любят долго ждать, некоторые потому что не хотят сжигать много денег, другие куда-то торопятся. Вообщем страница должна быть без заставок(особенно длинных и многокилобайтных), сам сайт должен быть не большим, на главной странице не должно быть больших картинок, которые загружаются по 5 минут. Некоторые просто отключают отображение графики в настройках браузера. Вот поэтому, и нужно делать ко всем картинкам и баннерам ALT (контекстный текст), то есть когда баннер или картинка либо не загрузились, либо отключена анимация, вместо картинки появится надпись.

5. Сайты по категориям…
У каждого сайта должна быть своя тематика (веб-дизайн, спорт, погода, строительство). Бывают, конечно, и смешанные сайты, где обо всём по чуть-чуть, но лучше об одном, но много. Никогда не отклоняйтесь от своей тематики, если вы создали сайт о дизайне (веб), то не надо размещать на нём новости спорта, или какую-нибудь Масяню, только то о чём Ваш сайт.
Выбрать тематику сложно, но если подумать, что вы любите, чем увлекаетесь, о чём больше всего знаете. Но пишите, только о том, о чём Вы действительно можете хорошо и доступно рассказать.



Автор: Metallica Dec 10 2006, 11:15

Расстановка ключевых слов внутри сайта: забытые места


Известно, что для высокого позиционирования сайта в поисковых системах необходимо размещать на страницах целевые запросы. Анализируя сайты (по просьбе их владельцев), я замечал ошибки при оптимизации, объединенные по одному признаку: неправильное составление текстов и расстановка ключевых слов. Здесь я хотел бы упомянуть о местах, где чаще всего, можно разместить ключевые слова.

Кроме общепринятых title, keywords, description и alt ключевые слова и фразы можно (и нужно) разместить:

В адресе сайта:
Если вы еще не разместили сайт и не придумали его URL, задумайтесь, какие ключевые слова вы могли бы использовать в URL? Интересным является тот факт, что если вы готовите сайт для русскоязычных пользователей, то имеет значение английский вариант русскоязычных запросов. Часто набирая русский запрос в поисковых системах, в ответ на первом-втором месте выдаются сайты, в адресе которых присутствует английский эквивалент запроса.

В имени страниц и подкаталогов сайта:
Не помешает назвать подкаталоги сайта и внутренние страницы ключевыми словами (запросами). Если предполагаемые запросы достаточно велики - сократите их в названии до 7-10 символов. Учитывайте значимость английских эквивалентов русскоязычных запросов.

Во внутренних навигационных ссылках:
Панель навигации - один из самых сильных способов повлиять на высокое положение по ключевым словам. Во внутренние ссылки на разделы и страницы сайта нужно вписать ключевые слова. Хорошо, если панель навигации предусмотрена на каждой странице сайта.

Все те же title и description:
Не смотря на то, что практически все поисковики отказались от чтения meta keywords, не нужно забывать про title и description. Title особенно влияет на позиционирование по запросам из 2-х и более слов практически во всех ведущих поисковых системах.

При всех возможностях начинить сайт ключевыми словами "от" и "до", следует помнить о том, что в среднем процент ключевого слова в тексте не должен превышать 3-5%. На отдельных страницах сайта допустима высокая "концентрация" ключевого слова - до 15-20%. Главное - сохранить смысл текста и не превратить страницу в банальный дорвей.

Хочется отметить, что остальные 95-97% текста страницы также имеют значение для позиционирования. Поисковые системы распознают синонимы и общетематический набор слов и фраз. Поэтому фразу "домашние животные" лучше сочетать с "коты и собаки", чем с "дизайн и реклама".



Автор: Metallica Dec 10 2006, 16:16

Как найти лучший платный хостинг

Десятки хостинг-провайдеров предлагают свои услуги по размещению сайтов. Пытаясь заманить новых клиентов, компании проводят промо-акции, устраивают конкурсы, присуждают подарки. Но все же, что остается за кулисами?

При всех видимых достоинствах, далеко не каждый провайдер обеспечивает качественным хостингом. Более того, у многих нет круглосуточной службы поддержки по телефону, а на письма отвечают с запозданием. Чтобы узнать более-менее достоверную информацию, приходится посещать независимые форумы.

Хостинг становится товаром широкого потребления. Растет спрос – растет предложение. Чем руководствоваться при выборе хостинга?

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

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

- Теперь, воспользуйтесь сервисом, который предоставит периодические отчеты о доступности конкретного сайта. Отныне, в случае недоступности этого сайта вы получите письмо с подробной информацией о сбое: когда сайт отключился, сколько времени был недоступен, когда снова стал работать.

Сервис предоставляется бесплатно на ограниченное время, поэтому стоит найти несколько тестируемых сайтов и одновременно их зарегистрировать.

Если вы успешно зарегистрировались, то теперь вы будете еженедельно получать отчет о состоянии сайта. В отчет входят следующие данные:

Outages - сколько раз сайт был недоступен

Time on Error - время, в течении которого сайт был недоступен

% Uptime - Процент общего времени доступности сайта

Connect Time - Среднее время подключения к сайту в секундах

Последний пункт (Connect Time) наиболее важен, т.к. позволяет сравнить время доступа к сайтам в активном режиме.

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

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

Автор: Metallica Dec 10 2006, 21:47

Создание баннера в Swish 2.0

Итак, начнём с того, что скачать программу Swish 2.0 можно с сайта http://swishzone.ru
Скачав ее, установите программу и запустите…
Начнём…
Для начала создадим баннер 468x60. Размеры баннера поставьте в окошке, где написано movie 1. Там есть строки Width и Height (Ширина и высота).
После этого, если у Вас есть своя картинка, логотип вашего сайта, то вставим эту картинку в наш баннер. Нажмите на кнопку вверху Insert, а потом Image.. Найдите рисунок на вашем компьютере и жмите открыть. Вашу картинку можно передвинуть в любое место вашего баннера. Далее придумываем, что должно быть написано на баннере в первую очередь. Например, напишем: "Кто хочет знать всё о ....(всё что угодно)….". Это будет на первый frame. Чтобы сделать надпись нажмите кнопку insert, а потом text. К тексту добавим какой-нибудь эффект. Для этого нажмите Add Effect. И там выбираем нужный нам эффект. Потом на фреймовой прямой, либо растягиваем эффект, либо сужаем. Также можно добавит какое-нибудь движение к этому тексту. Для этого жмем два раза на пустом прямоугольнике, на фреймовой прямой и у вас появляется слово move. Так же растягиваете или сужаете. А чтобы движение было видно, переместите ваш текст в другое место и увидите, как при проигрывание ролика он будет двигаться.
Далее создаём новую сцены, просто скопировав старую и только поменяв в новом текст и эффект (а чтобы просто добавить новую пустую сцену, нажмите кнопку insert Scene). Теперь напишем, например: "читает Web Building". Ну, вот полдела сделано. Ну и закончим наш банер ещё какой-нибудь надписью. Так, что ещё можно сделать. Теперь добавим в каждую сцену ссылку на Ваш сайт в правом окошке, где написано URL. Также в свой банер Вы можете добавить кнопку (нажмите insert Button).
Ну, вот и все основные функции этой программы. После того, как Вы создали Ваш банер, просмотрит, что у Вас получилось, нажав кнопку сверху play. Если размер Вашего банера (имеется в виду размер в KB), не устраивает, то можно оптимизировать цвета в банере, что уменьшит его размер. Для этого нажмите Tools - Preference - Color Picker.
Также легко, как этот банер Вы можете создавать и другие… Удачи!!!

P.S. Вот забыл рассказать, что ещё кроме эффектов можно добавлять ещё и событие (event) и Действие (action). Событие это, например если кто-то нажал на банер, то с ним произойдёт то-то. А в действие можно указать, чтобы игралась музыка или банер автоматически переходил на какую-то страничку или e-mail. Вообщем, там всё легко


Автор: Metallica Dec 10 2006, 22:37

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

В этом нет ничего сложного, но без помощи разобраться довольно трудно. Итак…

Чаще всего встречаются цифры 777 или 666. Вообще они могут принимать значения от 0 до 7. В основе расчёта лежит двоичная система исчисления. Если расписать цифры, то получится:

7 = 1 1 1

6 = 1 1 0

5 = 1 0 1

4 = 1 0 0

3 = 0 1 1

2 = 0 1 0

1 = 0 0 1

0 = 0 0 0

Как известно, единица соответствует утверждению (да), ноль – игнорированию (нет). Теперь определимся с тем, что утверждают и игнорируют эти комбинации цифр. Применяется такой порядок:

R W X

R – read

W – write

X – execute

Значит, документ с правом доступа

7 разрешает

R(читать) W(записывать, редактировать) X(выполнять)

6 разрешает

R(читать) W(записывать, редактировать)

5 разрешает

R(читать) X(выполнять)

4 разрешает

R(читать)

3 разрешает

W(записывать, редактировать) X(выполнять)

2 разрешает

W(записывать, редактировать)

1 разрешает

X(выполнять)

7 --------------

ничего не разрешает

Но числа даются в виде 777, а не 7. Это необходимо для того, чтобы разным пользователям предоставлять разные права доступа:

Первая цифра относится к хозяину документа;

Вторая – к лицам, имеющим гостевой доступ;

Третья – к пользователям, не имеющим к нему отношения.

Значит, право доступа 754 даёт право:

Хозяину делать с ним всё, что захочется;

Лицам с гостевым доступом читать и выполнять;

клиенту только читать.



Автор: Metallica Dec 11 2006, 09:53

HTML форма как средство достижения интерактивности


В настоящее время в сети существует не мало красивых и к тому же наполненных полезной информацией страничек. Но зачастую им не хватает интерактивности. Что же мы подразумеваем под этим термином? В первую очередь - это возможность диалога с посетителями, наличие обратной связи. Ведь даже такая простая форма проявления интерактивности как анкетирование, на своем ресурсе, позволяет узнать нам мнения и пожелания посетителей, а грамотное использование полученной информации позволит улучшить свой ресурс, и как следствие увеличить количество постоянных посетителей. А уж, какие дополнительные возможности открываются с организацией форумов, гостевых книг, досок объявлений, систем поиска. И так, Вы решили сделать свой сайт интерактивным. Какими же средствами достигается интерактивность сайта? Вот об этом и пойдет речь в данной статье.

И так, Вы решили организовать на своем сайте анкетирование посетителей. Для этого необходимо, прежде всего, определиться с целью анкетирования и составить перечень задаваемых вопросов. Кстати это довольно не простая задача, но это уже совсем другая история и о ней будет рассказано совсем в другой статье. В этой же статье мы рассмотрим технические аспекты данного вопроса. После долгих мучений мы определили вопросы на которые бы хотели услышать ответы, вернее прочитать. Вот возможный вариант:

откуда Вы узнали о нашем ресурсе (варианты ответов: поисковая система, баннерная реклама, периодическое издание, другое);

пол (варианты ответов: мужской, женский);

возраст;

предложения по улучшению ресурса.

Теперь наступил момент расположить эти вопросы на своей страничке, для этого необходимо создать HTML форму. Вот о формах как о главном инструменте интерактивности и поговорим. Формально форма - это все то, что находиться между тэгами <FORM> и </FORM>. И что же там находиться, спросите Вы. Отвечаю, формы могут содержать практически все существующие приемы HTML разметки, включая такие виды полей форм, как однострочные или многострочные текстовые поля, группы радиокнопок, переключатели и меню. Но обо всем по порядку. Рассмотрим форму с нашими вопросами, вот возможный вариант HTML разметки для нашей формы:

<form action="mailto: mail@kuku.ru" method="POST"><br><br>
<b><font color="#000080">Откуда Вы узнали о данном ресурсе </font></b><br><br>
<input type="radio" value="s1" checked name="lin">поисковая система <br>
<input type="radio" name="lin" value="s2">баннерная реклама<br>
<input type="radio" name="lin" value="s3">пресса<br>
<input type="radio" name="lin" value="s4">другое<br>
<br><br><b><font color="#000080">Ваш пол</font></b><br>
<br><input type="radio" name="pol" value="p5" checked>мужской<br>
<input type="radio" name="pol" value="p6">женский<br>
<br><br><b><font color="#000080">Ваш возраст</font></b><br>
<input name="T1" size="5"><br>
<br><br><b><font color="#000080">Ваши предложения по улучшению ресурса</font></b><br>
<br><textarea rows="4" name="S1" cols="50">предложения</textarea><br>
<br><br> <br><br>
<input TYPE="SUBMIT" VALUE="отправить"> <br>
</form>

Как Вы уже поняли, форма начинается с тэга <FORM>, который имеет свои специфические атрибуты, в данном случае это: ACTION и METHOD. В атрибуте ACTION задает URL CGI скрипта, который будет обрабатывать данные формы. В нашем случае запись "mailto: mail@kuku.ru" говорит о том, что данные формы будут отправлены по электронной почте на адрес mail@kuku.ru с использованием почтовой программы установленной на компьютере посетителя. Такой способ отправки форм используется крайне редко, так как многие посетители не захотят засвечивать свой почтовый ящик. Но, учитывая отсутствие у нас на данный момент CGI скрипта, рассматриваемый вариант является единственно возможным и самым простым, если не считать возможности использования скриптов на других серверах. Об этом мы поговорим позже. Атрибут METHOD указывает на метод посылки данных форм GET или POST. При отправке данных методом GET отправляемые данные будут болтаться в адресной строке браузера, а при отправке методом POST они будут скрыты от Ваших глаз. Помимо указанных атрибутов существует также атрибут ENCTYPE, который указывает механизм, используемый для кодирования содержимого формы, по умолчанию используется /x-www-form-url-кодирование. Изменять значение данного атрибута не рекомендуется за исключением случая, когда форма используется для загрузки файлов (upload).

С заголовком кое-как разобрались. Теперь рассмотрим элементы применяемые внутри формы, а именно:

INPUT - текстовое одностроковое поле, поля пароля, переключатели, радиокнопки, кнопки установки и перезагрузки, скрытые поля, кнопки выгрузки файла, кнопки изображений и т.д.;

TEXTAREA - многострочное текстовое поле;

SELECT - меню единичного или множественного выбора.

Остановимся кратко на каждом элементе.
Текстовое одностроковое поле. Его запись в общем случае имеет вид:
<INPUT [type="text"] name="textName" value="textValue" size=число>.
Данное поле применяется очень часто, поэтому тип "text" служит для атрибута INPUT по умолчанию, его не надо каждый раз указывать. Имя поля, задаваемое атрибутом name, является обязательным. Значение поля по умолчанию задается атрибутом value. Атрибут size позволяет задать размер поля. В нашей форме текстовое поле используется для запроса возраста посетителя.

Поле ввода пароля(password).
<INPUT type="password" name="passName" size=число value="passValue">
Очень похоже на текстовое одностроковое поле, отличается лишь тем, что вместо символов в нем отображаются символы '*'. Служит для ввода пользователем пароля.

Переключатель(checkbox).
<INPUT type="checkbox" name="checkboxname" value="checkboxValue" [checked]>
Если надо что-то подписать, то текст подписи необходимо писать рядом с переключателем. Переключатель может быть сразу выбранным, если указан атрибут checked. Если value не указано, то значение по умолчанию "on". Передается только в том случае, когда выбран.

Радио-кнопка(radio).
<INPUT type="radio" name="radioName" value="radioVal1" [checked]>
Отличие радио-кнопки от checkbox в том, что их может быть несколько с одинаковым параметром name, но с разными value, из них передается только та, что выбрана. Одна из них может быть выбрана по умолчанию, для этого должен быть установлен атрибут checked. В нашей форме используется для получения ответа на вопрос: "откуда Вы узнали о нашем ресурсе?".

Кнопка (Submit).
<INPUT type="submit" name="submitName" value="Отправить Форму">
Данная кнопка, предназначена для передачи (отправки) формы. Сама не передается, а служит только для управления. Текст на ней задается атрибутом value.

Существует также возможность установить кнопку для очистки полей формы, кнопка - "Reset". При ее нажатии всем измененным элементам возвращается значение по умолчанию. Она задается следующей строкой: <INPUT type="reset" name="resetName" value="Очистить">

Часто применяемым является также текстовое многострочное поле - TEXTAREA. Вот его синтаксис:
<TEXTAREA name="textareaName" rows="число" cols="число" wrap="hard" |"soft">TextToEdit</TEXTAREA>
Размеры в строках и столбцах для этого поля задаются атрибутами rows и cols. Значения атрибута wrap "hard" и "soft" -означают соответственно мягкую или жесткую разбивку на строки (в большинстве случаев его можно не указывать). В нашей форме данное поле используется для сбора предложений посетителей.

Осталось рассмотреть последний элемент SELECT (меню единичного или множественного выбора).
<SELECT name="SelectName" size=число [multiple]>
<OPTION value="optionValue1" [selected]>Опция 1
<OPTION value="optionValue2" [selected]>Опция 2
<OPTION value="optionValue3" [selected]>Опция 3
.....
<OPTION value="optionValueN" [selected]>Опция N
</SELECT>


Данный элемент позволяет задать список, позволяющий выбрать одну или несколько опций из списка. Если атрибут multiple не указан, то создается простой выпадающий список, в котором можно выбрать только одну из опций. Его значение всегда передается, т.к. всегда хоть одно выбрано. Если указан атрибут multiple, то можно указать размер видимой части списка атрибутом size (Если опций больше появится скроллинг). И к тому же появится возможность одновременного выбора нескольких опций.

Ну, вот наша HTML форма почти готова остается только дописать в конце тэг </FORM>. Дописываем. Готово! Теперь разместим ее на нужной страничке нашего, вернее Вашего, сайта и будем ожидать ответов. Как было сказано выше, недостатком нашей формы является то, что данные посылаются с использованием почтовой программы установленной на компьютере посетителя. Что бы исправить этот недостаток можно написать свой скрипт на PHP или Perl, расположить его на своем сервере, а в атрибуте ACTION указать URL скрипта. Но если у Вас нет желания писать скрипт или Вы пользуетесь бесплатным хостингом который не позволяет Вам использовать скрипты, я посоветую воспользоваться сервисом по сбору форм на http://msform.hut.ru , там же Вы увидите пример формы позволяющей организовать прием от посетителей файлов (например фотографии).




Автор: Metallica Dec 11 2006, 13:36

Небаннерные методы рекламы партнерских программ

Глядя на партнерские программы, возникает мысль, что единственный способ их продвижения - это баннерная реклама. Многие спонсоры не предлагают для раскрутки ничего кроме ряда баннеров разного размера.

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

Здесь я приведу примеры, подкрепленные собственным опытом. Партнерскую программу, а также сайт, я, по понятным причинам, оговаривать не буду.

Текстовые ссылки в панели навигации

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

Собственные материалы: статьи, новости, пресс-релизы

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

Написанную статью я разместил на сайте отдельной страницей и поставил на нее ссылки со страниц, где рекламировал партнерскую программу. Ссылка на статью звучала примерно так: "Обзор услуг (название) и статистические данные". Работа оказалась не напрасной: по статистике сайта, около половины посетителей рекламных страниц переходили на статью.

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


Изменение ранее написанных рекламных материалов

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

После проведения двух последних действий увеличилось как число переходов на спонсора, так и число продаж.

Дальнейшие усилия прилагались на привлечения целевой аудитории. Поисковые системы, обмен ссылками с родственными сайтами и т.д. Все эти действия в целом дали хороший результат: число переходов/продаж возросло с числом посетителей сайта. Текстовки оставались же практически неизменными. Через некоторое время я убрал баннеры совсем. Как оказалось, они вовсе не повлияли на уровень продаж.

На осуществление этого плана и получение первой серьезной, на мой взгляд, прибыли ушло около полугода. Я пришел к выводу, что на осуществление еще одного подобного проекта у меня ушло бы около 2-3 месяцев. Время экономят накопленный опыт и полученные результаты экспериментов. Поэтому, если у вас еще нет опыта эффективных продаж, не рассчитывайте сделать все самому за две недели.

Подведем итоги.

Небаннерные методы продвижения партнерской программы на сайте:
отдельная тематическая статья о пользе товара\услуги
текстовая ссылка в панели навигации на всех страницах сайта: кратко, информативно
текстовая ссылка, расположенная под верхним баннером 468х60


Автор: Metallica Dec 11 2006, 19:49

Выбираем платный хостинг

С каждым днем платные хостинги вытесняют бесплатные. Ведь надоели все эти глючности, проблемы с тем же Народом.ру или с Вебсервисом. Не поставил баннер - твой сайт удаляют. Кому это понравится?? Я уже молчу про новые высоты веб-программирования, которые вы можете получить в основном только на платных хостах. Php/Perl программирование принесет вашему сайту интерактивность. Но покупать хостинг есть смысл тогда, когда ваш сайт перешел рубеж "Домашней странички". Сейчас практически от 1.5$ можно получить "конфетку" - свой сайт, с email системой, привязкой к своему домену и тд, чего конечно редко встретишь на бесплатных хостах. Итак, в этой статье мы осбудим такие Хостинги, как: Valuehost, Highway, Ru-Host, RuWeb(он же ru77.com), Net-UA, WP-Club, и несколько других.

ValueHost.ru. Предлагает пользователям полный спектр услуг хостинга и регистрации доменов. Часть пользователей делится на 2 категории: Одни просто в восторге от хостинга, а другие уже смирились wink.gif. Надпись "Неограниченый Трафик" - условная, ходили слухи что после 10 gb траффика они закрывали аккаунт или вынуждали доплачивать. На сегодняшний день у них включено 50gb траффика. Для серьезных проектов, таких как Wmaster.ru он вполне подходит. Отличный дизайн хостинга внушает доверие. Пугает только цена...от 8,95$

HighWay.ru Это действительно ХайВэй. Я общался со многими клиентами этого хостинга - все говорят "Быстрый сервер, я доволен/на". В Целом, симпатичный у них дизайн, говорят удобная панелька управления. Есть и Unix и Windows Хостинг.В целом: Отличный Хостинг

Ru-host.com Хороший хостинг от 6$. Хостит Руборду. А рубоард как известно нагружает сервер, в целом хороший саппорт, который всегда поможет. Панель управления немного неудобная(Plesk) и тормозит, даже на моей выделенке. Добрый Хостинг

NetUa.com Украинский Хост. Открылся всего пару недель назад. Новичок на рынке Хостеров. Радует, что помимо приема Webmoney принимают наличные деньги во многих городах Украины. Цены от 2$ за хостинг и от 10,2$ на домены второго уровня.Неплохо, НетЮА, так держать!

Wp-club.net Существует платный хостинг от 5$, так и бесплатный, но чтобы на вашем сайте было как минимум 100 оригиналов в сутки, просят поставить баннер их Баннерной системы. Сотрудничают с конторой Revansh.com

RuWeb.net Раньше были известны как ru77.com тарифы не подоражали, от 1$. Имеется калькулятор хостинга, когда вы выбираете себе только то что надо. Здорово. Итоги: для огромных проектов порекомендую попробовать ValueHost, Ru-Host, Highway.ru, для малых и средних: NetUa.com,RuWeb.net и Wp-club.net, для бесплатных(именно бесплатных, а не халявных!) - только Wp-Club.net





Автор: Metallica Dec 12 2006, 00:08

Маленькая партнёрская программа каждому

Представим такую ситуацию: вы заниматесь разного вида услугами, тем же хостингом например. Рано или поздно встает вопрос о более качественной раскрутке проекта. Предлагаем вам создать Партнерскую Программу Lite с помощью интерпретатора Perl. Для начала продумаем Алгоритм: Пользователь кликает по ссылке с другого сайта, попадает на ваш сайт, заказывает товар - вот вам и клиент. Сразу появляется два вопроса, как узнать, кто привел клиента?

Давайте разберем более детально: допустим вашего партнера зовут Вася, попросим его разместить код такого вот баннера
<a href="http://mysite.ru/cgi-bin/index.cgi?id=vasya><img src=http://mysite.ru/banner.gif width=468 height=60></a>
Сама ссылка вида index.cgi?id=vasya указывает, что переменная ID равняется Вася. Человек кликнув по ссылке попадает на главную страницу вашего сайта. Теперь пропишем в файле index.cgi ссылку на старницу заказов, впишем print "Заказать Это при условии что мы в начале скрипта использовали:
if ($ENV{'REQUEST_METHOD'} eq "POST")
{
read(STDIN, $bufer, $ENV{'CONTENT_LENGTH'});
}
elsif ($ENV{'REQUEST_METHOD'} eq "GET")
{
$bufer=$ENV{'QUERY_STRING'};
}
@pairs = split(/&/, $bufer);
foreach $pair (@pairs)
{
($name, $value) = split(/=/, $pair);
$name =~ tr/+/ /;
$name =~ s/%([A-Fa-f0-9]{2})/pack("c",hex($1))/ge;
$value =~ tr/+/ /;
$value =~ s/%([A-Fa-f0-9]{2})/pack("c",hex($1))/ge;
$value =~ s/&lt;!--(.|\n)*-->//g;
$value =~ s/\;/;/g;
$value =~ s/\Ўь//g;
$value =~ s/\ $value =~ s/\>/&gt;/g;
$value =~ s/\\//g;
$value =~ s/\n/
/g;
$FORM{$name} = $value;
}
Проще говоря каждую переменную можно определять теперь как $FORM{переменная}, т.е. если смотреть index.cgi?id=vasya, и потом сделать
print "$FORM{id}";
Перл выдаст "vasya"
Так вот, кликнув по ссылке zakaz.cgi?id=$FORM{id} Человек попадет на форму заказа.Допустим сама форма имеет вид 4 текстовых полей. например
print ' <form action="http://mysite.ru/cgi-bin/zakaz2.cgi" method="post">
<input type="text" name="pole1" size="14" maxlength="256">
<input type="text" name="pole2" size="14" maxlength="256">
<input type="text" name="pole3" size="14" maxlength="256">
<input type="text" name="pole4" size="14" maxlength="256">
<input type="button" value="OK">
</form>';

Чтобы узнать, кто привел человека добавим скрытое поле hidden:
<input type=\"hidden\" name=\"id\" value=\"$FORM{id}\">
Теперь в файле заказа просто добавим переменную $FORM{id} где нужно и все готово! Удачи вам



Автор: Metallica Dec 12 2006, 11:05

С чем едят SSI?

Очень часто в последнее время стали использовать так называемые включения на стороне сервера (Server Side Includes). А что, собственно, дают эти 'включения'. SSI позволяет объединить повторяющиеся фрагменты кода в один файл, а потом вставлять в нужном месте нужную строку. Рассмотрим простенький пример. У вас есть сайт с энным количеством страниц, на которых одинаковы, допустим, верхняя часть с логотипом, красивым слоганом и навигация. Ваш сайт расширяется вширь и в глубь, появляются раз в неделю новые пункты в меню. Очень затруднительно будет перерывать, например, по 50 страниц на неделе. Применяя SSI, вам достаточно поправить один файл и весь сайт преобразится на глазах.
По названию этой технологии нетрудно догадаться, что работает SSI исключительно на сервере: пользователю выдается конечный результат обработки. Вставить SSI в код HTML не составит труда; стоит написать

<!--#include virtual="top.html"-->

и весь код, хранящийся в top.html, тут же окажется в данном файле, как будто его отсюда никто не удалял.
Рассмотрим поподробнее этот кусочек. <!--# --> - тег SSI, в него вставляются все выполняемые команды. Include означает то самое (включение). По этой команде сервер слегка задумывается и включает-таки требуемый файл. Virtual является атрибутом команды include, значением которого задают путь до вставляемого файла. Расширение у вставляемого файла может быть любое: хоть .html, хоть .txt, хоть .ssi.
Примечание: файл, содержащий тег SSI, должен иметь расширение .shtml или .shtm для того, чтобы сервер мог определять какие файлы преобразовывать стоит, а какие - нет.

Для закрепления прочтенного и для 'пробы пера' проведем эксперимент по созданию 'включаемого' файла, также вы убедитесь в той силе, которой наделена SSI. Создаем обычный документ, в нем пишем "Верхняя часть страницы":

<html>
<head><title>Пробуем на зуб возможности SSI</title></head>
<body>
<h1>Верхняя часть страницы</h1>
<!--#include virtual="bottom.txt"-->
</body>
</html>

Не забываем одарить его расширением с 'лишней' буквой s и вставить тег включения.
Следующим этапом будет создание включаемого файла. Главное помните, что вставляется не сам файл, а весь его код, поэтому излишнюю структуру создавать не стоит.

<span style="color:#00f">Нижняя часть, она же включенная.</span>

Ну, а теперь самый приятный момент: просмотр результата в браузере, где вы убедитесь, что не напрасно потратили силы и время.

Кроме команды включения в документ файла, SSI может выполнять и другие команды. Сейчас мы рассмотрим вывод на экран полезной информации с помощью команды echo. Она имеет единственный атрибут var:

<!--#echo var="имя_переменной"-->

Сервер имеет несколько своих переменных, которые можно вывести на экран, используя команды SSI. Вот некоторые из таких переменных:


HTTP_USER_AGENT - имя и версия браузера;


PATH - путь к системным папкам;


REMOTE_ADDR -адрес удаленного компьютера;


SERVER_SOFTWARE - имя и версия сервера;


GATEWAY_INTERFACE - имя и версия CGI;


SERVER_PROTOCOL - протокол, используемый сервером;


QUERY_STRING - строка, полученная от пользователя;


SERVER_ADMIN - обычно e-mail админа;


SERVER_NAME - имя сервера;


SERVER_SIGNATURE - информация о сервере (имя, версия, название, порт подключения);


SystemRoot - системная директория;


REQUEST_METHOD - метод запроса;


DATE_GMT - время и дата по нулевому меридиану;


DATE_LOCAL - местное время и дата.
fsize
Команда fsize выводит размер указанного файла.

<!--#fsize virtual="index.html"-->

flastmod
Команда выводит на экран дату и время последней модификации заданного файла. Атрибуты такие же, как у fsize.

Вот на этой ноте и остановимся. Конечно, обхватить необхватный SSI мы до конца не смогли, но хоть поняли, с чем все-таки его едят.




Автор: Metallica Dec 12 2006, 12:58

ExBB - мечта: Форум на php без использования БД

Я давно искал форум на ПХП без использования баз данных, случайно наткнулся на exbb.revansh.com и решил попробовать. Форум представляет собой клон Иконборды, даже внешне это бросается в глаза, все сделано по принцыпу IkonBoard 2.1.x только на ПХП, а как известно ПХП ест меньше ресурсов чем Перл. Для людей у которых нету БД на хостинге и они не хотят его тормозить - рекомендую этот форум, но пожалуйста дочитайте до конца мою рицензию. Форум практически без дизайна поэтому нужно будет его доделывать. Установка представляет собой файл install.php который просто прописывает две переменные и создает аккаунт админа форума. Установка на локалхост прошла гладко, но затем не удалось войти под админом, все решилось хирургическим вмешательством. Посмотрев форум, я понял что он бедноват, нету таких расширенных функций, как в phpBB2 или Invision Board - другими аналогами форума(хотя эти 2-е используют mySQL). Панель управления оказалась обрезана по минимуму: Общие настройки, Безопастность, Настройка Форума, Фильтр Слов, Все для работы с аккаунтами и Массовая рассылка. Админка немного смахивает на админку phpBB. Форуму не хватает какой-то доработки.
Загрузил форум на сайт, установка прошла гладко, вошел под админов - радовало, что на сервере не глючит все-таки. Создал пару форумов - главная страница форума радует: Классический index Иконбоарда. Автор на сайте написал, что дизайна нету и он ищет дизайнеров, кто поможет ему сделать красивый дизайн, чтобы форум был не хуже других. Попав внутрь какжой темы(topic.php) удивляюсь что не очень хорошо сделана левая часть(там где аватар) и меню - спутаны названия - Ссылка Профиль - на самом деле ведет к отправке личного сообщения, а ссылки на профиль и нету sad.gif - это видно безалаберность автора. EXBB Code сделан не суперски sad.gif Нет бы просто вставлять теги, а программа запрашивает сценарий, что в большинстве случаев неудобно. В целом форум еще сыроват, но он пока единственный в своем роде. Пожелаем же удачи его автору, Warlock'у!!! Хочется верить что автор не забросит работу и через пару месяцев выдаст нам релиз Exclusive Bulletin Board. Удачи тебе, Warlock.



Автор: Metallica Dec 12 2006, 15:23

Карта сайта: нужна ли она?


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

Вопросы целесообразности
Прежде всего, дадим формулировку понятию "карта сайта". Карта сайта - это функциональный компонент Интернет-проекта, предназначенный для четкой логической структуризации содержания веб-сайта. Другими словами, с помощью карты сайта можно значительно облегчить труд посетителя по исследованию составных документов Интернет-проекта. Возможно, вы спросите: "А как же навигационная система? Ведь именно она создается в качестве некоего путеводителя по разделам сайта?" Безусловно, роль системы навигации сложно переоценить: не будь на сайте интуитивно понятной и удобной навигации, пользователь вовсе не стал бы находиться на таком ресурсе и более того - сформировал бы в своем сознании стойкий негативный имидж проекта.

Отсюда следует первое важное заключение, многократно подтвержденное практикой: "Наличие карты сайта - следствие многоуровневой системы навигации". Поэтому в данном случае целесообразность разработки карты сайта зависит именно от того, насколько сложной структурой обладает система навигации.

Многоуровневая навигация
Мы нередко встречаем веб-сайты, использующие двух-, трех- и более уровневую вложенность навигационного меню. В большинстве случаев такой подход продиктован большим объемом информации, который необходимо донести до потенциального клиента или пользователя - причем, в простой и понятной форме. Один из вариантов - разбить конкретный информационный раздел на несколько частей, присвоив им соответствующие наименования и смысловую направленность. Это второй уровень навигации. Теперь попробуем усложнить ситуацию. Допустим, у нас есть раздел "Контакты", который включает в себя еще три подраздела: "Телефоны", "Карта проезда" и "Обратная связь". Последний, в свою очередь, содержит ссылки на почтовую форму, форум и ICQ-аккаунт менеджера-консультанта. Таким образом, получается третий уровень навигации. В ряде случаев вложенность может быть гораздо больше (например, в описании товаров и/или услуг: "Товары > Программное обеспечение > Freeware > Интернет-приложения > Почта" и т.п.), что приводит к добавлению дополнительных пунктов навигационного меню.

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

Навигационная "крошка"

Присутствие в верхней части окна браузера (в видимой посетителю части экрана) гипертекстовой навигационной строки, например:
» Почта » Интернет-приложения » Freeware » Программное обеспечение » Товары


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

Дублирование верхних уровней меню и остальных разделов первого уровня

Совмещение навигационной "крошки" (возможности быстро перемещаться между уровнями навигации родительского раздела) и остальных пунктов навигационного меню первого уровня, например:

» Почта » Интернет-приложения » Freeware » Программное обеспечение » Товары

ДРУГИЕ РАЗДЕЛЫ: Услуги :: Прайс-лист :: Заказ online :: Помощь :: Контакты


Запутанная навигация
Второе (не менее важное) заключение можно сделать с помощью следующего примера. Существует некий абстрактный сайт, который содержит три раздела: "Товары", "Услуги" и "Заказ online". При определенных обстоятельствах вспомогательные подразделы, входящие в состав названных разделов первого уровня, могут пересекаться и более того - дублировать друг друга:

Раздел "Товары":
Раздел "Услуги":
Раздел "Заказ online":

» Общая информация
» Каталог товаров
» Прайс-лист
» Бланк заказа
» Общая информация
» Каталог услуг
» Прайс-лист
» Бланк заказа
» Каталог товаров и услуг
» Корзина
» Оформление заказа


При таком построении системы навигации посетитель может запутаться в предназначении тех или иных пунктов меню, схожих по смыслу, но логически относящихся к разным разделам первого уровня. Подобная запутанная структура меню, конечно, не делает чести разработчикам, однако, надо признать, что в ряде случаев такое пересечение может быть вызвано различными соображениями или требованиями, обсуждение которых находится за пределами компетенции исполнителя Интернет-проекта (например, пожелание заказчика, требование инвестора и пр.).

Отсюда можно сделать второе важное заключение относительно целесообразности присутствия карты сайта: "Наличие карты сайта - следствие запутанной системы навигации".

Обобщая сказанное выше, можно сделать следующий вывод: присутствие карты сайта может быть обусловлено двумя характерными особенностями структуры навигационного меню: многоуровневым строением и дублирующимися (пересекающимися) пунктами меню смежных разделов. В иных ситуациях карта сайта абсолютно не нужна и только отвлекает внимание посетителя, который ищет в разделе "Карта сайта" дополнительную функциональность.

Приведем простой практический пример, иллюстрирующий данное утверждение. Навигационное меню официального веб-сайта петербургской строительной компании "Экострой" содержит следующие разделы (в скобках указаны разделы второго уровня): "Услуги" ("Поставка комплектующих", "Экспертиза проекта", "Разработка проекта", "Строительно-монтажные работы", "Шеф-монтаж", "Оформить заявку"), "Фасады" ("Общая информация", "Вентилируемые фасады", "Мокрые" фасады"), "Мансарды", "Строительный магазин", "Полезная информация" ("Теплофизика", "Разное", "Интернет-ссылки"), "Вопросы и ответы". Как видно, структура меню достаточно простая, пересекающихся пунктов меню нет, уровень вложенности минимальный. Помимо этого, навигация построена по технологии Dynamic HTML и представляет собой открывающиеся перечни ссылок при наведении курсора на раздел первого уровня. Также предусмотрено постоянное присутствие навигационной "крошки". Все это позволяет посетителю быстро перемещаться по всем пунктам меню из любой точки сайта. Однако, несмотря на высокую функциональность и гибкость навигационного меню, на сайте есть раздел "Карта сайта", содержание которого на 95% повторяет совокупность пунктов меню всех вместе взятых разделов, доступных пользователю без перезагрузки страниц проекта (оставшиеся 5% частично компенсируют недостаточность карты сайта некими дополнениями отдельно взятых разделов). В целом, реализация карты сайта выполнена на чрезвычайно низком уровне и не может удовлетворять потребности посетителей в функциональности (согласно статистике сервера, "Карта сайта" входит в тройку наиболее посещаемых разделов).

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



Автор: Lightsinner Dec 12 2006, 15:29

прочитай правила еще раз, дружок, особенно про рекламу, оцени свое поведение.

Автор: Metallica Dec 14 2006, 10:59

необходимое для web-дизайнера




Редактор:

CoffeeCup HTML Editor v.9.5 (многофункциональный редактор, понадобится для ручного исправления и создания HTML-кода, визуальные же, такие как - Dreamweaver или Microsoft Front Page редакторы не могут полностью контролировать процесс создания web-странички, а также оставляют очень много «мусора» (лишних ненужных, неиспользуемых тэгов))

FTP Менеджер:

Total Commander v.6.0 (для закачивания файлов на сервер)

Браузер (Browser):

Microsoft Internet Explorer 6.0 и Netscape Navigator 6.0
Вообще в настоящее время имеется только три браузера, заслуживающих упоминания - это "Microsoft Internet Explorer", "Netscape Navigator" и "Opera". Для проверки внешнего вида Ваших страничек Вам придется использовать именно их. Причем на компьютере желательно иметь все три браузера (у меня стоит Microsoft Internet Explorer 6.0 и Netscape Navigator 6.0). Нормальная (профессионально) выполненная WEB-страничка должна одинаково выглядеть в любом из браузеров.

Графические пакеты:

Для растровой графики

Adobe Photoshop 7.0 (для создания всех графических элементов) или Paint Shop Pro 7.0 (поддерживает фильтры от Adobe Photoshop (количество фильтров огромно, но нужных для web – немного; они способны повысить работоспособность в Adobe Photoshop и 2-3 нажатиями создать отличные эффекты)) Нужно иметь умение:
Сканирования фотографий
Коррекции отсканированных и готовых фотографий, в том числе - тоновой и цветовой коррекции
Ретуши фотографий
Кадрирования
Понимания различий в форматах графических файлов
Грамотного использования фильтров
Работы со слоями и т.д.
Для векторной графики

Corel DRAW 11.0 или Adobe Illustrator 10 - они обе являются лидерами в своих областях… Нужно иметь умение:
Работать с графическими объектами (группировка, наложение, получение нестандартных объектов)
Работать с кривыми и узлами кривых
Работать с направляющими и сеткой
Разбираться в цветовых моделях (RGB, CMYK, HSB)
Работы с текстом - разместить его на любой кривой
Грамотного использования градиентов и заливок (включая фрактальные)
Грамотного использования эффектов и т.д.
Macromedia Flash v.6.0 (практически это стандарт для использования в Web векторных изображений, обладает собственной средой разработки и позволяет создавать отличную векторную анимацию)

Ulead GIF Animator v.5.0 (программа, позволяющая Вам создавать анимированные GIFы, обладает очень мощными средствами оптимизации и впринципе может заменять на начальном этапе всю работу с анимацией).

Утилиты:

Adobe PageMaker 6.51 (профессиональный издательский пакет для вёрстки,web-дизайна, оформления документации)

Browser Sizer 1.03а (с помощью которой можно проверить, как будет выглядеть та или иная web-страница на мониторах с различным экранным разрешением, без изменения параметров настройки монитора в Windows)

Fine Reader 6.0 (программа для распознавания текста, которая поможет сэкономить массу времени, избавляя от ручного набора напечатанных текстов (я ей пользуюсь для перевода различных статей и текстов с различных языков, а также огромная помощь при программировании – поскольку большинство хороших учебников на других языках))

Оптимизация

JPEG Optimizer

GIF Optimizer

HTML Optimizer

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

А для начала достаточно какого-нибудь браузера, визуального редактора
(напр. Dreamweaver или Microsoft Front Page) и ftp менеджера, а уже по мере накопления опыта Вы освоите и другие программы из вышеуказанного списка.


Автор: interactiv Dec 14 2006, 15:18

Цитата
понадобится для ручного исправления и создания HTML-кода

biggrin.gif а мож лучше блокнотик..


а вообще ф топку если чессна wink.gif этакое ассорти из разных составляющих пользы не принесет..

Автор: dron Dec 14 2006, 15:57

круто ты забазал, лучше скажи как мои сайты улучшить

Автор: Metallica Dec 14 2006, 17:00

Цитата(dron @ Dec 14 2006, 16:57) *

круто ты забазал, лучше скажи как мои сайты улучшить

Учи языки и улучшай

Автор: PINguin Jan 5 2007, 02:50

\\\круто ты забазал, лучше скажи как мои сайты улучшить

Я с Дрона фигею.
Мало того, что открыл тучу левых сайтов, ничего не знает, так еще и требует за него сделать...

Автор: DavidVox Apr 23 2018, 02:00

Есть конкретные технологии веб-программирования, начиная с баз данных и заканчивая языком. Особенно забавно, что место проживания веб-программиста важно.

Объявление вообще несерьёзное не обращайте на него внимания.

Автор: Tier Apr 23 2018, 08:28

Исмольник 2.0?

Автор: Metallica Apr 23 2018, 09:24

biggrin.gif откопали )))
ну а что альфа к примеру по запросу Клавиатуры с ножничным механизмом
на третьей странице

Автор: ismolnik May 25 2018, 12:39

Даёшь следующий урок программирования!