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

Веб-дизайн. От А до Я.

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

При закрытии подписчики были переданы в рассылку "Интернет-дизайн и мастеринг - полезные советы" на которую и рекомендуем вам подписаться.

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

←   Июль 2003   →
 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
31
Автор
Дмитрий

Статистика

535 подписчиков
0 за неделю
←   Все выпуски   →

Веб-дизайн. От А до Я. # 2 (40) DWEB.ru


Информационный Канал Subscribe.Ru
Веб - Дизайн. От А до Я.
# 2 (40)
7 июля 2003г.
Проект сайта "AGS Design" Dweb.ru
   GoldHost.ru    Jobus.ru кол-во подписчиков - 17000

    В этом выпуске:
  • Посетите...
  • Мышка во Флеш.
  • Компилирование Apache.
  • Внедрение графических изображений
  • Клуб друзей.

    •   Ссылки Вебмастеру:
  • Иконки и кнопки
  • Flash и Photoshop
  • Баннеры & Фото
  • 3D анимация & Фоны
  • Скрипты (CGI,JS,Applet)
  • Анимация
  • Форум
  • Хостинг
  • Web-дизайн
  • Обменные сети
    • Доброе время суток!


    Форум на DWEB.RU. Ответы на ВСЕ Ваши вопросы.

    Последние темы форума:
  • Всё о скриптах
  • О графике (флеш,фотошоп)
  • HTML, SSI, CSS, редакторы



    Flash - Урок # 2

    Movie button.

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

    1. Откроем flash.

    2. Создаём новый файл, нажимаем ctrl + F8 - insert new symbol или меню insert \ new symbol.
    Пишем название кнопки и ставим отметку на против button, жмём Enter.

    3. Теперь мы находимся в меню редактирования кнопки
    up - кнопка в верхнем положении (когда на ней нет мышки)
    over - когда наведена мышка
    down - когда нажата кнопка
    hit - область активации кнопки (т.е как-бы активная зона н акнопке на которой будет акти
    вироваться курсор мыши для нажатия на кнопку)

    4. Рисуем кнопку (например красный кружок) в up нажимаем F6, рисуем другую кнопку (на
    пример заливаем етот кружок зелёным цветом) нажимаем F6, рисуем третью кнопку (на
    пример заливем етот зелёный кружочек синим цветом). Собственно кнопка готова теперь
    только осталось поместить её на главную сцену, через библиотеку а именно : перйти на
    главную сцену scene1 и включить библиотеку ctrl + l или F11(flash mx) . В библиотеке есть
    ваша кнопка, наводим на неё курсор, зажимаем левую кнопку мыши и перетаскивем на сц
    ену1 куда вам заблагорассудиться.

    5. Кнопка готова просто надо нажать ctrl + enter и посмотреть.

    6. А теперь как сделать Movie button ( правда я не знаю как ето называется сам доходил, пото
    му как не нашёл такого урока).Всё намного проще чем кажется:
    a) создаём movie clip нажимаем ctrl + F8 - insert new symbol или меню insert \ new symbol.
    пишем название и выбираем Movie clip. Жмакаем ОК. делаем то, что должно проигрываться
    при наведении курсора на кнопку.

    7. Теперь, если кнопка уже есть в библиотеке нажимаем на кнопке правой кнопкой маши и выб
    ираем Edit если кнопки нет то можнопри создании кнопки не переходить на сцену1, но уже
    надо иметь готовый movie clip.

    8. В режиме редактирования кнопки выбираем кадр over , удаляем рисунок кнопки, а вместо него
    из библиотеки переносим movie clip, на то, где была кнопка. Всё лезем на сцену1 вставляем
    кнопку и смотрим на своё творение

    9. о действиях кнопки в последующем уроке.

    10. пример в зипе button.zip по вопросам обращаться fats@rambler.ru icq # 229976722



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


    Компилирование Apache (настройка)

          Сегодня я вам расскажу как скомпилировать сервер Apache. Но прежде чем его устанавливать, нужно скачать дистрибутив Apache. Можно это сделать с cайта http://apache.org . там всегда есть последняя версия. Поехали :).

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

         А чтоб разделить диск прямо в windows. Можете использовать программу PartitionMagic 7.0 утилита для "разбивки" жестких дисков компьютера без потери информации. Ну а если нехотите так, то просто создайте папку "Server", ну или другую не важно. И установите в нее Apache.

       Если вы устанавили apache на ново-разбитый жесткий то путь будет выглядеть следующим образом:

    Server:\apaсhe

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

     жесткий:\server\apache

    Ну думаю тут и ламеру понятно, идем дальше.

         Итак Apache установлен, теперь нужно его скомпилировать, что мы сейчас и будем делать:

    Сперва найдите и откройте фаил mime.types в директории \conf\ и откройте его в блокноте, внем ищем следующую строчку: 1)Text/html html htm # - и поменяйте в ней следующее верней добавьте Shtml это для того, чтоб сервак распознавал html файлы с расширением Shtml Так на этом этапе все сохраните и закройте этот файл.

    Теперь откройте всем известный httpd.conf в той же директории, и приступим работой над ним, теперь до конца будем работать только с ним: Для начала найдите следующую строчку:

    1) ServerAdmin my@email.com

    # - и замените на свой, это для того чтоб apache сообщал вам об ошибках. Следующая строка Server Name Apache Server

    #- вместо Apache Server вставьте название вашего сервера, как он будет называться.

    2) DocumentRoot "server:\ или c:\ apache\htdocs"

    # здесь вы казываете путь где у вас будут храниться ваши файлы. Укажите cgi-bin (Лучше поближе к корневому каталогу).

    3) Ищем следующее <Directory " server:\ или c:\ apache\htdocs "> Option Indexes Includes AllowOverride All</Directory> и заменяем на следуюжее: <Directory " server:\ или c:\ apache\ htdocs ">

    # Дерриктория "AllowOverride None" для html файлов Options None Order allow,deny Allow from all </Directory>

    4) Далее ищем строчку где указываем используемые индексные файлы, по умолчанию стоит DirectoryIndex index.html , вы же добавляете какие вы используете, обычно это: DirectoryIndex index.htm index.shtm index.shtml index.php index.php3 index.php4

    5) Далее ищем строку, и меняем в не значение где у нас будут храниться скрипты: ScriptAlias /cgi-bin/ "server:\ или c:\ apache\ cgi-bin

    # - - Ну вообщем тут ниче менять не надо

    6) Далее ищем и устанавливаем расширение для скриптов. И других расширений : AddHandler cgi-script .cgi .pl .exe .bat

    7) И последнее для того чтоб SSI обрабатывал файлы не только с расширением shtml - мы устанавливаем какие еще расширения будут обрабатываться.

    AddHandler server-parsed .shtml .htm .html .fhml Ну вот вообщем то и все apache вроде бы установлен.

      Для проверки его работоспособности, откройте Explorer и введите следущее : http://localhost и если появится окно с разными картинками и надписями то все OK! А если ошибка то :(( .Значит вы где то намудрили с Httpd.conf или с mime.types .:))

     Вот вроде все . Желаю всем успехов!


    Автор: Вагапов Эдуард
    URL: http://web-masteru.com

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


    Внедрение графических изображений непосредственно в HTML код web-страниц

    Множество форматов файлов могут сочетать в себе текст и графику. Файлы HTML по своему определению могут содержать в себе только текст и теги - команды языка HTML. Все рисунки, использованные на web-странице хранятся в отдельных файлах. Я задавал подобные вопросы в форум, расслыку, но не получив положительного ответа на вопрос стал искать сам. Проведя множество исследований у меня не оставалось сомнений о том, что формат xbm подойдет для внедрения в HTML. Но каким образом можно внедрить рисунок в код web-страницы ? Наконец, на bolk.exler.ru/readme/020706.htm я нашел решение на интересующий вопрос. И так, обо всем по порядку.

    Графический формат XBM.
    XBM – формат черно-белой графики, предназначенный для X windows system. XBM поддерживает большинство web-браузеров, в том числе и Internet Explorer.
    Этот очень старый графический формат имеет существенные недостатки, из-за чего в настоящее время почти не используется. Черно-белая 1 битная графика, - для управления каждым пикселем используется один бит, следовательно пиксель может быть или черный, или белый. А кроме того рисунок xbm по объему значительно больше, чем такой же gif.
    Образец рисунка xbm 16x16 пикселей. Объем 271 байт.Тот же рисунок в формате gif. Объем 83 байта.
    Но наряду с этими недостатками у этого формата есть большое приемущество: xbm по своей сути файл текстовый и представляет собой программу на языке C, которая и строит изображение. Программный код данного рисунка можно увидеть, если открыть его в текстовом редакторе. Структура формата очень простая: 
    
#define имя_width 16
#define имя_height 16
static char имя_bits[] { матрица };
    Матрица рисунка состоит из определителей вида 0xNN, где NN - двухразрядное шестнадцатиричное число от 00 до FF. Его можно представить как 8 двоичных разрядов (8 бит), таким образом, каждый такой определитель управляет 8 разрядов - 8 точек по горизонтали:
    00000001
    0x01
    00000011
    0x03
    Поле имя вообще ничего не дает, во всяком случае в Internet Explorer, его можно оставлять пустым.
    Определение ширины и высоты рисунка - #define имя_width 16 и define имя_height 16 задаются для того, чтобы указать каким образом по данной матрице будет построено изображение.
    Необходимо, чтобы вышеуказанные три строчки начинались с новых строк, матрица может быть и одной строкой, кроме того - наличие или отсутствие пробелов между определителями не имеет никакого значения.
    Внедренная графика в HTML страницах
    Графические изображения формата XBM можно встроить внутрь HTML страницы средствами javascript - если задать код рисунка XBM как переменную в скрипте с последующим ее вызовом через тег <IMG> методом javascript:
    <script language="javascript">
    s = '#define _width 16 \n #define _height 16 \n static char _bits[] { 0xff, 0xff, 0x01, 0x80, 0xfd, 0xbf, 0x05, 0xa0, 0xf5, 0xaf, 0x15, 0xa8, 0xd5, 0xab, 0x55, 0xaa, 0x55, 0xaa, 0xd5, 0xab, 0x15, 0xa8, 0xf5, 0xaf, 0x05, 0xa0, 0xfd, 0xbf, 0x01, 0x80, 0xff, 0xff, };';
    </script>
    <IMG SRC="javascript:s">
    Внедрение рисунков xbm имеет свои особенности: Если формат xbm поддерживается большинством браузеров, то рисунок внедренный в страницу таким образом отображается только в Internet Explorer. Есть и еще одно интересное свойство - внедренный рисунок нельзя сохранить обычным способом - как рисунок.
    Внедрить графику дргуих форматов (gif, jpeg, png, bmp, ico), которые также поддерживаются браузером не получается из-за того, что они содержат в себе практически все символы с hex кодами от 00 до FF. Некоторые из них браузер не может обрабатывать (в частности символ 00), вследствие чего их нельзя внедрить в HTML код. В отличии от вышеуказанных форматов XBM имеет структуру текстового файла. Не только XBM имеет такую структуру, но еще и XPM - X PixMap, являющийся цветным форматом. К сожалению, последний не поддерживается браузером.
    Генерация рисунков xbm средствами javascript.
    Встречаются CGI скрипты на perl - графические счетчики посещений, генерирующие картинку в формате xbm. Можно осуществить генерацию рисунков xbm непосредственно на странице. Если "внедренный" рисунок xbm описывается как переменная, то естественно переменные можно складывать, генерируя таким образом каждый раз определенный рисунок.
    Наверное, все видели скрипты отсчитывающие что либо - сколько дней назад был открыт сайт, или сколько дней осталось до дня рождения, и т.д.
    Я написал скрипт, занимающий всего 778 байт, который считает дни и генерирует рисунок xbm с цифрами, размером 24x9 пикселей: 
    
<script>
s='#define x_width 24 \n #define x_height 9 \n static char x_bits[] = {';
x='0x';z='};';r=',';h='ff';u='';a='';q='e7';w='db';e='fb';v='df';
var d=new Array(q,w,w,h,w,w,q,h,e,e,h,e,e,h,q,v,v,q,e,e,q,q,v,v,q,v,v,q,h,w,w,q,v,v,h,
                 q,e,e,q,v,v,q,q,e,e,q,w,w,q,q,v,v,h,v,v,h,q,w,w,q,w,w,q,q,w,w,q,v,v,q);
for (var k = 0; k < 3; ++k) { u=u+x+h+r };
created = new Date('February 26, 2003');
nowdt = new Date();
dt = Math.round((nowdt.getTime() - created.getTime()) / (1000*60*60*24));
if (dt < 100) { dt1=0 } else { dt1 = parseInt(dt/100); };
dt22 = dt - 100*dt1;
dt2 = parseInt(dt22/10);
dt3 = dt22 - 10*dt2; for (var i = 0; i < 7; ++i) { a=a+x+d[dt1*7+i]+r+x+d[dt2*7+i]+r+x+d[dt3*7+i]+r; }; ct=s+u+a+u+z;
</script>
Сайт открыт <IMG SRC="javascript:ct"> дней назад
    Данный скрипт можно легко переделать под другие цели. При разработке подобных скриптов лучше всего использовать iframe, в который генерировать результат - будет видно код рисунка и сразу будет ясно что "напахал" скрипт: 
    
