Здравствуйте, уважаемые WEB-дизайнеры!

В этой рассылке я рассказываю о разных тонкостях и эффектах, реализованных "силами" HTML, CSS, JS. Также вы можете задать вопрос в рассылку, на который я постараюсь сразу же ответить!

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

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

А еще лучше - скачайте все в одном RAR-архиве (66 Кб)!

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

Если вы хотите создать свой сайт, используя при этом передовые технологии JavaScript, DHTML, CSS, FLASH и многое другое - то Вам сюда!

WEB-cайт проекта:   www.novi4ok.net

ВОПРОС 39 от Николай:

Здравствуйте, Алекс.
Не подскажите как можно сделать чтобы при передачи ссылки на эмэйл сразу передавалось и имя человека. Вот например такой вариант:

--- Для тех, кто читает рассылку через BAT --- <a target="_blank" href="mailto:alex_soldier@mail.ru">alex_soldier@mail.ru</a> - E-mail для связи со мной --- Для тех, кто читает рассылку через WEB --- <a target="_blank" href="mailto:alex_soldier@mail.ru">alex_soldier@mail.ru</a> - E-mail для связи со мной

и у меня сразу подставляется после Здравствуйте, "Алекс", но это только потому что установлен дополнительный модуль преобразующий английсие имена в русские. А как бы в самом коде прописать чтобы сразу в адресной строке было бы такое: Алекс <alex_soldier@mail.ru>, а не так alex_soldier@mail.ru. Тогда после после приветствия автоматом подставляется имя. Пример дан для TheBat!

ОТВЕТ от Ведущего:

Здравствуйте, Николай.
Вы такое имели ввиду:

--- Для тех, кто читает рассылку через BAT --- <a href="mailto:alex_soldier@mail.ru?cc=alex_soldier2@mail.ru,alex_soldier3@mail.ru&subject=Приветствую&nbsp;вас!&body=Здравствуйте,&nbsp;Алекс!&nbsp;...&nbsp;текст&nbsp;письма&nbsp;...">alex</a> --- Для тех, кто читает рассылку через WEB --- <a href="mailto:alex_soldier@mail.ru?cc=alex_soldier2@mail.ru,alex_soldier3@mail.ru&subject=Приветствую&nbsp;вас!&body=Здравствуйте,&nbsp;Алекс!&nbsp;...&nbsp;текст&nbsp;письма&nbsp;...">alex</a>

Параметр cc=   - кому отправить копии письма (можно несколько адресов через запятую)

Параметр subject=   - тема (вместо пробелов ставим &nbsp;)

Параметр body=   - текст письма (вместо пробелов ставим &nbsp;).

ОТВЕТ от Светлана:

Параметр bcc=   - кому отправить скрытые копии письма (можно несколько адресов через запятую)

ОТВЕТ от Ведущего:

Спасибо Светлана, ваше письмо - просто клад!
Плюс я нашел, как делать перевод строки: %0D%0A
Так что вопрос 39 можно считать закрытым!!!

--- Для тех, кто читает рассылку через BAT --- <a href="mailto:alex_soldier@mail.ru?cc=alex_soldier2@mail.ru,alex_soldier3@mail.ru&bcc=alex@mail.ru&subject=Приветствую вас!&body=Здравствуйте, Алекс!%0D%0A ... текст письма ...">alex</a> --- Для тех, кто читает рассылку через WEB --- <a href="mailto:alex_soldier@mail.ru?cc=alex_soldier2@mail.ru,alex_soldier3@mail.ru&bcc=alex@mail.ru&subject=Приветствую вас!&body=Здравствуйте, Алекс!%0D%0A ... текст письма ...">alex</a>


ДОПОЛНИТЬ ОТВЕТ >>

ВОПРОС 45 от Pavel:

Здравствуйте, alex.
Подскажите, можно ли осуществить регистрацию пользователей (запрашивается ФИО, адрес, e-mail, род занятий) таким образом, чтобы на выходе была EXELевская таблица(Или чтобы данные автоматом заносились в базу данных)? Город, улица, дом и т. д. должны заносится в разные графы таблицы.
Зарание спасибо.

ОТВЕТ от Ведущего:

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

Вообще, БД - достаточно универсальный инструмент, а EXELевская таблица - всего лишь форма его отображения.

