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

В помощь начинающему web-мастеру


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

Главная Статьи Учебники Рейтинг Ссылки Форум
  Webstudent.net.ru - Мы учимся вместе!
Рассылка начинающему web-мастеру.


Дата: 2004-01-21
Выпуск: 9
Количество подписчиков: 2192


Приветствую, уважаемые подписчики!
Сегодня в выпуске:

Новости:

Вступление

Привет, Амигос! Мы снова вместе. Несмотря ни на какие препоны рассылка вновь вышла, и это не может не радовать. Немного не радует другое.

Не радует какая-то апатия моих читателей - ну прямо нет жизни в электропочте! Практически никаких замечаний, советов, вопросов... Знаете, так дело не пойдет. Я стараюсь, работаю для вас, но одному мне не справится.

Во-первых, рубрика "полезные советы". Этот раздел задумывался не как "театр одного актера", а как нечто, больше похожее на faq. Задавайте свои воросы! Не стесняйтесь! (скажу по секрету, вопросы глупыми не бывают) Или хотя бы напишите, что хотели бы видеть в рубрике? Какие материалы? Советы по программированию (какие языки? PHP или JS?), раскрутке, хостингу, HTML, настройке броузеров, серверов, самогонных аппаратов... Ой. Что-то я не туда =) Если вы мне не подсобите, то рубрика рано или поздно умрет.

Во-вторых, статьи. Вопрос тот же самый: какие статьи были бы вам интересны?

В-третьих, некоторые подписчики высказали мнение, что рассылка слишком длинная. Как считаете, рассылка слишком длинная и её надо укорачивать? Если она длинная, то как её привести к нормальному виду? Я вижу как выход, просто сократить объем. Опять же, важно ваше мнение!

Это вроде пока все наболевшие вопросы. Пишите! Это ведь так нетрудно: нужно всего лишь нажать на ссылку - crystall@webstudent.net.ru и набить пару слов. Кто, если не вы?

Ну хватит организационных вопросов, перейдем к новостям. Новые статьи:

Оптимизация для поисковых систем страниц с JavaScript и таблицами стилей
Как известно, куча JS кода или CSS в начале страницы - не есть хорошо. Чем дальше основной текст от начала документа, тем хуже. В статье описаны простейшие (они же самые эффективные) методы оптимизации страниц. Статья для будет полезна начинающим.

Психология в дизайне
В материале затронуты основы психологии дизайна, построения ассоциативного ряда, установления акцентов и верного использования графики.

Внимание! На сайте webstudent.net.ru, пока в экспериментально-тестовом режиме открыт маленький сервис - web-интерфейс к почте. Мы подумали, что такая вещь будет полезна тем, у кого нет вебинтерфейса к мылу (а иногда он ой как нужен бывает!). Такое часто встречается у провайдеров, бесплатных хостингов и проч. Вам достаточно в разделе "Настройка" указать адрес вашего pop-сервера, логин и пароль - и вы получаете сносный веб-интерфейс, с помощью которого можно принимать, читать и отправлять почту. Естественно, сохранность ваших данных гарантируется.

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


5 способов заставить посетителей читать текст на сайте

Автор: Максим Корниенко

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

Пользователи сети крайне редко могут внимательно прочитать более 2-х абзацев сплошного текста. Уже к концу второго абзаца внимание начинает спадать, и остальной текст просматривается по-диагонали. Как же удержать внимание посетителя?

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

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

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

После того, как я посмотрел на это сооружение секунд 10, мне резко захотелось отвернуться. Гвозди "плыли" перед моими глазами, я никак не мог понять, на какой все-таки гвоздь я смотрю. Это вызывало очень сильный психологический дискомфорт.

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

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

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

Избежать аналогичного эффекта с текстом достаточно просто, главное - не лениться и следовать следующим правилам:

  1. Не бойтесь разбивать текст на абзацы. Возьмите за правило: отдельная мысль - отдельный абзац.
  2. При каждой возможности используйте списки. Любое перечисление объектов должно реализовываться не с помощью запятых, а с помощью списка.
  3. Используйте иллюстрации. Не зря говорят - лучше один раз увидеть. Если вы хотите акцентировать внимание посетителя на чем либо - добавьте к тексту графику, и читатели никогда это не пропустят.
  4. Применяйте многоуревневые заголовки, используя теги h1, h2, … Это очень эффективный способ для передачи логической структуры текста. Старайтесь помещать в эти теги те слова, которые используют целевые посетители сайта в запросах к поисковикам. Поисковые системы уделяют большое внимание тегам заголовкам, и использование в заголовках ключевых слов заметно повысит релевантность ресурса.
  5. И, наконец, не забывайте про шрифтовые выделения. Выделяйте цветом или начертанием наиболее важные слова или фразы в тексте. Кстати, тут немаловажно не переборщить: если каждое второе слово будет выделено, эффект будет обратным, поэтому используйте эту возможность в меру.

На этом все.

Использованы материалы:
MAXiMaster.ru


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