<iframe name="test"></iframe>
<script>
test.document.open("text/html");
test.document.write(ct);
test.document.close();
</script>
    Раскрашивание xbm с помощью DHTML и CSS.
    Internet Explorer отображает рисунок xbm, не черно-белым, а черно-прозрачным - вместо белого отображается цвет фона. А кроме того, используя фильтры DHTML и CSS рисунок xbm можно "раскрасить". 
    
Можно получить черный с любым цветом (возможно применение фонового рисунка):
<IMG SRC="..." style="background: 0000ff;">
с использованием фильтра Invert - белый с любым цветом:
<IMG SRC="..." style="filter: Invert; background: ffff00;">
задать прозрачность:
<IMG SRC="..." style="filter: Alpha(opacity=45);">
    Конечно же, возможно применение и других средств DHTML.

    P.S. Помимо XBM есть и другие способы внедрения графики в HTML код. Можно средствами ActiveX провести линию заданной толщины, цвета и др., таким образом можно что-нибудь изобразить. На http://bolk.exler.ru/readme/020727.htm описан еще один способ - внедрение gif'а в HTML код с помощью тега <OBJECT>. Правда не работает в Internet Explorer.http//http// Александр Поляков
    e-mail: doctorgenius@mail.ru

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


    GoldHost-Клуб
    "Клуб Друзей" прекращает своё существование в прежнем виде, но...
    Теперь данная рубрика переименовывается в "GoldHost-Клуб" - правила здесь таковы, что теперь, Вы, рекламируя нас, будете получать за это скидку (до 50%) GoldHost.ru + бесплатную публикацию во всех рассылках. Получить подробные правила и условия.
    * ТАТУ по-русски - сайт Архангельского фан-клуба группы ТАТУ.
    * Авторские игры - военная история и техника, рыбы и рыбная ловля, про заработок
    * Обучение - английскому языку on-line.(бесплатно).Переводы текстов.
    * ChatHome.ru - Классный чат - заходи!
    * Халуцим - Все о израильских винах, экспертная оценка качества вин. Дешевый семейный отдых в Израиле - более 1000 предложений.
    * Портал Знакомств
    * Для Вебмастера
    В "GoldHost-Клуб" может попасть любой сайт. Ссылки вращаются по КРУГУ постоянно. Как в рассылке, так и на сайте. Правила.



    ICQ - Клуб

    Адрес Клуба http://dweb.ru/1/icq.htm

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

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

    Авторам

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


    Давыденко Дмитрий.     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     		Отписаться
    Убрать рекламу
    В избранное