Сейчас я открою вам страшную тайну!!!

1) Создайте файл с именем TEST.XLS (пустой - 0 байт)

2) Запишите в него что-то вроде того (разделитель - символ табуляции):



ID ФИО ЯЯЯ 1 Иванов 123 2 Петров 78427 3 Сидоров 434


3) Сохраните и откройте в Excel.

ОТВЕТ от Pavel:

У меня платный хостинг. Поддерживает всё по полной программе (php, Б.Д. и т. д.) Сайт ещё в разработке. Хостер - sweb.ru
Большое спасибо за совет про создание *.xls файлов.

ОТВЕТ от OasisHTML:

На счет методов POST и GET ты наверное знаешь вобщем, если в форме ты укажешь method=get, то потом параметры будут в массиве $_GET[ ] если post, то в $_POST[ ]. Ну и разница естественно еще в том, что параметры post передаются "невидимо" для пользователя а get - через адресную строку используются оба принципа, почему это так:

1. get - когда нужно указать навигацию по сайту. Таким образом пользователь сможет дать кому-нибудь ссылку и другой пользователь перейдет прям в то место, куда нужно;

2. post - в остальных случаях.

Мне вообще не нравятся сайты, где передача паролей производится методом get. А вдруг я эту адресную строку нечаянно перешлю кому-нибудь, и мой пароль увидят другие люди. Также нехорошо передавать через адресную строку всякие временные переменные... по той же причине. М.б. любой файл, хоть index.htm, index.php, form.htm...

Для тех, кто читает рассылку через BAT

------------------------------листинг: <form method=post action=1.php> <input type=text name=login> <input type=password name=pwd> . . . <input type=submit> </form> -------------------------------------- вот ты передал параметры в файл 1.php имена у них login, pwd ... и т.д. ------------------------------листинг: <? // открываем файл на запись $fp = fopen("out.txt","w"); fwrite(fp,$_POST['login']); fwrite(fp,"\t"); fwrite(fp,$_POST['pwd']); // и т.д. // не забывай закрывать файлы // хотя, для РНР это не так страшно, как для СИ или Паскаля, // но все же зачем рисковать fclose(fp); ?> --------------------------------------- не забудь установить файлу out.txt права 660 или больше !!! параметры можно даже так передавать: <form method=post action=1.php?login=YOzh> <input type=password name=pwd> . . . <input type=submit> </form> Только логин сначала хорошо было бы где-нибудь заранее ввести, а потом его надо ловить в массиве $_GET ну это так... просто примера ради --- а вообще, если тебе нужно работать с файлами, то у меня есть прикольная файловая БД, которуя я же и написал!!! она у меня на сайте работает. вернее на сайте все через нее и работает http://oasis.altnet.ru/ вот как будет с ее помощью: <? // подключаем базу include_once("minidatabase.inc"); // создаем таблицу - это можно сделать и вручную, хотя, такой // подход тоже крут - если интересно, могу написать почему!! $mas[0] = "login"; $mas[1] = "pwd"; // .. MDB_CreateTable("out.txt",$mas); // пишем запись в таблицу $query['rec']['login'] = $_POST['login']; $query['rec']['pwd'] = $_POST['pwd']; // .. // но можно обойтись 1й строчкой $query['rec'] = $_POST; MDB_Insert("out.txt",$query); ?> ------------------------------------- // + ничего не надо открывать/закрывать // + можно легко считать ф-цией MDB_Select; // + не надо устанавливать права файлу - сами ставятся! // ну и т.п. фичи


Для тех, кто читает рассылку через WEB

