Так делать НЕЛЬЗЯ!
Сегодня, впрочем как и всегда, мы рассмотрим один из сайтов, ссылка на который была прислана нам по электронной почте. Надо сказать, что далеко не каждый сайт удостаивается разбора в текстовом виде, так как существует большое количество неадекватных сайтов, ссылки на которые присылают нам такие же неадекватные веб-мастеры. Этот же сайт вполне адекватен, несмотря на множество ошибок в дизайне, поэтому может быть рассмотрен с чистой совестью.
Вкратце о сайте. Сайт посвящён биологии, а точнее учителю биологии Татьяне Романовой (она нам и написала) и её проектам. Так и называется сайт "Личная страничка биолога".
http://bioformation.ru. Его вы видите ниже на скриншоте.
--Что понравилось--
1. Очень понравился адрес сайта. Домен ru сразу же настраивает на серьёзный лад, платный хостинг тоже. Да и название подобрано удачно.
2. Расположение главного меню. В дизайн очень удачно вписывается. Хотя и достаточно банально, но всё же горизонтальное меню в данном случае намного лучше смотрится, чем вертикальное.
3. На сайте действительно много различной информации, то есть это не просто две странички: о себе и контакты, но ещё и множество материалов, которые интересны не только автору.
Теперь о недостатках.
--Что не понравилось или недочёты на сайте--
1. Если честно, недостатков уйма, причём часть недостатков - совсем не вина автора сайта, а вина авторов пособий, по которым она создавала этот сайт. Дело в том, что уже неоднократно приходилось наблюдать следующую картину при создании сайта учителя/класса/школы и прочих учебных сайтов, так сказать, своими силами. Как обычно это выглядит (в большинстве случаев): ученик/учитель/завуч/директор/школьный дворник идут в библиотеку/спрашивают у учителя информатики книгу/натыкаются в инете на архив статей 99-го года и там набираются "знаний", которые устарели лет эдак 5-8 назад. После этого делают сайт, который внешне устарел, причём устарел намного. Это неверная тактика. Прежде всего, особенно начинающим, очень советую потыкаться по различным форумам, и сайтам, которые посвящены дизайну и которые (самое главное!) часто обновляются. И посмотреть какие сайты у них в фаворе, а какие нет. Отсюда делать уже выводы. Ладно, закончим лирическое описание, поехали дальше.
2. Начнём как обычно, с самого верха. А именно с названия главной страницы и, по совместительству, сайта. "Личная страничка Романовой Т.М." - здесь уже кроется первая ошибка. Дело в том, что создание личных страничек - вот предмет обсуждения всей литературы до 2003-2004 года, после этого эпоха личных/домашних страничек уже как бы и перестала существовать. Теперь не страницы (и тем более не странички!), а сайты и порталы наполняют интернет. Ваш сайт тянет именно на сайт, так что и называйте его так. Теперь далее. "Личная страничка Романовой Т.М." - заголовок страницы и сайта - это один из ключевых методов поисковой оптимизации и раскрутки сайтов. Неужели вы действительно считаете, что люди в поисковой системе когда-нибудь введут эту фразу? Думаю, нет. Поэтому думаю, что назвать сайт и страницу лучше так, чтобы название действительно отражало суть проекта. Ещё к слову, если вы используете в названии слово "личный", то там и должно быть что-то "личное", а не "общественное", как у вас. Кажется, ерунда. Но основные посетители на 80 процентов сайтов идут с поисковых систем.
3. Теперь перейдём к самому сайту. Первое, что бросается в глаза, это фон. Замечательно многократно размноженный зелёный листочек давно стал атрибутикой сайтов по борьбе или в защиту наркомании. Поэтому, чтобы не было ненужных ассоциаций, я бы убрал этот фон. И заменил его чем-нибудь менее пёстрый.
4. Надпись вдоль вертикали сайта "Сайт проверен на вирусы". Уважаемый автор сайта, так делать нельзя! Почему? Хм...хороший вопрос, есть как минимум несколько объяснений этому. Во-первых, априори ни на одном сайте нет вирусов, и у посетителя сайта должно быть именно такое мнение, поэтому если вы ставите такую надпись, то значит либо у вас всё-таки есть вирусы (результаты проверки там не написаны), либо у вас были вирусы (а кто знает, вдруг появятся ещё раз). Подобные надписи отпугивают посетителей, которые бредят антивирусными программами, или попросту новичков. Вам это нужно? Не думаю, поэтому надпись советую убрать. Ну и ещё одна причина: надпись очень выглядит неэстетично. Красная неоформленная надпись, вертикально, по зелёному фону. Бее...
5. Продолжаем, то есть начинаем оценивать уже контентную часть сайта. И начнём с шапки. Про название сайта я уже сказал, лучше убрать. Что это за синяя однопиксельная рамочка вокруг шапки? Нет, её быть не должно. Шапка сама по себе вопиюще ужасна. Фон настолько разномастный, что надпись на нём достаточно плохо читается и возникает некий дискомфорт. Деревья и здание (хм..школа?) убрать, замените на что-нибудь не столь громоздкое и простое для восприятия. Теперь вырезанные из фона люди. Это что отсканированные фотографии? Очень плохое качество, как фотографий, так и самого вырезания. Они всё портят, поэтому либо замените, либо уберите их с шапки долой.
6. Горизонтальное меню. Откуда курсив? И главное зачем? Курсивом выделяются термины в статьях, и всё, больше он нигде не присутствует. Тем более, в меню. Кстати, в FireFox'e курсива нет, а в IE есть. Следующий момент: выделение при наведении. Подчёркивание сверху и снизу, + дополнительный фон у надписи. Вот это по-настоящему признак новичков. Принцип: чем больше декоратива, тем лучше - не работает в большинстве сайтов. В данном случае, я бы просто немного изменял цвет самой надписи, не более.
7. Опускаемся ниже и опять сталкиваемся с фоном. Взята стандартная суперзаезжанная текстурка, которая давным-давно всем надоела. Избавляйтесь от этого. Почему текст должен быть на какой-то текстуре? Фон не должен отвлекать людей от чтения, ведь это фон. Сделайте его просто цветом. Теперь цвет текста. Синий. Вы знаете, что лучше всего читается чёрный текст на белом фоне? Исходите из этого. Соблазн велик всё сделать "по-дизайнерски", но посмотрите на книги, сколько книг (кроме детских) вы найдёте с нестандартным фоном? Практически ни одной.
8. Картинка справа про учителя. Сжечь. Я серьёзно. У вас текст с иллюстрациями не совпадает. Текст на сайте как будто только взят из научного доклада педагогических работников о всеобщей интернетизации и компьютеризации школы, а картинки сделаны в ворде (максимум, с помощью WordArt). Это очень низкое качество работы. Не можете лучше? Тогда убрать. И поставить лучше ещё одну фотографию.
9. Пару слов про текст. Вот посмотрите на этот текст, который вы читаете. Казалось бы, текста много, картинок мало, нужно как-то делать так, чтобы текст читался. Именно поэтому, во-первых, присутствует список (это облегчает читабельность), во-вторых, деление на абзацы (заметьте, в интернете нет красной строки, делать её насильно не стоит), в-третьих, особо важные слова выделяются и приковывают к себе внимание. Кстати, о выделении слов. Только полужирным. Или каким-то одним и тем же цветом. Но никогда не выделяйте с помощью изменения фона у текста, а также всеми остальными доступными средствами сразу.
10. Опускаемся вниз. Повтор меню. Зачем? Меню на сайте должно быть одно. И более того, посетитель сразу заметил где у вас меню. Повтор меню уместен, когда долго идти наверх. Но это не ваш случай, у вас всего текста на два экрана. Ладно, смотрим ниже, и что мы видим? Ваш e-mail. Как мило! "Как мило!" - подумали сборщики мейл-адресов для спам-базы. А потом вы удивляетесь, откуда столько спамеров? Так вы сами воткрытую пишите свой адрес на сайте. Что делать? Отдельный раздел "Контакты", в котором с помощью серверных языков программирования вставьте форму отправки письма. Иконка не в тему. Всё перед этим было без иконок, а тут раз на-тебе, появилась иконка.
11. Так называемый подвал. Почему вы его расположили на общем фоне? А не на фоне основной, контентной части? Так смотрелось бы намного лучше. Что мы видим в нём. Информер погоды (как мило, интересно зачем он нужен?!), показатель ТиЦ'а (а вам зачем он, у вас же ноль пока, не позорьтесь), три счётчика (оставьте какой-нибудь один). А вообще в подвале нужно располагать информацию об авторе сайта + контакты для связи с вами. В этом случае, просто ссылка на контакты, а не полностью e-mail.
12. Для полноты ощущений зайдём на какую-нибудь другую страницу на сайте. Зашёл. И не зря. Почему-то на внутренних страницах сайта нет шапки и счётчиков. Именно с помощью шапки создаётся единый дизайн сайта, поэтому шапка должна быть обязательно, это достаточно грубое нарушение. Счётчики. Дело в том, что если человек к вам с поисковика придёт не на главную страницу, а сразу на внутреннюю, то он не зафиксируется вашими счётчиками, то есть счётчики должны стоять обязательно на всех страницах сайта.
--Общее впечатление--
Общее впечатление: неважное. Слишком многое сделано по старому стилю, то есть так, как описывается в книжкам пятилетней давности и как уже давным-давно не принято делать. Это касается всего: дизайна, подбора цветов, фиксированного, а резинового вида сайта, старые, хорошо заезжанные эффекты и прочее, прочее. Что делать? Менять и развиваться. Основные ошибки я назвал, но, естественно, их больше. К толму же видно, что к созданию сайта подошли ответственно и трудолюбиво, поэтому я думаю, вы всё исправите, и всё будет просто расчудесно. Если же будут какие-то вопросы, то пишите на
наш форум, и мы с радостью (в том числе, и я) подскажем вам, что и как сделать лучше.
Вот и закончился ещё один обзор сайтов. Если у вас есть сайт и вы не боитесь, чтобы мы его заценили, не боитесь критики, и хотите узнать что с ним не так, то присылайте его мне! Также можно присылать и чужие сайты, мы их тоже оценим.
Если нашли ошибку в тексте статьи, радуйтесь! Вы подловили нашего корректора :) и, таким образом, дали ему ещё один стимул к развитию и совершенствованию. Всем пока, и до встречи на сайте
webdix.ru и на страницах журнала. Ваш Nikitar.
