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

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


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

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


Дата: 2004-01-14
Выпуск: 8
Количество подписчиков: 2080


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

Новости:

Вступление

Вначале новости относительно рассылки. К сожалению, они не очень приятные. У меня возникли серьезные проблемы в оффлайне, поэтому следующий выпуск может серьезно задержаться. Я конечно постараюсь все разрулить, но если на следующей неделе вы не увидите новый выпуск - считайте, что рассылка ушла в кратковременный творческий отпуск.

Но, я надеюсь, все обойдется, и рассылка выйдет в срок.

Итак, что же нового на сайте WebStudent? Новые статьи:

Как правильно выбрать платный хостинг
Автор статьи ориентирует в выборе оптимального платного хостинга из 3 популярных всем Интернет-хостинговых компаний: MTW.RU, ValueHOST.ru, NetPlace.ru. Вне сомнений лидирует компания NetPlace.ru, которая и предоставляет нашему порталу высококачественные хостинговые услуги.

Я Вам пишу...
Статья о том, как красиво и правильно писать письма по электронной почте

Обновился Самый полный обзор бесплатного хостинга в Рунете. Я постарался убрать из него большинство битых ссылок, подкорректировал описания с учетом реалий времени, и добавил некоторые новые компании. Думаю, вам понравится.

Обновления в разделе "Учебники":

Книга Дмитрия Кирсанова "Веб-дизайн" - - 5,90 MB
Эта книга поистине заслуживает большой хвалы, и прочесть её должен каждый. Если нет желания читать с монитора, то мой вам совет - купите книгу в бумажном переплёте. Она стоит этого...

Вот что сказал А.Лебедев про сие произведение: "Если вы купите энциклопедию «Британника» на компакт-диске, то вы можете сэкономить на книжной полке длиной в тридцать томов. Если вы купите новую книгу Дмитрия Кирсанова, то вы сэкономите две такие полки."

"У меня есть настольный монитор, компьютер, лампа, стойка для компакт-дисков, пепельница, карандашница, магнитофон, спектрофотометр… теперь у меня появилась настольная книга."

Ищем книжку в разделе "Учебники"

Дэн Маргулис. Photoshop 6 для профессионалов. Классическое руководство по цветокоррекции - 42,14 MB

Большой и полезный учебник. Только жаль, что очень тяжелый... Если готовы качать, то ищем в разделе Учебники по графике


Запретные вещи


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

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

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

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

4. Скрипты, которые изменяют внешний вид броузера. Самая распространенная ошибка - изменение статусной строки. Изначально Web-мастеру дается только окно броузера, в котором и нужно показать всю свою профессиональность. Статусная строка - это та часть броузера, которая принадлежит только пользователю. Ее изменение крутизны вам не добавит, а большая часть посетителей на подсознательном уровне воспримет сей факт, как вторжение на их личную территорию. Подумайте, почему профессиональные дизайнеры избегают скриптов такого рода? Потому что не умеют? Едва ли...

5. Pop-up окна - тормозят загрузку сайта, заставляя посетителя ждать появления совершенно бесполезной рекламы. Очень незначительный процент пользователей обращает внимание на всплывающие окна, другие закрывают его при первой возможности. Здесь кроется психология человека, путешествуюшего в сети - закрывать те вещи, которые он не вызывал. Для коропоративных сайтов pop-up может сожлужить благую роль, если посетители проекта заинтересованы в той рекламе, которую несет окно. В подавляющем большинстве случаев pop-up окно вызывается в качестве платы за бесплатный хостинг или из желания автора сайта заработать WM.

6.Большое количество графики существенно увеличивает нагрузку на канал посетителей, подавляющее большинство которых не имеют хотя бы ADSL, используя стандартные модемы. Если графика ко всему прочему не была оптимизирована, то считайте, что посетитель потерян. В качестве оптимизатора я рекомендую использовать Image Ready, входящий в состав Adobe Photoshop.

7. Более 3 счетчиков посещений вызывают торможение загрузки сайта. Как правило для того, чтобы иметь полный отсчет о количестве посетителей, достаточно иметь 2 счетчика. Наиболее полную статистику предоставляет бесплатный сервис HotLog (http://hotlog.ru).

8. Перегруженность страницы баннерами - это еще один фактор, тормозящий загрузку проекта. Следите за качеством тех кнопок (или более масштабных баннеров), которые вы вешаете на свой сайт. Рекомендуется располагать не более 5 кнопок 88x31, размером не превышающим 15-20 Kb.

9. Кнопочная панель навигации, включающая в себя более 7 пунктов. Такое обилие разделов плохо усваивается посетителем, а кнопки, являющиеся графическими элементами, в большом количестве тормозят загрузку проекта. Следует учитывать и тот факт, что значительная часть посетителей сознательно отключает отображение графики в целях экономии времени. Такие пользователи не смогут увидеть вашу панель навигации. Есть только один выход - использовать атрибуты Alt="...".

10. Использование более 3-х основных цветов делает сайт слишком пестрым, неудобоваримым. Такие проекты сложны для восприятия и, как правило, не могут добиться относительной гармонии между всеми элементами страницы.

11. Создание сайта с помощью таких программ, как FrontPage или MS Word приводит к засорению исходного кода Web-страницы лишними тэгами. Этого мусора содержится, как правило, столько, что сей факт значительно влияет на длительность загрузки проекта.

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

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

14. Опечатки и уличный стиль изложения вызывает неприязнь и отвращение к проекту. Старайтесь следить за своими словами и проверять текст на ошибки хотя бы при помощи MS Word. А лучше дружить с грамматическим словарем :).

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

Использованы материалы:
web-neo.fatal.ru


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

