Jump to content

Оцените сайт написаный мной


krasavhik
 Share

Recommended Posts

Оцените, пожалуйста, юзабилити и общее впечатление. В ближайшее время доделаю AJAX и поправлю код и будем вместе оценивать и код. Пока думаю по коду будет много косяков(.

Ссылка форум "битая" про это вкурсе.

Спасибо.

ССылка на сайт. http://www.smescement.ru/

Вот новая ссылка после попытки исправить сайт по вашим замечанием. http://utf.smescement.ru/index.php

офтопик о себе

Если кому интересно мне 22 года, сайты хобии, Выше сайт компании где я работаю сисадмином. Сайт писал с нуля в блокноте. К сожалению пока не знаю Javaskript и использую мысли форумов.

История как я написал первую строчку кода на РНР.

Мне было 16. Был у нас в сети у парня свой сервер, я там был зареген и оставил немало инфы тел свой и емеил. Ну и как всем подроском мне хотелось показать себя. И начал ломать сервер, после 30 минут попыток получаю звонок на мобилу с неизвестного номера. Отвечаю. Привет хацкер, такими примитивными мерами мой сервак не сломать, в следущий раз предупреждай перед тем как ломать - я не против проверки безопасности сайта, если это не тупой ддос и я вкурсе. Пойдем пройдемся пивко попьем. Не знаю что мной правило, но я согласился. Шел и боялся получить пи...ы. Встретились. Визуально, человек не был качком, поэтому немного меньше стал боятся. Поболтали походили он немного о себе рассказал(что он бывший милиционер, но не платили и хотел в сисадмины но не брали и он решил себе сделать сервак и доказать что сможет его содержать в безопасности), а я о себе. Позже спросил, а прежде чем пытаться рушить - ты что нибудь создал в своей жизни? Я вот сервер сделал все сам. И железо и ПО и код сайта сам написал!. Если будет желание обращайся буду помогать создавать. Тем вечером он мне дал доступ на сайт(как сейчас понимаю просто дал нормальный хостинг с практически анлимом по месту и БД) и показал как писать странички.

Спасибо тебе Леха из Ултранета)

Edited by krasavhik
Link to comment
Share on other sites

Слева вверху телефоны по мне дак вообще не смотрятся.

А так, обычный трехколоночный сайт.

Нет у вас дизайнерского скила) Как и у многих верстальщиков/программистов.

Поищите хороший шаблон и сверстайте по нему.

Сейчас это похоже на аля 2000ые, имхо.

Продолжайте и все получится)

И прекратите писать в блокноте! Попробуйте sublime text хотя бы) Или любой редактор хотя бы с подстветкой

Link to comment
Share on other sites

недалеко ушел за 6 лет. Уровень дизайна годов так 1995-2000.

Про "писал с нуля" помоему полукавил немного (прочитайте head шапки, комментарий), наверное взял шаблон и переделал.

id="verhi", class="nameverh" ))))

скорее всего директор пожадничал и сын сотрудника сделал "сайт" :D

Edited by gibigate
Link to comment
Share on other sites

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

- Контакты в хедере сливаются с фоном, да и фоновое изображение не ахти.

- Между хедером и навигацией хорошо бы сделать отступ.

- Боковые колонки внизу резко обрываются, словно обрубленные.

  • Like 1
Link to comment
Share on other sites

Что все накинулись на парня, то что блоками div сверстал это уже хорошо не 2000 годы :D

Шрифты желательно бы чтобы без засечек были, такие как Arial, Verdana, sans-serif а не Times New Roman.

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

Горизонтальное меню как карикатура, в div id="verhi" избыточное количество атрибутов class, без которых можно было бы обойтись.

Много рамок ненужных у блоков.

По контурам объектов на картинках видно что вырезано не качественно.

<script type="text/javascript" src="./javascript/script.js"></script> 404: Not Found - Не правильный адрес во первых, во вторых теги script должны быть после тегов link.

<link href="www.smescement.ru//style.css" rel="stylesheet" type="text/css" /> 404: Not Found.

Нету ЧПУ.

Link to comment
Share on other sites

index.php?content=cement?&rod=1

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

мне 22 года

ну а мне 24)))) и что? )))

Edited by Николя223
Link to comment
Share on other sites

История как я написал первую строчку кода на РНР.

Тем вечером он мне дал доступ на сайт(как сейчас понимаю просто дал нормальный хостинг с практически анлимом по месту и БД) и показал как писать странички.

И начал ломать сервер

Ничего не зная о страничках, хостинге, и серверсайде.

Мне просто интересно - КАК? ) F5?

Если это все правда, то "эту страну не победить" :lol:

Link to comment
Share on other sites

История как я написал первую строчку кода на РНР.

Тем вечером он мне дал доступ на сайт(как сейчас понимаю просто дал нормальный хостинг с практически анлимом по месту и БД) и показал как писать странички.

И начал ломать сервер

