Отправляет email-рассылки с помощью сервиса Sendsay

Веб-дизайн. Вопросы и ответы.

  Все выпуски  

Веб-дизайн. Вопросы и ответы. # 7 (131) Dweb.ru


Информационный Канал Subscribe.Ru


WEB-дизайн. Вопросы и ответы.
# 7 (131)
18 марта 2003 г.
Проект сайта "AGS Design" Dweb.ru
   GoldHost.ru    Jobus.ru    Jlove.ru    GoldHosting.ru
кол-во подписчиков - 17500


    В этом выпуске:

  • Задать вопрос.
  • Вопросы.
  • Вопросы и ответы.
  • Наши проекты.
  • Организация пользовательских форм
  •   Ссылки Вебмастеру:

  • Иконки и кнопки
  • Flash и Photoshop
  • Gold Хостинг
  • Анимация, 3D и графика
  • Скрипты (CGI,JS,Applet)
  • Фоны
  • Форум
  • Best Хостинг
  • Web-дизайн
  • Обменные сети

  • Доброе время суток!

    Задать вопрос в рассылку можно на сайте http://dweb.ru, вписываете свой вопрос в форму для Обратной связи (правая колонка) и отсылаете или по е-мейлу (здесь существует очередь, т.е. если вопрос у Вас срочный, то задавайте его с сайта) Вопрос публикуется уже в ближайшей рассылке.

    Вопрос публикуется только один раз (из-за ограничения размера выпуска и огромного кол-ва вопросов)
    Вопросы не относящиеся к тематике рассылки и присланные на е-мейл публиковаться НЕ БУДУТ.
    Маленькая просьба. Если Вы пишете автору ответа, чтобы он уточнил какие-либо детали, то цитируйте в письме вопрос и ответ полностью.


    Свои вопросы Вы можете задать на нашем Форуме.

    Последние темы форума:
  • Что такое CGI
  • Установка PHP
  • Нужен скрипт недвижимости
  • Чат во Флеше
  • У меня глючит создание XHTML-документа
  • Параметры страницы
  • Цвет ссылок
  • Эффект Hide Nav/Show Nav. Как сделать
  • Последнее обновление сайта
  • Добавить в избранное
  • Проблема с кодировкой в Apache
  • А как на счёт newmaila
  • Дистрибутив Linux



    Организация пользовательских форм


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

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

    Не обманывайте ожиданий!
    Одной из самых распространенных ошибок сегодня является представление самой обыкновенной email-формы в качестве полноценной формы обработки пользовательских данных.

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

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

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

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

    Такие абстрактные формулировки, как "Имя" и "Ваш адрес" (Ф.И.О. или имя пользователя (логин)? Адрес квартиры, работы или электронной почты?), или, наоборот, двусмысленные, как "Ваш пейджер" (обычный поясной или Интернет-пейджер?) сбивают пользователя с толка и затрудняют заполнение полей формы.

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

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

    Обезопасьте пользователя!
    В большинстве ситуаций пользователю необходимо предоставить возможность предварительного просмотра внесенной информации.

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

    Что касается правки данных. На некоторых Интернет-ресурсах не предусмотрено сохранение ранее введенной информации. То есть заполнив двадцать полей формы, но ошибившись в вводе пароля (к примеру, был включен неверный регистр), по возвращении на ту же страницу вашему взору предстанут чистые поля формы, которые... вы заполняли 5 минут назад!

    Не забивайте голову!
    Когда речь заходит о регистрации в каком-либо сервисе, совершенно ни к чему вопрошать у посетителя всякие глупости, именуемые в таких случаях "секретными вопросами".

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

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

    Алексей Петюшкин



    Вопросы

  • 3194. Поделитесь кодом JavaScript для добавления страницы в Избранное и установки домашней страницы для Opera, NN, Mozilla, Konqueror. Ответить.

  • 3195. Как перед запуском PERL-скрипта запросить пароль у пользователя и логин, а потом проверить их и или пустить скрипт работать, или отправить нелегального гостя куда-нибудь..... Подскажите, пожалуйста, какой кусок кода нужно вставить. Ответить.

  • 3196. Скажите плиз русские сайты, где можно скачать пхп и апач. Ответить.

  • 3197. Вопрос теоретический :0)) ..... У меня имеется некая "база клиентов", по которой рассылаются е-мэйлы посредством РНР функции mail(). База пока небольшая, но потихоньку растет. Также имеется возможность использовать списки рассылки мэйл-сервера, но я их пока не использую. И вот такой вопрос: насколько сильно функция mail() грузит сервер? Не возмутится ли хостер, когда база вырастет до приличного размера? Можно ли каким-то образом скриптами "загонять" базу в список рассылки и делать рассылку автоматически, например, запуском из Крон? Будет ли от этого какой-либо выигрыш по сравнению с рассылкой через РНР mail()? Ответить.

  • 3198. Стакан спасибов тому, кто не поленится написать код(рабочий) на PHP (если еще и на CGI - вообще молодца) вывода данных из таблицы бд MySQL на HTML страницу, т.е. подключение к бд "takoyto", SQL запрос на (name,mail,i_wsakoy_xuyni) и красивый вывод из таблицы "t". Знаю что не форум, но все равно, пользуясь случаем, хочу передать привет умницам, которые превратили этот FAQ в мусор своими ответами типа:"- читай книги" Ответить.

  • 3199. Как в 5-м флешэ осуществить перемещение объекта? Т.е. есть какой-то объект(круг) и некоторая область. Кликаем мышкой куда-нибудь на этой области и круг туда перемещается с заданой скоростью. Ответить.

  • 3200. Flash 5: Есть несколько переменных count1=0,count2=1,count3=1 как сделать чтобы при нажатии на кнопку(1), отправлялись в другой файл (*.txt) только те переменные вместе со значением, которые =1, т.е чтобы проверялось условием (если =1 отправляю если нет остается без изменений)? Затем при нажатии на кнопку(2) они бы загружались. Попутно еще один вопрос, можно ли, чтобы значения в файле, куда отправляются переменные хранились в зашифрованом виде, т.е при открытии файла невозможно было бы их прочитать? Если да то как это сделать? Ответить.

  • 3201. Подскажите какой прогой можно запоковать флэшку в собственную оболочку, т.е чтоб можно было изменить иконку на свою, и другие опции? И где ее скачать? Ответить.

  • 3202. Как сделать так, что бы при наведении на ссылку менялась рядом стоящая картинка, причем если навести на саму картинку она также меняется, а если на ней кликнуть, результатом будет тоже самое, что и при клике на ссылку Ответить.

  • 3203. Я делаю кнопки для Web-страниц в Macromedia Flash 5 и в Macromedia Dreamweaver 4 вставляю с помощью кнопки вставить Flash и далее я не знаю, как сделать посещенные кнопки каким-нибудь другим цветом. Помогите. Ответить.

  • 3204. Други, браты программеры! Я админю сайтец после одного продвинутого программиста. Тот все заскриптовал, а я теперь разгребаю. Помогите, че ли кто-нить! Надо во что:
    Есть скрипт на PHP, который на главной странице выводит заголовок статьи плюс ограниченное количество знаков вступления... Нужно к каждой статье добавить фотку, но так, чтобы на главной странице была превьюшка маленького размерчика, а при просмотре всего текста статьи (этот же скрипт все генерирует) печаталась эта же фотка в нормальную величину. Как сделать такое? Че за команды надо писать? Я промаялся неделю, и так, и эдак пытался, ничего не выходит. Плиззз, помогите, че ли? Скрипт вот какой. Каталог с фотками пусть будет здесь "meeting/photo"
    <?
    // раздел Встречи
    $mtread = 200; // ограничение числа символов в фрагментах заголовков
    $toback = "<p align=center>[ <a href=$PHP_SELF class=left>в раздел</a> ]</p>";
    $dir = "meeting";
    // читаем каталог, собирая в массив имена файлов
    unset($fmeet);
    $d = opendir($dir);
    while (($e = readdir($d)) != false) {
    if (@is_dir($e)) continue; // игнорируем каталоги
    $fmeet[] = substr($e, 0, strpos($e, ".")); // отрезаем расширение
    }
    closedir($d);
    rsort($fmeet); // сортируем
    if ($id == ''): // не указан id интервью
    for ($i=0; $i<count($fmeet); $i++) {
    $text = file($dir."/$fmeet[$i].html");
    $str = $text[1]." ".$text[2];
    $str = substr($str, 0, strpos($str, " ", $mtread));
    $str = ereg_replace("<([^>]|\n)*>", "", $str); // убираем теги
    echo "<p><a href=$PHP_SELF?id=$fmeet[$i] class=news>$text[0]</a><ul>$str...
       <a href=$PHP_SELF?id=$fmeet[$i]><small><b>далее</b></small></a></ul></p>";
    }
    else:
    $text = file($dir."/$id.html");
    echo $toback;
    echo"<p align=center><b>$text[0]</b></p>";
    for ($i=1; $i<count($text); $i++) echo $text[$i];
    echo $toback;
    endif;
    ?>   Ответить.
    
  • 3205. Как можно сделать так, чтобы при обращении пользователей к адресу открываемая заглавная страница http://www.photoprofi.narod.ru/index.htm показывалась не более двух раз, а потом последующие заходы по этому адресу сразу автоматически переадресовывались редиректом на мой другой URL этого же сайта. Может это как-то возможно с помощью cookie или скриптов? Ответить.

  • 3206. Ребята, я конечно понимаю, что фреймы это отстой и все такое, но я хочу так. Подскажите пожалуйста. Есть 4 фрейма, один из них левое меню, второе верхнеее подменю. Как можно из одного фрейма запустить скрипт на выполнения в другом фрейме? Ответить.

  • 3207. Как сделать так чтобы апачи открывался открылся, а потом сам закрылся, но в памяти остался. То есть как бы остался работающим. А то закрывать при помощи программы rbtray надоело. И потом при выходе из винды сообщение о том что надо закрыть апачи, а я хочу чтоб такого не было. Ответить.


  • x. CD ReWriter 24x/10x/40x LITEON [LTR-2410B] Что означают эти цифры 24x/10x/40x...[LTR-2410B]? И для него нужен другой шлейф или подайдет, который к CD рому подключен? Ответить.

  • x. Мой сайт hi.host.net.kg сделайте на своё усмотрение мне баннер. Спасибо. Ответить.

  • x. Как с фреймами работать, чтобы слева было меню, с справа отобажалось то, на что клацаешь слева? Ответить.



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

  • 3184. Очень нужен скрипт, который позволял бы выводить текст в указанном месте окна (в строке таблици, например)при наведении на кнопку. При наведении на другую кнопку - другой текст в том же месте, где и первый.
    Ответ прислал yaniks.
    простой пример: Здесь поставленно на ссылку, но можно на onmouseover, если нужно допустим возращать первоначальное значение текста, то пример 2
    <script>
    function Show(X){
    document.getElementById('Okno').innerHTML=X;
    }
    </script>
    <div id='Okno'>Здесь находится динамический текст</div>
    <a href="javascript:Show('Первый текст')">Первый текстa</a>
    <a href="javascript:Show('Второй текст')">Второй текстa</a>
     .......................................
    <script>
    var Dtext;
    function Show(X){
      Dtext=document.getElementById('Okno').innerHTML;
      document.getElementById('Okno').innerHTML=X;
    }
    function Hide(){
     if(Dtext!=''){
      document.getElementById('Okno').innerHTML=Dtext;
     }
    }
    </script>
    <div id='Okno'>Здесь находится динамический текст</div>
    <a href='#' onmouseover="Show('Первый текст')" onmouseout=Hide()>Первый текстa</a>
    <a href='#' onmouseover="Show('Второй текст')" onmouseout=Hide()>Второй текстa</a>
    Ответ прислал A. Panyutin.
    http://www.keeper.wallst.ru - смотри исходный текст. Либо читай документацию по DHTML. Сейчас онлайн хелп организуется обычно как тут: http://www.masterhost.ru

  • 3185. У меня сайт http://wir.ru написан на ПЕРЛе. Подскажите как можно оптимизировать его (без переписки на другой язык) для того, чтобы он индексировался АПОРТом и РАМБЛЕРом?
    Ответ прислал Константин Л.
    Я на сайт не заходил, но думаю знаю о чём речь. Материалы на эту тему обычно носят названия "Имитация статических страниц" или "Индексирование динамических страниц". Соответствующие исчерпывающие материалы есть на сайте "PHP в деталях" и "Searchengines.ru".
    Ответ прислал A. Panyutin.
    Здраствуйте, я сталкивался с вашей проблемой, вот мое решение: в cgi-bine у меня лежит масса документов и прочей гадости, определенного формата. Каждый "тип" документов в спец. конфигураторе имеет свой скрипт "ассоциаций". Естественно каждый их умеет читать, и писать только то, что надо. С помощью этих конфигов, я фактически вывел все это дело в html файлы, которые отправляют человека, на скрипт "индекс раздела". СКрипт формирующий html справочники - поместил в крон, и раз в час он у меня обновляется. Вот и все.
    Ответ прислал Grigory.
    Можно, и от языка это не зависит (хотя зависит от реализации). За определенную плату могу провести оптимизацию.

  • 3186. Кто подробно расскажет, как осуществляется счет уникальных посетителей через cookie в рейтингах SpyLog, HotLog etc. Можно конкретные примеры на PHP.
    Ответ прислал Горький Юрий.
    Думаю, как и у всех нормальных людей, примерно так: ставится кука на, скажем, 1 час если у человека она стоит, значит посетитель не уникальный, если же не стоит, значит только зашел.
    Ответ прислал Константин Л.
    А чего сложного? Если у посетителя нет вашей сегодняшней куки - значит он уникальный.

  • 3188. Все сайты немые, а есть говорящие?
    Ответ прислал Андрей Попов.
    Сколько угодно. Даже не понятно в чем вопрос. Звук, как и картинка могут быть вполне разнообразным. Только надо ли?
    Ответ прислал A. Panyutin.
    да, вполне нормальная говорильня будет при 11КГц, и 8 кбпс.

  • 3189. Если можно,пришлите пожалуйста способ перевода gif анимации сделанной в Image ready во Front page.
    Ответ прислал Akeon.
    Что-то ты, по-моему мудришь. Гиф-анимация - она просто гиф-анимация, где бы она не была. Некорректный вопрос. Нипиши что ты в принципе хочешь сделать?

  • 3190. Имеется HTML документ .на котором есть картинка маленького масштаба. как сделать так чтоб она открывалась бы в новом окне и при этом использовался бы один и тот же html документ для разных картинок?
    Ответ прислал Андрей Попов.
    Пишем скрипт в начале html-кода:
    <script language="JavaScript">
    <!--
    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }
    //-->
    </script>
    ссылку в тексте прописываем так:
    <a href="javascript:;" onClick="MM_openBrWindow('/путь_до_файла/photo.shtm?/путь_до_картинки/01.jpg','','width=770,height=600')"> <img src="mini01.jpg" width="250" height="170" border="0" title="Нажми, чтобы увидеть крупно" alt="фото"></a>
    создаем страницу /путь_до_файла/photo.shtm на которой будем показывать крупную фотографию :
    <html> <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <link rel=stylesheet type=text/css href=/main.css>
    </head> <body>
    <a href="javascript:window.close()"><img src="<!--#echo var="QUERY_STRING"-->" border=0></a>
    <a href="javascript:window.close()">Закрыть</a>
    </body> </html>
    При нажатии на маленькую картинку будет открыто новое окно размером 'width=770,height=600' и показана картинка /путь_до_картинки/01.jpg. Обратите внимание на расширение файла photo.shtm, и естественно ваш хостинг должен поддерживать SSI.
    Ответ прислал Горький Юрий.
    идея следующая: small.html:
    ...<A href="big.html?pic=picture_name"><img...></A> big.html содержит javascript, который берет параметр pic и внутри тега img через document.write прописывает нужный адрес, зависящий от этого параметра. параметры читать он как я помню, умеет...

  • 3191. Если есть программа или редактор, который позволяет создавать такие ссылки, чтобы при наведении на текстовую ссылку выпадал список других ссылок (лучше с ещё вложенными списками) подскажите - что это за программа. Пример таких списков выпадающих можно увидеть на сайте http://www.ekoland.bzn.ru/ вверху страницы, но этот сайт сделан на конструкторе и его буду переносить.
    Ответ прислал Vadim Smirnov.
    Конечно такая программа есть! Это Xara WebStyle v.3.
    Ответ прислал Женя.
    Вот например AceHTML, хорошая вещь там в DHTML еффектах есть такая вещица.
    Ответ прислал Vladimir Yefremov.
    Есть - Macromedia Fireworks (MX). MX в скобках, потому что, я думаю, что и другие (более ранние) версии этого пакета тоже позволяют это делать, но я пользовался только указанной. В этом пакете можно совершенно просто (не зная никаких основ) сделать выпадающие меню. Есть только два отрицательных момента: 1) ты будешь неприятно удивлен размером файла скрипта и 2) книг лично мне не попалось, а хелп на английском языке, но если ты по-английски читаешь - проблем не будет - изложено все хорошо, есть самоучитель.
    Ответ прислал Wmaster.
    Не нужен никакой редактор. Это оычный Ява скрипт, который можно найти в любом каталоге скриптов

  • 3192. В редакторе Swish не поддерживается хтмл туда только ява скрипты можно вставлять.
    Ответ прислал Ursen.
    И в чём вопрос?

  • 3193. Нужен Ява скрипт который бы открывал окно браузера без его панели.
    Ответ прислал Prezident.
    Без какой панели? и зачем какой то скрипт? Вот открывает окно только с верхним меню:
    <a href="javascript:openWnd('Имя_файла.html')">Ссылка</a> Так можно ещё так:
    <a href="javascript:openWnd('Имя_файла.html',x1,x2)">Ссылка</a> где x1 и x2 зармеры окна которое будет открыто
    Ответ прислал Anton Bochkarev.
    Например такой скрипт для картинки
    <script language="JavaScript">
    function picture () {window.open("URL большой картинки", "newwindow", config="width=ширина картинки , height=высота , toolbar=0 , location=0 , directories=0 , status=1 , menubar=0 , scrollbars=0 , resizable=0"); } </script>
    <a href="javascript:picture()"> <img........></a>




  • GoldHost-Клуб
    "Клуб Друзей" прекращает своё существование в прежнем виде, но...
    Теперь данная рубрика переименовывается в "GoldHost-Клуб" - правила здесь таковы, что теперь, Вы, рекламируя нас, будете получать за это скидку (до 50%) GoldHost.ru + бесплатную публикацию во всех рассылках. Получить подробные правила и условия.
    * Хитрый Лис и его блог. Там всегда интересно.
    * SAKH.3v.ru - Сахалинский портал (Весь Сахалин)
    * GreatWeb.RU - портал продвинутых юзеров, все, что нужно для работы в WEB
    * Авторские игры - военная история и техника, рыбы и рыбная ловля, про заработок
    * Обучение - английскому языку on-line.(бесплатно).Переводы текстов.
    * Разные разности - Чат за 30; Игры; Тесты; Интернет почтой; День рождения; Штрих-коды; Фазы луны
    * GoldHost.ru - Качественный Хостинг от $1.4/14 Мб или $20 в год + домен Бесплатно
    * ChatHome.ru - Классный чат - заходи!
    * Халуцим - Все о израильских винах, экспертная оценка качества вин. Дешевый семейный отдых в Израиле - более 1000 предложений.
    * Портал Знакомств
    * Для Вебмастера
    В "GoldHost-Клуб" может попасть любой сайт. Ссылки вращаются по КРУГУ постоянно. Как в рассылке, так и на сайте. Правила.



    Авторам

    Вы хотите, чтобы ваши статьи были опубликованы в рассылках 'Веб-Дизайн, азы' и 'Веб-Дизайн. От А до Я'? Если вы считаете, что можете написать о дизайне, скриптам, графике и т.п., если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами. Присылайте свои предложения и статьи.
    Давайте вместе делать общее дело! Присылайте свои соображения, мысли, истории... поделитесь своим опытом.
    В качестве гонорара Вы получите несколько строк под Вашей статьёй, для рекламы/описания Вашего сайта.
    Буду рад сотрудничеству.


    Давыденко Дмитрий.     Dweb.ru   GoldHost.ru   JLove.ru  JobUs.ru   DwebHost.ru

    © 2000-2002 Copyright by Dweb.RU
    Копирование материалов рассылки возможно только в случае явного указания на сайт "Dweb.RU" как на источник информации. При этом обязательно явное указание адреса: http://dweb.ru/


    http://subscribe.ru/
    E-mail: ask@subscribe.ru
    Отписаться
    Убрать рекламу

    В избранное