Лимит пребывания пользователя на странице. Иногда необходимо ограничить время пребывания посетителя на странице. Это может быть демонстрационная версия страницы, товара или клипарта. В общем причин бывает много. Реализовать это можно с помощью кода:
<body onLoad="begintimer()"> <script> <!-- var limit="1:00" if (document.images){ var parselimit=limit.split(":") parselimit=parselimit[0]*60+parselimit[1]*1 } function begintimer(){ if (!document.images) return if (parselimit==1) window.location="http://www.site.ru/timeout.html" else{ parselimit-=1 curmin=Math.floor(parselimit/60) cursec=parselimit%60 if (curmin!=0) curtime=curmin+" минут(ы) и "+cursec+" секунд(ы) осталось" else curtime=cursec+" секунд(ы)" window.status=curtime setTimeout("begintimer()",1000) } } //--> </script>
В данном коде лимит пребывания пользователя на странице - одна минута, после чего он будет перенаправлен на страницу http://www.site.ru/timeout.html. Причем, все попытки нажать кнопку "Back" будут пресечены. Код размещается в разделе BODY. Также необходимо помнить, что диапазон указания секунд до редиректа должен быть от 0 до 59.

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

Первое решение с таблицей. Здесь есть надежда, что пустоты, не относящиеся к ячейкам, показаны не будут, поэтому требуется закрывающий ячейку тег </TD>, по стандарту необязательный.

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD><IMG SRC=...></TD> <TD><IMG SRC=...></TD> </TR> </TABLE>
Второе решение тоже обходит противоестественные склонности браузеров. Картинки описываются без промежутков между тегами:
<IMG SRC=...><IMG SRC=...><IMG SRC=...><BR><IMG SRC=...><IMG SRC=...>

Вставить комментарий в код бывает очень необходимо. А сделать это очень просто:

<!-- это комментарий --> <!-- это тоже, только занимает больше одной линии -->

Не забываем, что пробел между "<!" и "--" недопустим , но разрешен пробел между "--" и ">". Типичная ошибка - использование цепи дефисов ("---") в пределах комментария. Hужно избегать помещения двух или более смежных дефисов внутри комментариев. Слишком много комментариев увеличивает вес страницы, а значит увеличивает время её загрузки.

Информация об ошибке SSI. Если вы работали с SSI, то наверняка знаете, как выглядит ошибка (выводится текст: "An error occured during this directive".) Человек знающий поймет в чем там дело (а сочувствующий даже напишет администрации об ошибке), но что делать рядовому посетителю, далекому от сетевых технологий? Все просто - надо сказать ему об ошибке. Для этого наряду с другими директивами используйте эту:

<!--#config errmsg="[Произошла ошибка. Пожалуйста, попробуйте перезагрузить документ. Если ошибка повторится, сообщите об этом координатору сайта.]"-->

Сообщение об ошибке JavaScript не менее важно. На многих сайтах присутствуют десятки скриптов. Многие, особенно на этапе тестирования, частенько глючат. Иногда ошибки парализуют работу всей страницы. А что видит посетитель? Он видит лишь краткое сообщение: мол, произошла ошибка. Затруднительная, особенно для начинающего, ситуация, надо сказать... Что делать? Надо помочь разобраться посетителю что произошло:

<script> function JSerror(){ errorwindow=window.open("","","width=300,height=200") errorwindow.document.write('<title>Сообщение об ошибке JavaScript</title> <strong>Произошла ошибка JavaScript.</strong><br>Закройте это окно и попробуйте перезагрузить требуемую страницу. Если ошибка повторится, пожалуйста, сообщите об этом разработчику. <br><form><input type="button" value="Закрыть окно" onClick="window.close()"></form>') errorwindow.document.close() errorwindow.document.bgColor="#FFFFFF" return true } window.onerror=JSerror </script>

где, "errorwindow=window.open("","","width=300,height=200")" - настройки окна с сообщением об ошибке: наличие панели инструментов, размеры и т.д.
"errorwindow.document.write" - содержание окна (свободное форматирование, включая таблицы, изображения, CSS и пр.

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

Похоже, "на посошок" теперь у нас постоянная рубрика. Мне постоянно хочется впихнуть в рассылку "что-то" не "в тему". Пока протестов от читателей не было, а молчание - знак согласия ;-) Так что я и вам предлагаю присоединится к формированию рубрики. Шлите мне ссылки на интересные, смешные флешки и сайты - я с удовольствием опубликую их в рассылке!

Начнем с забавной флешки. Попугай дурным голосом поет песенку Scorpions. Забавно! Качаем тут

На "второе" у нас занимательный сайтик: http://admin-desktop.by.ru/. Там вы сможете посмотреть, как выглядят рабочие столы самых активных деятелей сети. Местами просто шедевры.

Если вам станет грустно и одиноко, то вам поможет Электронный автопохвалитель, а если надо кому-то сказать "пару ласковых", то к вашим услугам Электронный автоматюкатель

Еще порадовал анекдот:
Объявление:
Продам исходники матрицы (русская версия) + сервиспаки.
Нео


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

Форум Тема Ответов Просмотров Последнее сообщение
Web-программирование Несколько вопросов к крутым програмерам 5 26 11/01/2004 15:22 it4all
Web-программирование Проблемы с РНР! 9 20 10/01/2004 6:12 Remy
Обсуждение сайтов Критикуйте... 14 29 07/01/2004 14:25 Колян|Снова|Жив
Обсуждение сайтов Сайт про мою любимую актрису... 3 43 07/01/2004 6:24 Remy
Обсуждение сайтов Оценка сайта www.aztpa.ru 9 36 06/01/2004 23:41 Colorito

На сегодня это все, встретимся в следующем выпуске рассылки! Удачи!
Самую свежую информацию всегда можно найти на нашем сайте - 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
Отписаться
Убрать рекламу

В избранное