Дизайн, верстка... оцените

[B1ackGh0st]

Здравствуйте, прошу оценить сайт http://www.theflatfish.com/ (дизайн, верстка). Заранее отмечу что проект находится на "средней" стадии разработки.

Так же хотелось бы услышать какие либо предложения.

[nebovluje]

Что тут оценивать-то? Тут, собственно, и дизайна-то нет.

[exeto]

<span class="logo"><a href="http://www.theflatfish.com/"><center>The Flatfish</a></span></center>

Тег center в HTML5 не используется, и с вложенностью беда.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

Не забывайте ставить кавычки, и не ставить вместо них точки с запятой. Опять же, в HTML5 кодировку можно писать так:

<meta charset="UTF-8">

Слеши в конце не нужны. Не понятно зачем использовать <br/>, для того что можно сделать отступами. В <br> слеш тоже не нужен.

<li><div style="margin-left:10px;"><a href="index.php?intel=1">Intel</a></div></li>

Непонятно зачем использовать div.

Не на одном уровне.

Странно выглядит когда находишься на второй странице. Лучше сделать так, | 1 | 2 | 3 |, где двойка не ссылка и другого цвета.

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

Edited April 25, 2013 by exeto

[B1ackGh0st]

А что использовать вместо

[exeto]

А что использовать вместо

Если вы имеете в виду что использовать вместо дивов, CSS использовать. Чтобы сделать многоуровневый список, нужно просто делать список в списке и в CSS регулировать отступы под дизайн.

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3
    <ul>
	  <li>Подпункт 3.1</li>
	  <li>Подпункт 3.2</li>
	  <li>Подпункт 3.3</li>
    </ul>
  </li>
</ul>

Edited April 25, 2013 by exeto

[B1ackGh0st]

нет я про br

[exeto]

нет я про br

Отступы использовать.

<p style="float:right;"><a href="index.php?page=11">Читать дальше →</a></p>

Тут лучше использовать span вместо p. Старайтесь стили писать во внешний файл стилей.

Edited April 25, 2013 by exeto

[Mouse-art]

Фон: чисто белый глаза режет, сделайте, например как тут: #5a5a5a. Я понимаю, если бы его вообще не было видно, но его там очень много.

Логотип: он отсутствует. И это неправильно. Уж на что я минималист, а такое это слишком.

Счётчик: его не видно. Вообще. Я случайно на него наткнулся.

Favicon: бахрома. Причём откровенная. И на рыбу не очень похоже. Кстати, почему "Плоская рыба"?

Ориентироваться невозможно. Я так и не понял куда надо щёлкать, чтобы, скажем, увидеть список постов.

На главной должно быть написано что это вообще за сайт. Я так и не понял. Если пока ни про что — заголовок "Описание" и lorem ipsum.

www — зачем он вам? Это атавизм.

Домен в зоне .com предназначен для коммерческих проектов.

Ссылка "Контакты" ведёт на http://127.0.0.1/index.php?contact=1. Не выпендривайтесь, оно так не полетит.

Капча проходится роботом с вероятностью 1/4. За много кликов (а робот делает их быстро) можно пройти её чисто кликая на самый первый/рандомный рисунок.

Блок "Интересное" кагбэ не меняется и кагбэ ни при чём.

CMS, вы, как я вижу не используете. Если из-за этого там нельзя зарегистрироваться, и не вводить для каждого комментария всё — лучше-таки возьмите какую-нибудь.

Оставил комментарий — премодерация комментариев это ужасно. Так я и не поглядел как они выглядят.

Поиск по сайту: его нет.

[B1ackGh0st]

Сменил фон

Логотип и Favicon я еще не придумал

Исправиль урл "Контакты"

Отключил перемодерацию комментариев, вскоре добавлю регистрацию и уберу капчу.

На главной должно быть написано что это вообще за сайт. Я так и не понял. Если пока ни про что — заголовок "Описание" и lorem ipsum.

Но я как понимаю это на блогах

Разве счетчик должен бросатся в глаза?

как убрать www

Edited May 12, 2013 by B1ackGh0st

[ZI DAN]

Добавлю ещё ложечку дёгтя:

— Мне не нравится главная. Она полностью дублирует «Новости» и вообще не очень информативна. Думаю, нужно её удалить и сделать главной «Новости».

— Ссылки на страницы (1, 2, 3...) зачем-то обёрнуты в span (он там лишний). Почему-то у ссылки на текущую страницу нет номера (пустой маленький квадрат). Она ещё должна быть оформлена по-другому, чтобы было понятно — на какой мы сейчас странице, да и ссылкой её делать не стоит (лучше div или span).

— Фантомный знак вопроса в блоке «Интересное». Я его еле вижу на своём неплохом мониторе. Думаю, на дешёвых мониторах его не будет видно вообще. Да и в целом он там не к месту. Лучше убрать его совсем.

— Много мусора в head. Ещё раз убедитесь в необходимости каждой строчки. Например, верификацию для Яндекс и т. п. можно сделать внешними файлами. Очень много подключаемых скриптов (особенно для такого простого сайта). Все используемые скрипты нужно перенести в один js-файл.

Edited May 13, 2013 by ZI DAN