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

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

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Дизайн как индустрия: профессиональное отношение к работе." на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Сентябрь 2001   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Дмитрий

Статистика

2.017 подписчиков
-1 за неделю
←   Все выпуски   →

Веб-дизайн. Вопросы и ответы. # 33 (89)


Служба Рассылок Subscribe.Ru проекта Citycat.Ru
В Е Б - Д И З А Й Н ,  А З Ы
# 33 (89)
12 сентября 2001г. 		Проект сайта "AGS Design" http://dweb.ru
кол-во подписчиков - 23300

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

    Ссылки Вебмастеру:
  • Архив рассылок
  • Анимация и графика
  • Иконки и кнопки
  • Web-Дизайн
  • Доска объявлений
  • Фоновые изображения
  • Баннерообменная сеть
  • Photoshop
  • Баннеры
  • Все скрипты
  • Фото
  • 3D анимация
  • Flash
  • ЧаВо
    • Доброе время суток!

    PHP.


    О корректной работе PHP

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

    0 - NORMAL;
    1 - ABORTED;
    2 - TIMEOUT.

    Когда PHP работает нормально, статус соединения будет NORMAL. Когда клиент прерывает соединение, устанавливается флаг ABORT. Если для выполнения скрипта не хватило времени, то будет установлен флаг TIMEOUT.

    Вы можете указать интерпретатору, будет или нет ваш скрипт прерван при разрыве соединения. Этот вариант можно выбрать функцией ignore_user_abort(). Другой вариант - это создание функции аварийного завершения, как было описано выше. При ее выполнении вы можете задать проверку причины завершения при помощи функций connection_aborted(), connection_timeout() и connection_status(). Если вы использовали ignore_user_abort(), то функция аварийного завершения может обнаружить два статуса, ABORT, если пользователь прервал соединение, и TIMEOUT если при этом скрипт выполнялся слишком долго.

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

    автор: Сергей Келер
    webmaster.comset.net

    		 Оглавление/Вверх


    Трюки и спецэффекты в PhotoShop 6.0.


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

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

    Итак, создаем новый файл и заливаем его зеленой краской. Лучше взять ее скорее темно-зеленой, чем салатовой — эффектней будет результат.

    Итак, прежде всего, добавьте шум на исходное изображение. Сделать это можно при помощи фильтра Noise: Filter –> Noise –>Add Noise (Фильтр –>Шум –>Добавить Шум). Сила действия должна быть порядка 20-30.

    Теперь на время оставим текстуру и перейдем к созданию заготовки для букв.

    Необходимо открыть новый канал. Для этого достаточно кликнуть мышкой по кнопке "Create a new channel" (Создать новый канал) (чистый лист), расположенной в нижней части палитры каналов (Channels).

    Используя инструмент "Text", напишите любое слово в новом канале. Лучше не выбирать слишком массивный или тонкий шрифт, так как в первом случае эффект будет очень грубым, а во втором — либо плохо видным, либо слишком ярко выраженным (зависит от настроек).

    После выполнения последней операции можно вернуться в RGB канал и продолжить редактирование текстуры.

    Для того чтобы придать ей специфический вид, воспользуемся фильтром Wind: Filter –>Stylize –>Wind (Фильтр –>Стилизация –>Ветер).

    Исходную текстуру можно считать готовой. Если хотите, то примените фильтр "Ветер" вторично, возможно в вашем случае это улучшит ее вид.

    Пришло время использовать заготовку в виде текста в канале. После применения следующего фильтра он проступит в канале RGB, кроме того, будет выглядеть достаточно объемным и с наложенной текстурой. Запустите фильтр Эффекты света: Filter –>Render –>Lighting Effects (Фильтр –>Рендер –>Эффекты света).

    Обратите внимание на самый главный параметр — в качестве Texture Channel (Канал текстуры) мы использовали канал Alpha 1, на котором был написан текст.

    Поверните полученное изображение на 90 градусов против часовой стрелки: Image –>Rotate Canvas –>90 CW (Изображение –>Вращать холст –>90 п.ч.ст.).

    Примените фильтр Wind: Filter –>Stylize –>Wind (Фильтр –>Стилизация –>Ветер) для того, чтобы создать "водоросли" на тексте.

    Полученные отростки напоминают намеченную цель очень и очень слабо. Для исправления этого лучше всего воспользоваться фильтром Ripple: Filter –>Distort –>Ripple.

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

    На этом работа сделана полностью. Если результат вас не вполне удовлетворяет, то, скорее всего, стоит его подкорректировать при помощи Brightness/Contrast: Image –> Adjust –> Brightness/Contrast (Изображение –> Настройка –> Яркость/Контраст). Итоговое изображение показано на рисунке. Сейчас, по сложившейся уже традиции, предлагаю вам описание еще одного творения компании, которая создает дополнительные плагины к Adobe PhotoShop, а именно фильтр KPT 5.0.

    KPT 5.0 от Metacreation
    В свое время самым известным дополнительным плагином был KPT 3.0. Он был своего рода стандартом, на который равнялись остальные производители программного обеспечения под PhotoShop. На сегодняшний день KPT 3.0 уже морально устарел. Однако, компания Metacreation не стояла на месте и выпустила еще два уникальных по своим возможностям набора плагинов — KPT 5.0 и KPT 6.0. Данный раздел в этой статье будет посвящен пятой версии программы.

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

    KPT 5.0 это один из лучших наборов плагинов, который в основном направлен на искажение изображения. Его нельзя назвать столь же полезным, как Eye Candy, но и области применения у этих программ совершенно разные. Eye Candy направлен прежде всего на прикладные цели, связанные в основном с web-дизайном. KPT 5.0 плагин скорее художественного назначения, область его применения ближе к полиграфии и искусству.

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

    Продолжение следует...

    Корабельникова Галина
    Источник: http://www.nestor.minsk.by/kg

    		Оглавление/Вверх


    Уроки HTML'а (урок #13)


    Цвет ссылки
    Вы можете изменить цвет текста ссылки. Мы уже говорили как заменять цвета простого текста с помощью тега <body>. Это было на на первом уроке, где также описано как изменить цвет ссылок во всем документе. Но можно заменить цвет ссылки еще и тегом <font>. Посмотрите:

    <a href="http://dlab.by.ru"><font color="green">Design Lab</font></a>

    Поглядите как будет выглядеть такая ссылка на практике:

    Design Lab

    Использование изображений для ссылок
    В качестве средства ссылок на другие веб-страницы, можно использовать не только текст, но и изображения. В предыдущей главе рассказано о том, как помещать изображения на веб-страницу. Теперь вы узнаете, как сделать их так сказать ссылочными :). Это означает, что, когда вы кликаете мышью на изображении, на экран выводится другой веб-документ, ссылкой на который и служило это изображение.
    Так же, как вы ссылались на другой документ с помощью текста, вы можете сослаться на него с помощью изображения. Нужно только вместо текста ссылки задать изображение. По умолчанию браузеры обнаруживают изображение с синей рамкой. Кликнув мышью в любом месте этого изображениея, посетители переходят на соответствующий документ. В качестве ссылок на веб-документы вы можете использовать любые виды изображений, рисунков и пиктограмм.
    Очень популярны также изображения-карты. В качестве изображения-карты может применяться веб-графика любого типа. Такое изображение открывает различные файлы в зависимости от того, на каком фрагменте был произведен щелчок мышью. На следующих уроках вы узнаете об этом поподробее.
    Давайте представим что нужно вставить графический рисунок Design Laboratory на страничку. Посмотрите на это:

    картинка

    Как вы видите синего бордюра обрамляющего картинку нет. В тег <img> я добавил ключевое слово border="0", дающее команду "отключить обрамление". Посмотрите теперь на код изображения:

    <a href="http://dlab.by.ru"><img border="0" src="dlab.gif"></a>

    Обратите внимание, якорь остался тем же, он ссылается на сайт Design Laboratory, но вместо текста я ввел тег <img>. Вот так просто задаются графические ссылки.
    Якоря
    Теперь вы большой знаток по HTML-ссылкам, умеете отсылать посетителей своей домашней страницы к любому другому файлу в Интернете. Однако есть еще несколько способов применения тегов <a> и </a>. Особо стоит отметить их использование в качестве внутренних ссылок и указателей.
    Предположим, вы взяли большую книгу и хотите прочесть в ней только главу 26. Вместо этого вы обратитесь к оглавлению, найдете, где начинается нужная глава, и сразу отправить туда.
    Так же работают якорные теги. Если у вас большой HTML-документ, в различных его местах нужно поставить якоря. Так, если бы толстая книга существовала в виде одного большого HTML-файла, логично было бы установить якорь в начале каждой главы. В начале HTML-файла нужно сделать оглавление, ссылающееся на каждый якорь в вашем файле (или на каждую главу). Если посетитель кликнет на якоре с меткой "глава 26", браузер автоматически перенесет его на якорь "глава 26" в том же файле; ему не придется просматривать бесчисленное количество страниц с информацией. Не забывайте, что якоря предназначены только для работы в одном большом HTML-файле. Чтобы организовать несколько файлов, применяйте гипертекстовые ссылки.
    Давайте возьмем в качестве примера веб-узел, использующий якорные теги. Поглядите на этот сайт. Здесь вы найдете онлайновую книгу HTML Quick Reference. Этот узел содержит полный текст книги. Он разбит на несколько отдельных HTML-файлов, но в каждом HTML-файле есть несколько подразделов. Вы можете просмотреть оглавление и кликнуть на заголовке того раздела, который вас интересует, после чего немедленно увидите нужную часть HTML-страницы.
    Якоря действуют так же, как и ссылки на другие документы в Интернете, только ссылки происходят на внутренние метки документа. Как и с обычными ссылками, вы можете использовать сколько угодно якорей и тегов, но не переборщите.
    Разработчики веба часто называют применяемые таким образом якорные теги флажками.
    Создание якоря и присвоение ему якоря
    Работа с якорными тегами документа содержит два важных этапа. Во-первых, определите, на какие разделы HTML-документа вы хотите сослаться. Во-вторых, введите теги <a href="..">, указывающие на эти разделы.
    Вы можете вводить именные якоря в любом месте ваших веб-страниц. Каждый тег позволяет непосредственно перейти в нужное место с помощью ссылки. В данном примере я помещу четыре якорных тега и соответствующие им ссылки.

    <a href="#raz1">Переход к разделу 1</a><br>
    <a href="#raz2">Переход к разделу 2</a><br>
    <a href="#raz3">Переход к разделу 3</a><br>
    <a href="#raz4">Переход к разделу 4</a><br>
    <br>
    <a name="raz1">Раздел 1</a><br>
    Ваш текст<br>
    ...<br>
    ...<br>
    ...<br>
    Ваш текст<br>
    <a name="raz2">Раздел 2</a><br>
    Ваш текст<br>
    ...<br>
    ...<br>
    ...<br>
    Ваш текст<br>
    <a name="raz3">Раздел 3</a><br>
    Ваш текст<br>
    ...<br>
    ...<br>
    ...<br>
    Ваш текст<br>
    <a name="raz4">Раздел 4</a><br>
    Ваш текст<br>
    ...<br>
    ...<br>
    ...<br>
    Ваш текст<br>

    "<a href="#raz1">Переход к разделу 1</a>" - этой строчкой мы обозначили якорным тегом имя Переход к разделу 1. Чтобы перейти на этот тег, посетитель должен кликнуть на флажке с именем raz1. Посмотрите, к чему привел этот код, и немного "подрессеруйтесь" :).

    Переход к разделу 1
    Переход к разделу 2
    Переход к разделу 3
    Переход к разделу 4

    Раздел 1
    Ваш текст
    ...
    ...
    ...
    Ваш текст
    Раздел 2
    Ваш текст
    ...
    ...
    ...
    Ваш текст
    Раздел 3
    Ваш текст
    ...
    ...
    ...
    Ваш текст
    Раздел 4
    Ваш текст
    ...
    ...
    ...
    Ваш текст

    Задать якорь, как вы убедились, довольно легко.

    Vyskubov Semyon (Poizon)

           Дизайн лаборатория.

    		 Оглавление/Вверх


    Счетчик на PHP без БД.


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

    Исходник:

    <?
$fp = fopen ("counter.txt", "r");
$number = fread($fp, filesize("counter.txt"));
fclose($fp);

$number++;
$fp = fopen ("counter.txt", "w");
fputs($fp, $number);
fclose($fp);
?>
    Этот скрипт открывает файл counter.txt и помещает показатель в начало файла:

    $fp=fopen("counter.txt","r");

    Далее считываем этот же файл, т.е. смотрим, что в нем лежит

    $number=fread($fp, filesize("counter.txt"));

    запись filesize("counter.txt") указывает на текущий размер файла counter.txt…
    Вообще запись fread в шаблонизированном варианте пишется так:

    fread('путь до файла','кол-во байт до которых следует считать указанный ранее файл файл');

    объясняю… пишу

    fread("http://www.umnik.f2s.com/index.php","50");

    скрипт считает файл index.php до 50 байта, т.е. все, что превысит 50 байт будет отрезано.

    Далее мы закрываем исследуемый файл fclose($fp);
    Теперь присваиваем переменной $number число на единицу бOльшую, т.е. $number++; (как и в яве-скрипт). Открываем опять файл counter.txt, но уже стираем все его содержимое и помещаем туда значение $number (т.е. каждое попадание на страницу приводит в действие скрипт и к $number прибавляется каждый раз по единице), закрываем файл. Все основная часть работы выполнена. Почему? Теперь же, нам надо вывести цифры на страницу, чтоб видели все! Делаем это так: находим место, куда бы вы хотели поместить цифру и вставляем туда код
    