------------------------------листинг: <form method=post action=1.php> <input type=text name=login> <input type=password name=pwd> <!-- ... --> <input type=submit> </form> -------------------------------------- вот ты передал параметры в файл 1.php имена у них login, pwd ... и т.д. ------------------------------листинг: <? // открываем файл на запись $fp = fopen("out.txt","w"); fwrite(fp,$_POST['login']); fwrite(fp,"\t"); fwrite(fp,$_POST['pwd']); // и т.д. // не забывай закрывать файлы // хотя, для РНР это не так страшно, как для СИ или Паскаля, // но все же зачем рисковать fclose(fp); ?> --------------------------------------- не забудь установить файлу out.txt права 660 или больше !!! параметры можно даже так передавать: <form method=post action=1.php?login=YOzh> <input type=password name=pwd> <!-- ... --> <input type=submit> </form> Только логин сначала хорошо было бы где-нибудь заранее ввести, а потом его надо ловить в массиве $_GET ну это так... просто примера ради --- а вообще, если тебе нужно работать с файлами, то у меня есть прикольная файловая БД, которуя я же и написал!!! она у меня на сайте работает. вернее на сайте все через нее и работает http://oasis.altnet.ru/ вот как будет с ее помощью: <? // подключаем базу include_once("minidatabase.inc"); // создаем таблицу - это можно сделать и вручную, хотя, такой // подход тоже крут - если интересно, могу написать почему!! $mas[0] = "login"; $mas[1] = "pwd"; // .. MDB_CreateTable("out.txt",$mas); // пишем запись в таблицу $query['rec']['login'] = $_POST['login']; $query['rec']['pwd'] = $_POST['pwd']; // .. // но можно обойтись 1й строчкой $query['rec'] = $_POST; MDB_Insert("out.txt",$query); ?> ------------------------------------- // + ничего не надо открывать/закрывать // + можно легко считать ф-цией MDB_Select; // + не надо устанавливать права файлу - сами ставятся! // ну и т.п. фичи


ДОПОЛНИТЬ ОТВЕТ >>

ВОПРОС 46 от Александр:

Расскажите пожалуйста, как использовать в JavaScript параметры, вводимые в строке адреса. Например:
http://domain.ru/index.html?id=100 - нужно сгенерить страницу с 100-й картинкой.

ОТВЕТ от Ведущего:

Создайте файл MYFILE.HTM и скопируйте в него следующий код:

--- Для тех, кто читает рассылку через BAT --- <xhtml> <xHEAD></xHEAD> <xbody> <xscript language="Javascript"><!-- var st=''+self.location; var i,n=st.length; for(i=n;i>0;i--) if(st.substring(i-1,i)=='?') break; st=st.substring(i,n); if((i>0)&&(i<n)) document.write('<img src="'+st+'.jpg" alt="Рисунок #'+st+'">'); else document.write('<img alt="Рисунок не выбран!">'); --><x/script> <x/body> <x/html> --- Для тех, кто читает рассылку через WEB --- <html> <head> ... </head> <body> <script language="Javascript"><!-- var st=''+self.location; var i,n=st.length; for(i=n;i>0;i--) if(st.substring(i-1,i)=='?') break; st=st.substring(i,n); if((i>0)&&(i<n)) document.write('<img src="'+st+'.jpg" alt="Рисунок #'+st+'">'); else document.write('<img alt="Рисунок не выбран!">'); --></script> </body> </html>

ПОЯСНЕНИЯ:

Первая мысль после вашего письма - это невозможно!
Потом немного призадумался, напряг память и вспомнил:
Текущий адрес загруженного документа хранится в self.location
Для удобства занесем его в переменную st
Обратите внимание - пустые апострофы нужны для того, чтобы присвоенное значение стало гарантировано строкой текста (если их убрать - выдаст ошибку).

Далее, в переменной n определяем длину строки адреса документа.
В цикле перебираем строку посимвольно от конца к началу в поисках символа "знак вопроса".

Либо он есть (тогда цикл прервется), либо его нет (тогда цикл дойдет до i=0 и закончится).
Корректируем st - заносим в нее часть строки с i-го по n-й символы (т.е. все что после знака вопроса).

Финальная проверка:

1) если все нормально - загружаем рисунок с указанным именем

2) если знак вопроса не найден или после него ничего нет - пишем сообщение

Примечание: Данный код работает не только для чисел, но и для символов (т.е. после знака вопроса может идти произвольное имя рисунка, только без расширения .JPG)!


ДОПОЛНИТЬ ОТВЕТ >>

ВОПРОС 47 от hoting:

Здравствуйте, alex.
Привет всем:)
Значит так, я переопределил назначение тега H2 вот код:

H2 { font-size: 12px; font-family: Arial; font-style: normal; font-variant: small-caps; }

и встала такая проблема, когда просматриваешь через Internet Exploer он ставит большой отцтуп межде словами если их в таблице записывать в столбик, короче он растягивает ячейки по высоте, почему? в мозиле фаирфокс все нормально просматривается, так как надо а тут нет. Как это исправит? Я уже задавал явно высоту столбцов не помогает...