Обязательные поля формы вы могли очень часто встречать: почти в каждой форме. Обычно, помечаются они звездочкой (*). Чаще всего это поля "e-mail" и "сообщение", без которых сообщение теряет обратную связь или вообще всякий смысл. Чтобы реализовать проверку полей, надо а HEAD вставить код:
<script> function checkrequired(which){ var pass=true if (document.images){ for (i=0;i var tempobj=which.elements[i] if (tempobj.name.substring(0,8)=="required"){ if (((tempobj.type=="text"||tempobj.type=="textarea")&&tempobj.value=='')||
(tempobj.type.toString().charAt(0)=="s"&&tempobj.selectedIndex==-1)){ pass=false break } } } } if (!pass){ alert("Вы забыли заполнить одно или несколько обязательных полей!") return false } else return true } </script>
где, "function checkrequired(which)" - функция проверки конкретного элемента формы (в данном примере проверяются текстовые поля TEXT и TEXTAREA, а также ниспадающие меню SELECT);
Далее необходимо пометить нужные элементы формы как обязательные для заполнения. Делается это очень просто: впереди значения атрибута NAME каждого обязательного элемента добавляется приставка required (не забудьте указывать символ * для таких полей), например:

* Ваше имя:<br>
<input type="text" name="requiredname" size="25" maxlength="50">

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

Для создания вкладок потребуется таблица из шести ячеек. Четыре из них образуют сами вкладки, а две крайние ячейки нужны больше для красоты, они формируют горизонтальную линию и служат для отступа от краев.
Потребуется всего два селектора, один изменяет стиль текущей вкладки, назовем его open, а второй селектор с именем close будет управлять видом неактивной вкладки. Рамка создается с помощью атрибута border, он позволяет одновременно задать стиль рамки, ее толщину и цвет. Чтобы не образовывалась двойная рамка в местах состыковки ячеек, следует границу справа убрать. Для этого используется параметр border-right: none. Для текущей вкладки (селектор open) следует спрятать также и нижнюю границу. Стиль самой правой и левой ячеек можно описать прямо в теге TD, но при частом использовании вкладок на сайте, лучше создать отдельный класс.

<html> <head> <style> .open { border: solid 1px black; border-right: none;
border-bottom: none; text-align: center; font-weight: bold;} .close { border: solid 1px black; border-right: none;
text-align: center; background: #CFD6D4; } </style> </head> <body> <table width=100% border=0 cellspacing=0 cellpadding=4> <tr> <td width=10 align=center style="border-bottom: solid 1px black"> </td> <td width=25% class=open>Чебурашка</td> <td width=25% class=close>Крокодил Гена</td> <td width=25% class=close>Шапокляк</td> <td width=25% class=close>Крыса Лариса</td> <td width=10 align=center style="border-left: solid 1px black;
border-bottom: solid 1px black"> </td> </tr> </table> </body> </html>

Вам осталось только скопировать текст в файлик и поглядеть как прикольно выходит =)
© htmlbook.ru

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

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

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

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

SSL
Набор инструментов, позволяющих создавать защищенное, шифруемое соединение при работе через Интернет.

SSI
Технология динамического формирования веб-страницы с использованием включаемых страниц. На данный момент из-за ограниченных возможностей почти полностью вытеснена PHP.

трафик
Суммарный объем передаваемых входящих и исходящих данных между сервером (почтовым сервером, веб-сайтом, ftp-сервером) и пользователем за период оплаты тарифного плана.


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

Маленькая флешка. Но забористая =) Уставший паучок. Меня напоминает =)
скачать>>>

Еще вот картинка в тему. Это тоже я!
смотреть>>>

Ну и в конце вообще жестокий adult. Про Карлсона :-)))
смотреть>>>

Анекдот выпуска:
- Ты пойдешь завтра на Киркорова?
- Да как я на него пойду? У меня ни ружья, ни лицензии...


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

Форум Тема Ответов Просмотров Последнее сообщение
Web-строительство Можно ли на обычную ссылку поставить счетчик? 7 14 20/01/2004 23:53 Colorito
Web-строительство Java 4 16 18/01/2004 12:52 Crystall
Web-программирование Несколько вопросов к крутым програмерам 6 53 17/01/2004 22:15 Remy
Web-программирование Скрипт типа как оценки чтоли? 1 10 17/01/2004 21:52 IL-89
Web-программирование Проблемы с РНР! 10 46 16/01/2004 21:51 Remy

На сегодня это все, встретимся в следующем выпуске рассылки! Удачи!
Самую свежую информацию всегда можно найти на нашем сайте - Webstudent.net.ru
Архив рассылки доступен по адресу:
http://subscribe.ru/archive/inet.webbuild.webstudent

P.S И не забывайте - мы учимся вместе!

C уважением, Поликарпов Роман


В начало выпуска


© 2003, Поликарпов Роман aka Crystall
По всем вопросам пишите на crystall@webstudent.net.ru

Все материалы данной рассылки охраняются законом об авторском праве!
Вы можете свободно использовать и распространять материалы, подписанные именем Поликарпова Романа, с указанием автора и активной ссылки на сайт (http://webstudent.net.ru/). Желательно уведомить меня по e-mail :)

Главная Статьи Учебники Рейтинг Ссылки Форум


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

В избранное