Ничего не зная о страничках, хостинге, и серверсайде.

Мне просто интересно - КАК? ) F5?

Если это все правда, то "эту страну не победить" :lol:

я как то пытался codelobster -у (программка, в которой я код пишу) дать(через файл-зиллу помоему) доступ к хостингу по ftps... в итоге сервер после третьей не удачной попытки - упал((( или посчитал что его злостно досят(((

оказалось хозяин сервера даже и не предполагал такое... раньше только по ftp заходил

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

В следующие пол часа при заходе на сайт выскакивала страничка : I'm not zombie..

Соглашусь, эту страну не победить )))

Link to comment
Share on other sites

index.php?content=cement?&rod=1

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

Вторая переменная говорит о "родителе" для меню слева. Например видно хорошо по ссылкам (смотрим меню слево).

http://www.smescement.ru/index.php?content=cement?&rod=1

http://www.smescement.ru/index.php?content=mix?&rod=2

http://www.smescement.ru/index.php?content=mixm200?&rod=2

Меню слева, это что то похожее на древовидное меню(

Ничего не зная о страничках, хостинге, и серверсайде.

Мне просто интересно - КАК? ) F5?

Если это все правда, то "эту страну не победить" :lol:

Все было примитивно и просто читаю кулхацкерский сайт например введя в поиски "И следуем сайт на дыры" а так же проверял обычные SQL injection.

Ясно дело, что о каких то супер хаках речи не было.

Скажи честно, вас руководство заставило написать?

p.s. Как можно с вами связаться?

сайт компании, но спрашиваю для себя в рамках познания.

Vin Noel - спасибо большое. Пока только шрифт на более закругленый поменл. И уже по отзывам

знакомых сказали, что стало лучше.

Скажи честно, вас руководство заставило написать?

p.s. Как можно с вами связаться?

Напишите в личку. Пока сам писать Личные сообщению не могу. Нет 30 постов.

Edited by krasavhik
Link to comment
Share on other sites

Вторая переменная говорит о "родителе" для меню слева. Например видно хорошо по ссылкам (смотрим меню слево).

http://www.smescemen...t=cement?&rod=1

http://www.smescemen...tent=mix?&rod=2

http://www.smescemen...=mixm200?&rod=2

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

а, всё понял. ты по ним ,скорее всего, менюху парсишь

Link to comment
Share on other sites

Вторая переменная говорит о "родителе" для меню слева. Например видно хорошо по ссылкам (смотрим меню слево).

http://www.smescemen...t=cement?&rod=1

http://www.smescemen...tent=mix?&rod=2

http://www.smescemen...=mixm200?&rod=2

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

а, всё понял. ты по ним ,скорее всего, менюху парсишь

да) так и есть. Научится бы нормально объяснять еще(. Но буду стараться.

Моя аська для RodgerFox 459191 восем и снова 91. ЗЫ включена практически круглосуточно, я в ней обычно где то с 14 до 19

Link to comment
Share on other sites

  • 1 month later...
Что все накинулись на парня, то что блоками div сверстал это уже хорошо не 2000 годы :D Шрифты желательно бы чтобы без засечек были, такие как Arial, Verdana, sans-serif а не Times New Roman. Про контактные данные уже сказали, черного цвета поверх изображения не читабельно и ужасно, переместить надо и цвет поменять, можно еще text-shadow добавить. Горизонтальное меню как карикатура, в div id="verhi" избыточное количество атрибутов class, без которых можно было бы обойтись. Много рамок ненужных у блоков. По контурам объектов на картинках видно что вырезано не качественно. <script type="text/javascript" src="./javascript/script.js"> 404: Not Found - Не правильный адрес во первых, во вторых теги script должны быть после тегов link.

404: Not Found. Нету ЧПУ.

Спасибо.

Немного переделал http://utf.smescement.ru/index.php (пока с подвалом не как не осилю) + оринируюсь на соверменые браузеры.(ie 6-9 отображает но нет карисвостей.)(делал в мозиле)

А так же корзину переделал. на ajax. Жду дальнейших советов и рекомендаций. Спасибо.

index.php?content=cement?&rod=1

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

мне 22 года

ну а мне 24)))) и что? )))

Вот РНР скрипт который генерирует ссылки


<?php
include("./config.php");
$query = "SELECT * FROM `$tabl7` WHERE type='1' ORDER BY `$tabl7`.`idn` ASC LIMIT 100"; // Максимально 100 пунктов меню.
$result = @mysql_query($query);

while($aut = @mysql_fetch_array($result)) {
$href_bd = $aut['http'];
$title_bd = $aut['title'];
$name_bd = $aut['name'];
$namej_bd = $aut['namej'];
$menu1="$menu1
<a class=\"verh\" name=\"$namej_bd\" href=\"$href_bd\" title=\"$title_bd\"><b>$name_bd</b></a>";
}

//echo("*$menu1 <br />*");