<?
echo $number;
?>
    Замечу, что самый первый код и вот этот последний следует помещать на одну и ту же страницу, я помещал верхний скрипт физически вверх страницы (т.е. между head-ами), а сам вывод торчит где-нибудь внизу или в середине. Да, не забывайте переименовывать страницы в *.php *.phtml *.php3, все зависит, от вашего хостера. Подобный счетчик использован у меня на сайте (http://www.umnik.f2s.com/), но показать вам не могу, поскольку он находится на странице, перед заходом на которую следует вводит пароль, его (пароль) можно получить через рассылку Вопросы и ответы по ОС (см. ниже), в общем, это клуб экспертов: все зарегистрированные пользователи, иными словами, подписчики, имеют право отправить свой "срочный вопрос" через мою систему всем экспертам, которые абсолютно добровольно записывают свой майл в БД, а я за это выдаю место под рекламу на страницы отправки вопроса баннер размером 120x60.

    Подобные статьи я публикую в моей же рассылке "JavaScript & PHP".

    Вопросы по скриптам можете задавать здесь http://www.discussboard.f2s.com/ . Свой майл мне не хотелось бы публиковать (спамеры уже надоели), поэтому прошу простить.

    © 2001 Ф.Рахметов
    		Оглавление/Вверх


    Эффект <Iframe> с помощью CSS.


    Вставьте этот код к себе на страницу и посмотрите данный эффект:

    <style>
  DIV.X1
  {
    width:420px;
    height : 100px;
    overflow : auto;
  }
</style>

<!---Заголовок (на самом деле-отдельная таблица)---->
<table cellspacing="0" cellpadding="0" border="1" class="X1" width="400">
<tr>
<td>Это заголовок таблицы</td>
</tr>
</table>

<!---Тело  (на самом деле-отдельная таблица)--->
<DIV CLASS="X1">
<table cellspacing="0" cellpadding="0" border="1" class="X1" width="400">
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS.
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS.
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS.
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
<tr>
    <td>Вы ответили, что знате способ сделать это с помощью CSS.
    Не могли бы вы мне разъяснить этот
   загадочный способ для меня.</td>
</tr>
</table>
</DIV>
    		 Оглавление/Вверх


    Баннерная & Текстовая обменная сеть TBE


    TBE (Tranzit Banner Exchange) http://dweb.ru/go/ - уникальная сеть обмена, позволяющая увеличить посещаемость Вашего сайта. Сеть основана на технологии BannerBankа. Поддерживаются типоразмеры баннеров 468х60, 120х60, 100х100 и Текстовые Блоки. Коммисия 10%. Выкуп показов. Высокий CTR. Каждому новому участнику 20000 БЕСПЛАТНЫХ показов! Узнать подробности и зарегистрироваться можно на сайте http://dweb.ru


    		Оглавление/Вверх


    Клуб друзей


    Работа - Дистантная (удаленная) работа через Интернет по вашей специальности. оператор ПК, программист, дизайнер, переводчик, секретарь. Оплата $400-1000 / месяц (средняя 800$).
    http://www.rodovid.narod.ru - История фамилии Томенко - Хоменко - Фоменко с родословной, мемуары отца.
    http://www.cg-site.dp.ua - Сайт о играх. Игровые новости. Коды к играм. Описания прохождений игр.
    Веб-Дизайн - Обучающие материалы по HTML, PhotoShop, Corel Draw, JavaScript, CGI, различным графическим редакторам. Есть спецкурс создания суперграфики.
    http://audiohi-fi.narod.ru/ - "Audio Hi-Fi" - Сайт для аудиофилов России, обзор аудио-компонентов, схемы, статьи и полезные советы.
    http://www.shoper.hut.ru - Помощь в создании интернет-магазина и его раскрутки, где можно получить бесплатно свой инет-супермаркет, как зарабатывать реальные деньги.
    Партнерская программа - 2 цента за клик, 10% с прибыли каждого привлеченного партнера.
    http://www.owl7.nm.ru - Домашняя страничка Мамонтова Владимира. Смешные анекдоты, картинки и о себе.
    http://bryndin.50megs.com - Арт галлерея Брындина Валерия.
    http://www.click.wallst.ru - Раскрутка вашего сайта. Рекламные компании, увеличение трафика, баннеры. И мн.др.
    http://foma.vov.ru - Сайт тематических форумов на все случаи жизни. Зайди и получи ответ на свой вопрос.
    http://www.honestsurf.f2s.com - Более 100 спонсоров с оплатой за серфинг, чтение почты, визиты и регистрации. Скриншоты. Генераторы траффика. Помощь и советы.
    http://www.missweb.narod.ru - Сайт для влюбленных девушек. Стихи, поэзия о любви. Всемирный сайт знакомств. Чат. Иностранцы. Подарки. Спонсоры. Ресурсы.
    Удвойте скорость своего Интернета! - Ускоритель Интернет - Повышает скорость вдвое! Уникальный сервис, позволяющий до двух раз увеличить скорость загрузки интернет страниц. Самые продвинутые технологии кеширования и сжатия !
    Языки - 3 языковых курса: английский, французский, немецкий. Каждый курс включает в себя программу освоения грамматики и лексики, с последующим закреплением в интерактивных упражнениях и играх.
    Сервер Знакомств.

    В "Клуб друзей" может попасть любой сайт. Ссылки вращаются по кругу ПОСТОЯННО. Как в рассылке, так и на сайте. Правила.
      Подпишитесь:
    Рассылки Subscribe.Ru
    Веб-дизайн, азы
    Веб-дизайн. Вопросы и ответы.
    Веб-дизайн. От А до Я.
      ICQ - Клуб
    Адрес Клуба http://dweb.ru/1/icq.htm

    Если у Вас возник вопрос по дизайну, графике, скриптам и т.п. То Вы в любой момент можете его задать на странице Клуба любому консультанту находящегося в on-лайне.

    Для вступления в icq-клуб присылайте # ICQ, Имя, E-mail, Город, и темы по которым возможна консультация.
    		Оглавление/Вверх

      Вы хотите публиковаться?
      Присылайте статьи или вопрос (по публикации) по адресу dweb@dweb.ru с пометкой "Статьи в рассылку". Гонорар за статьи - договорной (3000-10000 показов TBE).
    Давыденко Дмитрий.     http://dweb.ru/

    http://subscribe.ru/
    E-mail: ask@subscribe.ru     		Отписаться
    Убрать рекламу     		Рейтингуется SpyLog
    В избранное