Вопрос: в разных браузерах, а именно в мозиле и в эксплоире по разному выставляется высота столбцов, как в мозиле мне больше нравится! Но почему так?

ОТВЕТ от Ведущего:

Здравствуйте, hoting.
Дело в том, что вы использовали заголовочные теги H1 и H2. Некоторые браузеры (в т.ч. IE) делают им по умолчанию поля. Но ваша проблема решается добавлением margin:0; в стили для H1 и Н2.


ДОПОЛНИТЬ ОТВЕТ >>

ВОПРОС 49 от Василий:

Здраствуйте!
Подскажите пожалуйста как сделать текст обьемным и с тенью?

ОТВЕТ от Ведущего:

Вот эта штука с объемной тенью:

--- Для тех, кто читает рассылку через BAT --- <div style="position=absolute;filter='shadow(enabled=1,color=#000077,direction=135)'"> <h1>Вот эта штука с объемной тенью:</h1> </div> --- Для тех, кто читает рассылку через WEB --- <div style="position=absolute;filter='shadow(enabled=1,color=#000077,direction=135)'"> <h1>Вот эта штука с объемной тенью:</h1> </div>


enabled - если не равно 0, то тень будет
color - цвет тени (лучше брать неяркий)
direction - угол поворота (0,45,90,135,180,225,270,315).
Оптимально взять 135. Предупреждение - данный фильтр работает только в IE (уже в Опере - нет).


ДОПОЛНИТЬ ОТВЕТ >>

ВОПРОС 50 от Василий:

Привет!
У меня к Вам вопрос. Подскажите пожалуйста как мне сделать текстовый баннер, чтобы слова менялись? Например: первое слово имя сайта и через некоторое время появлялось другое слово описание сайта. Как это можно сделать. Подскажите пожалуйста если можно подробно.

Я имею ввиду текстовый баннер размером 88х31. Чтобы вначале показывал URL сайта, а потом название сайта.

ОТВЕТ от Ведущего:

Здравствуйте, Василий.
Вот самое простое из того, что у меня получилось. Работает в IE и Опере. Обязательно напишите, это ли вам было нужно!

--- Для тех, кто читает рассылку через BAT --- <xhtml> <xHEAD></xHEAD> <xbody> <table width="88" height="31" border="1"> <tr><td align="center" valign="middle"> <a href="http://www.mail.ru" onmouseover="document.all['ZZZ'].innerText='www.mail.ru'" onmouseout="document.all['ZZZ'].innerText='ПОЧТА'"> <span ID="ZZZ" style="font-size:13;">ПОЧТА</span> </a> </td></tr> </table> <x/body> <x/html> --- Для тех, кто читает рассылку через WEB --- <html> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <title>Демонстрация: наведите мышкой на надпись</title> </head> <body> <table width="88" height="31" border="1"> <tr><td align="center" valign="middle"> <a href="http://www.mail.ru" onmouseover="document.all['ZZZ'].innerText='www.mail.ru'" onmouseout="document.all['ZZZ'].innerText='ПОЧТА'"> <span ID="ZZZ" style="font-size:13;">ПОЧТА</span> </a> </td></tr> </table> </body> </html>



ОТВЕТ от Василий:

Да. Почти такой баннер, но чтобы слова без наведении мышки, через определенное время сами менялись. Огромное спасибо за ответ.


ОТВЕТ от Игорь:

--- Для тех, кто читает рассылку через BAT --- <xhtml lang="ru"> <xHEAD></xHEAD> <xbody onload="rotate()"> <table width="88" height="31" border="1"> <tr><td align="center" valign="middle"> <a href="http://www.mail.ru"><span id="ZZZ" style="font-size:13">ПОЧТА</span></a> </td></tr> </table> <x/body> <x/html> --- Для тех, кто читает рассылку через WEB --- <html lang="ru"> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <title>Демонстрация: текстовый баннер</title> <script language="JavaScript"> var arrTexts, index = 0; function preloadTexts() {arrTexts = preloadTexts.arguments;} function rotate(){ document.all["ZZZ"].innerText = arrTexts[index]; index++; if (index>=arrTexts.length) {index = 0;} // чтобы поставить задержку 10 сек, нужно заменить 2000 на 10000 setTimeout("rotate()", 2000) } preloadTexts("ПОЧТА", "НА САЙТЕ", "www.mail.ru", "Зайдите", "обязательно!"); </script> </head> <body onload="rotate()"> <table width="88" height="31" border="1"> <tr><td align="center" valign="middle"> <a href="http://www.mail.ru"><span id="ZZZ" style="font-size:13">ПОЧТА</span></a> </td></tr> </table> </body> </html>




ДОПОЛНИТЬ ОТВЕТ >>

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

ВОПРОС 44 от Александр:

А что такое в JavaScript фунция: location.search.substring(). Что она делает ?

ОТВЕТ от Ведущего:

Ну .substring() - это стандартная функция выделения кусочка строки. А вот что такое location.search - ответа пока не нашел. Браузер все время выдает undefined. Возможно, это фраза-запрос, по которому к вам пришли из поисковой системы. Не уверен!


ОТВЕТИТЬ >>

ВОПРОС 48 от Алекс:

Здравствуй, Alex_soldier!
Подскажи, как сделать так, чтобы страница с flash-заставкой при входе на сайт открывалась только при первом посещении сайта? А если пользователь повторно заходит на сайт, то чтобы заставка бы "пропускалась". Заранее спасибо!
Твой подписчик.

ОТВЕТ от Ведущего:

Здравствуй, Алекс.
По поводу вашего вопроса. Давайте чуть-чуть уточним. Что вы имели ввиду:

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

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

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

Это можно сделась с помощью cookies. Если нужно, то я могу посмотреть механизм реализации. Напишите, нужно ли.

ОТВЕТ от Алекс:

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

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

Буду очень благодарен за помощь!
С уважением,
ваш подписчик Алекс.



ОТВЕТИТЬ >>

ВОПРОС 51 от Слава:

Здравствуйте alex,
Я не знаю правильно ли я пишу вам или нет. Но у меня есть один вопрос: Как сделать, чтобы люди заходили на сайт и оставляли там свою фотографию (по желанию, конечно). А то у меня есть сайт знакомств, а вот фото там не предусмотрено. Мой сайт находится по адресу: www.emotions.net.ru

ОТВЕТ от Ведущего:

Честно говоря, не знаю. Это делается более "тяжелыми средствами": PHP + доступ к загрузке файлов на сервер. Думаю, лучший вариант - чтобы они присылали свои фотографии вам на e-mail, а вы сами бы их выкладывали. Это послужит доп гарантией от заспамливания службы. Опубликую ваш вопрос в рассылке - там есть знающие люди!


ОТВЕТИТЬ >>

www.cracksoft.narod.ru - Настройка Windows XP, программы с лекарствами, учебники по программированию, OFF-LINE журналы (Хакер, AboutPC, PC4ever и др.), обои для рабочего стола и многое другое.


УЧЕБНИКИ >> САЙТОСТРОЕНИЕ:

1. 27 способов продвижения сайта *.exe (390 Кб)
2. Учебное пособие по CGI-программированию *.htm (87 Кб)
3. Описание SSI *.html (8 Кб)
4. Web-дизайн: Тонкости, хитрости и секреты *.htm (49 Кб)
5. HTML для тех, кто в танке *.chm (311 Кб)
6. Очень ладно сделанный учебник по HTML.СОВЕТУЮ!!! *.html (183 Кб)
7. Анимационные картинки *.chm (21 Кб)
8. Банк различий браузеров *.chm (41 Кб)
9. Графика на Вашей странице *.chm (561 Кб)
10. Изучение HTML 3.2 на примерах *.chm (233 Кб)
11. Каскадные таблицы стилей *.chm (121 Кб)
12. Практическое руководство по HTML *.chm (64 Кб)
13. Примеры распространенных скриптов *.chm (25 Кб)
14. Программы, необходимые web-designer'у *.chm (144 Кб)
15. Руководство по стилям для создания online гипертекста *.chm (72 Кб)
16. Секреты web-design'а *.chm (103 Кб)
17. Dynamic HTML *.htm (12 Кб)
18. JAVA SCRIPT ДЛЯ МАГА *.htm (501 Кб)
19. Использование метаданных при создании HTML документов *.htm (6 Кб)
20. Типовые ошибки HTML *.htm (4 Кб)