$rod=(int)$_GET['rod'];
$query = "SELECT * FROM `$tabl7` WHERE type='2' AND parent='0' ORDER BY `$tabl7`.`idn` ASC LIMIT 100"; // Максимально 100 пунктов меню.
$result = @mysql_query($query);

//echo ("$query");

while($aut = @mysql_fetch_array($result)) {
$href_bd = $aut['http'];
$title_bd = $aut['title'];
$name_bd = $aut['name'];
$namej_bd = $aut['namej'];
$parent_bd = $aut['parent'];
$idn_bd = $aut['idn'];
$menu_l="$menu_l
<a class=\"menum\" href=\"$href_bd?&rod=$idn_bd\" title=\"$title_bd\"><b>$name_bd</b></a> <br>";

if ( $rod == $idn_bd ) {
$query_x = "SELECT * FROM `$tabl7` WHERE type='2' AND parent='$idn_bd' ORDER BY `$tabl7`.`idn` ASC LIMIT 100"; // Максимально 100 пунктов меню.
$result_x = @mysql_query($query_x);

while($aut_x = @mysql_fetch_array($result_x)) {
$href_bd_x = $aut_x['http'];
$title_bd_x = $aut_x['title'];
$name_bd_x = $aut_x['name'];
$idn_bd_x = $autx_['idn'];
$parent_bd_x = $aut['parent'];

$menu_l="$menu_l
- <a class=\"menum\" href=\"$href_bd_x?&rod=$idn_bd\" title=\"$title_bd_x\"><b>$name_bd_x</b></a> <br />
";
/*$menu_l="$menu_l
- <a class=\"menum\" name=\"$namej_bd\" href=\"$href_bd_x?&rod=$idn_bd\" title=\"$title_bd_x\"><b>$name_bd_x</b></a> <br />
";*/
}
}
}

// echo("-- $menu_l --");
?>

так если интересно.

Edited by krasavhik
Link to comment
Share on other sites

1) Сразу, что заметил в консоле валяться ошибки.

2) Нет логотипа на сайте или это логотип?!

: 1360261963-clip-9kb.jpg?nocache=1

3) Много изображений не оптимизировано.

4) Не используется кэш браузера.

5) Также желательно указывать изображения атрибуты height="", width="".

6) Нет оптимизации порядка загрузки стилей и скриптов.

7) Объединяйте стили:

#banner_x {

}

#banner_x {

}

8) В валидаторе ошибки:

1360262496-clip-6kb.png?nocache=1

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

Link to comment
Share on other sites

Страшнейший "дизайн", непонятно зачем выделенные жирным названия каких-то торговых марок, как будто они представляют хоть какую-то ценность. Столбы слева в заголовке ужасно врезаны, текст поверх них не читаем совершенно. В целом ощущение, что попал на хоумпагу Феди из 10Б года так 2000-го. Если в меню развернуть модицифированные смеси или ещё какое подменю, то оно превращается в вырвиглазную хню, которую проще удалить, чем прочитать. В целом меню как у Ростелекома, только они активный пункт выделяют жирным, но читаемость от этого не улучшается. Так что будем считать, что меню делалось с них.

Link to comment
Share on other sites

Тут оптимизировать и исправлять, увы, нечего, ибо и вёрстка, и дизайн никуда не годятся. Только сделать заново. Раз десять-двадцать. После этого можно пробовать браться за реальный сайт))

Link to comment
Share on other sites

  • 4 weeks later...

Тут оптимизировать и исправлять, увы, нечего, ибо и вёрстка, и дизайн никуда не годятся. Только сделать заново. Раз десять-двадцать. После этого можно пробовать браться за реальный сайт))

А сейчас http://utf.smescement.ru/index.php ? я понимаю что я далеко не гуру, но я стараюсь развиваться? прогресс виден? заранее спасибо за конкретные отзывы(что поправить и тд)

Link to comment
Share on other sites

В полезных советах ссылки вообще на ссылки не похожи. Как будто какой-то список и всё.

эх... ну вы профи, сколько не правь все ровно ошибку найдете притом обоснованную а не сне не нравится цвет ссылки) Спасибо. Буду править)

Link to comment
Share on other sites

А сейчас http://utf.smescement.ru/index.php ? я понимаю что я далеко не гуру, но я стараюсь развиваться? прогресс виден? заранее спасибо за конкретные отзывы(что поправить и тд)

Уже немного лучше, но улучшать ещё очень и очень много))

На новой версии горизонтальный скролл имеется, причём и при любом размере окна.

Link to comment
Share on other sites

На главной пространство не рационально использовано. Горизонтальное меню сильно прижато к левому краю, по правому пусто. Внутри в плашках горизонтального меню списки прижаты к левому краю не красиво, им нужно больше пространства отступов. Основной текст прибит к потолку под низом пустота. Заголовок прилип к тексту.

Link to comment
Share on other sites

  • 3 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy