Рассылка начинающему web-мастеру.

Сегодня в выпуске:

• Новости
• Новая статья
• Рубрика "Полезные советы"
• Рубрика "Интересные программы"
• Эксперимент: "Вопрос в рассылку"
• Микро-рубрика "На посошок..."
• Новости форума

Новости:

Вступление

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

Внимание! Наша рассылка и сайт WebStudent совместно с хостинговой компанией Net Place проводит МЕГА-АКЦИЮ! Каждый читатель, заказавший до дня рождения нашего сайта (ДО 15 МАРТА!) хостинг у компании NET Place, получает 1 месяц хостинга на любом тарифном плане совершенно бесплатно!!!

Для участия в конкурсе необходимо зайти на сайт хостинга http://netplace.ru, выбрать тарифный план, подать заявку и при оформлении заявки в поле "Откуда Вы о нас узнали" необходимо написать "из конкурса webstudent.net.ru". Качество обслуживания и низкие цены проверены временем и лично мной ;-)

Новость вторая. На форуме появилась занятная идея - всем сообществом написать комплект скриптов для начинающего web-мастера, ориентированные для использования на бесплатных хостингах. Этим методом мы надеемся решить 2 вопроса: во-первых, создать общественно-полезные скрипты (гостевая, форум, доска объявлений, скрипт комментарией, прочее...), во-вторых лишний раз потренироваться, поделится опытом, отточить навыки, помочь начинающим изучение языка. К участию приглашаются все желающие! Отдельно обращаюсь к опытным php-программистам: помогите нам! Вебстуденты вас не забудут =)
Обсуждение идеи в Форуме

Ну и конечно хочется поздравить всех наших прекрасных и чудесных дам с наступающим праздником 8 марта! Спасибо вам, что вы есть, что вы с нами, что вы такие милые и красивые! От всех участников проекта WebStudent поздравляю всех вас и желаю всего самого наилучшего!

Теперь переходим к новым статьям на сайте:

Работа с файлами в PHP
Статья от нашего, уже постоянного, автора IL-89. Статья для тех, кто не любит растекаться "мыслей по древу" - кратко и по делу описаны основные функции языка php для работы с файлами.

Обработка строк в РНР
Еще одна статья о PHP. В статье достаточно глубоко и подробно описаны функции обработки строк: удаление пробелов, перевод заглавных символов в прописные и наоборот, ограничение длины строки, удаление из неё запрещенных символов и многое другое...

Психология восприятия шрифтов
Очень интересная статья! Влияние выбора шрифта на восприятие текста. Вы знаете, каким шрифтом надо писать любовное письмо? А каким заявление? А какием объяснительную записку или отчет начальнику?

Что такое плагиат? (Как защитить свой контент)
Замечательная статья об информационной защите своих материалов. Сделай маленькую подлянку плагиаторщику ;)

---

---

Полезные советы

Чтобы определить откуда пришел посетитель и какой у него броузер, используйте такой простенький java-script:

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

your@email.ru - адрес "Кому".
yoursubject - тема письма.
Yourbody - текст сообщения.
email1@mail.ru, email4@mail.ru - копии сообщений.

Вывод/сокрытие элементов. (by Алексей Петюшкин) Иногда постоянное присутствие HTML-формы на веб-странице бывает неоправданным, с другой стороны - трата дополнительного времени на загрузку нового (или перезагрузку старого) документа тоже не является выходом из положения. Другими словами, нужно предоставить пользователю возможность получения быстрого доступа к форме ввода информации, не вынуждая его перезагружать документ. Такой механизм можно реализовать с помощью скрытых слоев Dynamic HTML. Сначала определяем стилевой шаблон для видимого блока информации, назначив ему название класса ON (в разделе HEAD):

<style type="text/css">
<!--
 .on { font-weight:bold; }
-->
</style>

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

<div id="inline">
<font id="on" class="on" style="cursor:hand;">Убрать/вызвать форму</font>

где, div id="inline" - видимый блок с идентификатором; font id="on" class="on" - назначение текстовому шаблону класса и идентификатора; style="cursor:hand;" - стилевое отображение курсора мыши при наведении на блок вывода/сокрытия формы;

Далее прописываем код HTML-формы, размещая его в отдельном блоке, и присваиваем ему специальный идентификатор:

<div id="onForm"><br><form>
Логин:<br><input type="text" name="login" size="25"><br>
Пароль:<br>
<input type="password" name="password" size="25"><br>
<input type="submit" value="Вход">
</form></div>

Сразу после кода формы вписываем небольшой JavaScript-сценарий, отвечающий за вывод/сокрытие формы:

<script language="JavaScript">
function formOff() {
  var targetId, srcElement, targetElement;
  srcElement = window.event.srcElement;
  if (srcElement.className == "on") {
     targetId = srcElement.id + "Form";
     targetElement = document.all(targetId);
     if (targetElement.style.display == "none") {
        targetElement.style.display = "";
     } else {
        targetElement.style.display = "none";
     }
  }
}
document.onclick = formOff;
</script>

где: function formOff() - функция сокрытия формы; var targetId, srcElement, targetElement; - идентификационные переменные; document.onclick = formOff; - событие, скрывающее при щелчке на видимом блоке информации форму ввода.

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

---

Интересные программы

Natata eBook Compiler 2.1
Утилита для создания "электронных книг" на основе скачанных сайтов или специально подготовленных наборов HTML страниц с картинками. Объединяет все страницы единой оболочкой (exe файл), позволяющей ограничить количество просмотров книги, доступ к HTML коду и т.д. Бесплатная версия по сути является AdWare, рекламирует полную платную версию с поддержкой PDF, имеет ограничение на 50 файлов в проекте. http://addaction.info/~info/natata/natcfree.exe (1268кб)

CodeThatScroller 1.01
Яваскрипт для добавления на ваши страницы слайд-шоу из картинок или прокручивающегося (scrolling) текста. Скрипт бесплатен для некоммерческого использования, в архиве есть руководство по использованию и понятные примеры. Скачать:
http://www.codethat.com/restricted/scripts/codethatscrollerstd.zip (639кб)

CodeThatTree 1.2.1
Яваскрипт для добавления на ваши страницы динамических меню в виде дерева. Скрипт бесплатен для некоммерческого использования, в архиве есть руководство по использованию и понятные примеры. Скачать:
http://http://www.codethat.com/restricted/scripts/setuptreestd.exe (516кб)

CodeThatMenu 2.1.3
Яваскрипт для добавления на ваши страницы динамических (выпадающих) меню. Скрипт бесплатен для некоммерческого использования, в архиве есть руководство по использованию и понятные примеры. Скачать:
http://www.codethat.com/restricted/scripts/setupmenustd.exe (529кб)

J.Class Optimizer 1.0
Программа, которая пригодится тем, кто пишет на Яве. Она оптимизирует классы, используемые Вами, что уменьшает их размер и, соответственно, ускоряет работу Ваших программ. Работает из командной строки. Скачать:
http://www.uni-vologda.ac.ru/~c3c/jco/jco100-win32.exe (159кб)

Cript eMail to HTML code
Программа Crypt eMail to HTML code предназначена для кодирования email адреса в строке mailto HTML кода страницы. Основное назначение программы - предотвращение сканирования ваших HTML страниц и составления списка email'ов для последующей рассылки спама. При этом полностью сохраняется функциональность ссылки - при клики на неё загружается почтовый клиент и пользователь может отправить письмо. Зашифрованный email поддерживается всеми распространенными браузерами: Internet Explorer, Netscape и Opera.
Скачать: http://www.hcsoft.spb.ru/download.php

---

Вопрос в рассылку

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

Новый вопрос: Вопрос №3

"Знает ли кто нибудь как можно оформить авторские прова на статью или серию статей, а то публиковать их так просто страшно. Всё сольют. А простой копирайт поставить в конце страницы меня не устраивает. Он всё равно никого не остановит?"

Ответить!

Вопрос №1
"Дело касается функции PreloadImages(),которую создал мне Dreamweaver когда я делал в нем свои странички. Все вроде бы ничего и когда инет работает быстро страницы "влетают" очень быстро и работы этой функции практически не видно.Но когда связь не очень, тут становится заметно, что функция не работает вовсе.

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

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

Ответ от Ivakin Petr: Выкинь эти функции к бесу! Если у тебя на сайте парочка маленьких картинок, то эта радость там в принципе не нужна. Пользуйся чистым HTML кодом. Смысл всех этих примочек:

<script type="text/javascript" language="JavaScript">
   <!--
      function MM_swapImgRestore() { //v3.0
        var i,x,a=document.MM_sr;
        for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
        }

      function MM_preloadImages() { //v3.0
        var d=document;
        if(d.images)
          { if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
        for(i=0; i<a.length; i++)
          if (a[i].indexOf("#")!=0)
           { d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
        }

      function MM_findObj(n, d) { //v4.0
        var p,i,x; if(!d) d=document;
        if((p=n.indexOf("?"))>0&&parent.frames.length)
        {
        d=parent.frames[n.substring(p+1)].document;
        n=n.substring(0,p);}
        if(!(x=d[n])&&d.all) x=d.all[n];
        for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
        for(i=0;!x&&d.layers&&i<d.layers.length;i++)
            x=MM_findObj(n,d.layers[i].document);
        if(!x && document.getElementById)
            x=document.getElementById(n);
        return x;
        }

      function MM_swapImage() { //v3.0
        var i,j=0,x,a=MM_swapImage.arguments;
        document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
        if ((x=MM_findObj(a[i]))!=null)
           {document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;
        x.src=a[i+2];}
        }
   //-->
   </script>

Которые лепит Дримвивер, дабы застраховаться на все случаи жизьни. Штуки эти весьма полезные, но далеко не всегда и не везде.
И далеко не всегда решение, которое предлагает Макромедиа - оптимально. Самый правильный путь, если нужно оптимизировать вывод графики - писать самому JavaScript сценарии. Хулы не будет!

Ответ от p_kolya (http://realmaster.h11.ru): Грузится первое, что выше. Сделай сайт в таблицах и так которая выше будет грузится быстрее. Или для своего спасера сделай тоже PreloadImages(), что загрузит тебе сначала рисунки, а потом все остальное.

Ответ от Constantine Dobrowolski : А ресурс не на народе случаем? если там то кизяк... так и будет дальше...

Ответ от IL-89: Сразу после тега "<body>" поставь рисунки, которые надо прелоадить, только размер у них должен быть 1*1 (попробуй 0*0)

Вопрос №2

"Что такое шелл? Что значит "войти в шелл"? Вообще зачем он нужен и как его найти?"

Ответ от Oleg Manzhos: Шелл, он же Shell - такая оболочка, предусматриваемая в большинстве системах класса Unix. Оболочки допускают пользователя непосредственно через TELNET или FTP. Многие оболочки также предлагают компиляторы C и имеют другие полезные утилиты UNIX.

Войти в шелл означает начать взаимодействие с ядром системы.
Для пользования Шеллами необходимы начальные знания UNIX систем, или вы с помощью шелла можете изучить UNIX систему. Для работы с UNIX шеллом нужно запустить Telnet (c:\WINNT\system32\telnet.exe) и ввести там адрес системы с которой вы хотите соединится "telnet://address", или воспользоваться утилитой HyperTerminal входящую в стандартную поставку Windows 2000.
У Кернигана и Пайка в книжке за 1992 год Shell называется интерпретатором - посредником, между пользователем системы и ядром системы.

---

На посошок...

Хочу вам представить замечательный сайт http://world-of-love.ru - "Мир Любви и Романтики - подарите любимым Сказку!" На этом сайте вы найдете истории, картинки, открытки, флеш-ролики о любви. Если вдруг захочется романтики - вперед! А связи с наступающим 8 марта хочется представить вам наше поздравление! Симпатичный ролик о том, что женщины сводят нас с ума.
Смотреть!

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

Еще очень порадовал рекламный ролик украинского оператора "ДЖИНС" (сходство с МТС не случайно =)). Смотреть всем, но звук - в наушники: ибо нецензурная лексика. Вот интересно, это реальная реклама? После скачивания поменяйте разрешение на .avi(1.9 мб)
Скачать!

---

Последние темы форума:

Форум Тема Ответов Просмотров Последнее сообщение Web-программирование Господа вэб-программисты!Есть предложение. 29 27 03/03/2004 16:53 it4all Web-программирование Ротация картинок 1 5 03/03/2004 12:29 it4all Обсуждение сайтов http://www.englishforkids.ru/ 3 4 03/03/2004 9:41 gera15 Web-программирование Проблемы с РНР! 12 146 01/03/2004 22:20 it4all Web-программирование Фигня какая-то с титлами! 2 10 01/03/2004 20:03 Crystall Хостинг Посоветуйте что-нибудь... 6 46 29/02/2004 1:38 Loading Флейм Просто интересные факты 8 30 28/02/2004 17:38 Crystall Обсуждение сайтов Дом МТ - Дизайн МТ 23 71 27/02/2004 23:20 Crystall Web-программирование Работа PHP и сервера IIS 2 12 27/02/2004 23:18 Crystall Раскрутка Бесплатный хостинг. Где лучше? 6 193 27/02/2004 23:18 Crystall Посетить форумы