Нужно мнение, что то пусто как то

usb_serg · February 4, 2012

Добрый день,

родился у меня сайт полезный, очень полезный - в узких кругах :rofl:

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

вот он

buddah · February 4, 2012

Опять спам?(

usb_serg · February 4, 2012

Опять спам?(

да как сказать..

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

Searcher · February 6, 2012

Не надо разбавлять! Самое главное что нужно сделать, это классифицировать запчасти. И позволить посетителю легко спускаться по дереву классификации от вида устройства, до конкретной запчасти. Еще стоит переделать алгоритм поиска, чтобы не надо было заранее предупреждать "не менее 5 символов". Выводить не 10 последних запросов, а 10 самых популярных.

А дизайн можно и еще проще и приятнее сделать. Горизонтальные полосы убрать, картинки устройств в шапке убрать, и найти крупные качественные картинки по видам устройств hp, сделать их переходом в соответствующий раздел каталога, где предоставлять посетителю дальнейший выбор по классификации запчастей. Выравнивание списка сделать влево и шрифт там сделать без засечек (лучше даже monospace), укрупнить поле поиска, найти нормальный логотип "hp".

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

До "красиво и осмысленно" тут еще много работать надо!

usb_serg · February 7, 2012

Ну и почитать хотябы немного о HTML и CSS...

вот про это не совсем понял, о чем речь??? в чем косяки???

Searcher · February 7, 2012

Грубые ошибки:

- отсутствие доктайпа;

- повторяющиеся id.

Слишком много инлайн-стилей.

Очень неаккуратный код (не везде атрибуты в кавычках, тэги то прописными то строчными).

usb_serg · February 7, 2012

Грубые ошибки:
- отсутствие доктайпа;

согласен, что-то просмотрел.

Грубые ошибки:
- повторяющиеся id.

вообще не вижу о чем это???

ткни в код...

ablay2009 · February 7, 2012

Зачем писать так:


<DIV style='text-align: center;'>
<a class=ind href='/CH955-67119.html'>CH955-67119</a><br>
<a class=ind href='/XD524EA.html'>XD524EA</a><br>
<a class=ind href='/XD563EA.html'>XD563EA</a><br>
<a class=ind href='/Q6506-69010.html'>Q6506-69010</a><br>
<a class=ind href='/WT148EA.html'>WT148EA</a><br>
<a class=ind href='/CSCXACE-4710-K9.html'>CSCXACE-4710-K9</a><br>
<a class=ind href='/619824-001.html'>619824-001</a><br>
<a class=ind href='/600658-001.html'>600658-001</a><br>
<a class=ind href='/RM1-2079-000CN.html'>RM1-2079-000CN</a><br>
<a class=ind href='/B2110-AA.html'>B2110-AA</a><br>
<a class=ind href='/BN20P-4E.html'>BN20P-4E</a><br>
<a class=ind href='/DS-BA356-MC.html'>DS-BA356-MC</a><br>
<a class=ind href='/BN25H-03.html'>BN25H-03</a><br>
<a class=ind href='/DS-BA356-PD.html'>DS-BA356-PD</a><br>
<a class=ind href='/BC22Q-09.html'>BC22Q-09</a><br>
<a class=ind href='/TLZ06-AA.html'>TLZ06-AA</a><br>
<a class=ind href='/E2045-AA.html'>E2045-AA</a><br>
<a class=ind href='/MS7AA-FA.html'>MS7AA-FA</a><br>
<a class=ind href='/KN7CG-AB.html'>KN7CG-AB</a><br>
<a class=ind href='/DWZZB-AA.html'>DWZZB-AA</a><br>
<a class=ind href='/TLZ07-BA.html'>TLZ07-BA</a><br>
<a class=ind href='/L2725-60002.html'>L2725-60002</a><br>
<a class=ind href='/446444-001.html'>446444-001</a><br>
<a class=ind href='/29-28543-03.html'>29-28543-03</a><br>
<a class=ind href='/FE-07190-01.html'>FE-07190-01</a><br>
<a class=ind href='/FE-08943-01.html'>FE-08943-01</a><br>
<a class=ind href='/FE-15512-01.html'>FE-15512-01</a><br>
<a class=ind href='/FE-12148-01.html'>FE-12148-01</a><br>
<a class=ind href='/FE-12949-01.html'>FE-12949-01</a><br>
<a class=ind href='/FE-ZZZIL-01.html'>FE-ZZZIL-01</a><br>
</DIV>

Если можно написать так:


<div class='ind' >
	<a href='/CH955-67119.html'>CH955-67119</a><br>
	<a href='/XD524EA.html'>XD524EA</a><br>
	<a href='/XD563EA.html'>XD563EA</a><br>
	<a href='/Q6506-69010.html'>Q6506-69010</a><br>
	<a href='/WT148EA.html'>WT148EA</a><br>
	<a href='/CSCXACE-4710-K9.html'>CSCXACE-4710-K9</a><br>
	<a href='/619824-001.html'>619824-001</a><br>
	<a href='/600658-001.html'>600658-001</a><br>
	<a href='/RM1-2079-000CN.html'>RM1-2079-000CN</a><br>
	<a href='/B2110-AA.html'>B2110-AA</a><br>
	<a href='/BN20P-4E.html'>BN20P-4E</a><br>
	<a href='/DS-BA356-MC.html'>DS-BA356-MC</a><br>
	<a href='/BN25H-03.html'>BN25H-03</a><br>
	<a href='/DS-BA356-PD.html'>DS-BA356-PD</a><br>
	<a href='/BC22Q-09.html'>BC22Q-09</a><br>
	<a href='/TLZ06-AA.html'>TLZ06-AA</a><br>
	<a href='/E2045-AA.html'>E2045-AA</a><br>
	<a href='/MS7AA-FA.html'>MS7AA-FA</a><br>
	<a href='/KN7CG-AB.html'>KN7CG-AB</a><br>
	<a href='/DWZZB-AA.html'>DWZZB-AA</a><br>
	<a href='/TLZ07-BA.html'>TLZ07-BA</a><br>
	<a href='/L2725-60002.html'>L2725-60002</a><br>
	<a href='/446444-001.html'>446444-001</a><br>
	<a href='/29-28543-03.html'>29-28543-03</a><br>
	<a href='/FE-07190-01.html'>FE-07190-01</a><br>
	<a href='/FE-08943-01.html'>FE-08943-01</a><br>
	<a href='/FE-15512-01.html'>FE-15512-01</a><br>
	<a href='/FE-12148-01.html'>FE-12148-01</a><br>
	<a href='/FE-12949-01.html'>FE-12949-01</a><br>
	<a href='/FE-ZZZIL-01.html'>FE-ZZZIL-01</a><br>
</div>

И такие стили добавить в style.css:


.ind{text-align: center;}
.ind a:hover{color:#000000; background-color: #BEBEBE}

Так намного экономичнее, и красивее, и удобнее, и поддерживать легче, и по правилам хорошего тона.

И почему у вас файл style.css лежит в папке img? Но это уже придирки.

usb_serg · February 7, 2012

.ind{text-align: center;}
.ind a:hover{color:#000000; background-color: #BEBEBE}
Так намного экономичнее, и красивее, и удобнее, и поддерживать легче, и по правилам хорошего тона.
И почему у вас файл style.css лежит в папке img? Но это уже придирки.

Спасибо.

ablay2009 · February 7, 2012

И вообще вашу страницу можно было так переделать:


<!doctype html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />	
		<title>Каталог запчастей HP</title>
		<link rel="stylesheet" href="img/style.css" type="text/css" />		
		<link rel="icon" href="favicon.ico" type="image/x-icon" />
		<meta name="description" content="Самый полный каталог запчастей HP, с описанием и фотографиями" />
		<meta name="keywords" content="детали, запчасти HP" />
	</head>

	<body>
	<div class="wrapper">
		<header>
			<img src='../img/logo.jpg' width="50"><h1>Каталог запчастей HP</H1>
		</header>

		<section id="left">
			<div id="searchform">
				<form method="GET" action="../search/search.php">
					<span>поиск по каталогу:</span><br />
						<input type="text" name="PN_S" /><br />
						<input type="submit" style='background: url(img/search.png) no-repeat; width: 23px' value='' /><br />
					<noindex>
					не менее 5 символов
					</noindex>
					</font>
				</form>
			</div>
		<br><br><br>
		<p style='font-weight: 600'>10 последних запросов<br>приведшие на наш сайт:</p>
			<div class="queries">
				<ul>
					<li><a style='font-size: 10pt; color: #000000;' href='/619824-001.html'>HP BL460c G7 CTO Blade характеристики.</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/591198-001.html'>sp1099ap .</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/638817-001.html'>638817-001.</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/'>тормозная площадка.</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/index.php?&P=6'>495026-001 .</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/index.php?&P=6'>495026-001 .</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/'>поиск запчастей по каталогу.</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/zip.php?PN=29-28543-03'>'rdfkfqpth yf pic.</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/'>зарчасть материка на hp 4515.</a></li>
					<li><a style='font-size: 10pt; color: #000000;' href='/RM1-4941-000CN.html'>2727 форматтер.</a></li>
				</ul>
			</div>
		</section><!-- #left -->

		<section id="right">
			<nav class='ind' >
				<a href='/CH955-67119.html'>CH955-67119</a><br>
				<a href='/XD524EA.html'>XD524EA</a><br>
				<a href='/XD563EA.html'>XD563EA</a><br>
				<a href='/Q6506-69010.html'>Q6506-69010</a><br>
				<a href='/WT148EA.html'>WT148EA</a><br>
				<a href='/CSCXACE-4710-K9.html'>CSCXACE-4710-K9</a><br>
				<a href='/619824-001.html'>619824-001</a><br>
				<a href='/600658-001.html'>600658-001</a><br>
				<a href='/RM1-2079-000CN.html'>RM1-2079-000CN</a><br>
				<a href='/B2110-AA.html'>B2110-AA</a><br>
				<a href='/BN20P-4E.html'>BN20P-4E</a><br>
				<a href='/DS-BA356-MC.html'>DS-BA356-MC</a><br>
				<a href='/BN25H-03.html'>BN25H-03</a><br>
				<a href='/DS-BA356-PD.html'>DS-BA356-PD</a><br>
				<a href='/BC22Q-09.html'>BC22Q-09</a><br>
				<a href='/TLZ06-AA.html'>TLZ06-AA</a><br>
				<a href='/E2045-AA.html'>E2045-AA</a><br>
				<a href='/MS7AA-FA.html'>MS7AA-FA</a><br>
				<a href='/KN7CG-AB.html'>KN7CG-AB</a><br>
				<a href='/DWZZB-AA.html'>DWZZB-AA</a><br>
				<a href='/TLZ07-BA.html'>TLZ07-BA</a><br>
				<a href='/L2725-60002.html'>L2725-60002</a><br>
				<a href='/446444-001.html'>446444-001</a><br>
				<a href='/29-28543-03.html'>29-28543-03</a><br>
				<a href='/FE-07190-01.html'>FE-07190-01</a><br>
				<a href='/FE-08943-01.html'>FE-08943-01</a><br>
				<a href='/FE-15512-01.html'>FE-15512-01</a><br>
				<a href='/FE-12148-01.html'>FE-12148-01</a><br>
				<a href='/FE-12949-01.html'>FE-12949-01</a><br>
				<a href='/FE-ZZZIL-01.html'>FE-ZZZIL-01</a><br>
			</nav>
		</section><!-- #right -->	
		<footer>
			<nav id="pagination">
				<span>Страница:</span>
				<a href="#">1</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=2">2</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=3">3</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=4">4</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=5">5</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=6">6</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=7">7</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=8">8</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=9">9</a>
				<a href="http://hp-zapchasti.ru/index.php?&P=10">10</a>
			</nav>
		</footer>		
	</div><!-- #wrapper -->

	<script type="text/javascript" src="scripts.js" defer="defer"></script>
	</body>	
</html>

Edited February 7, 2012 by ablay2009

Searcher · February 7, 2012

Грубые ошибки:
- повторяющиеся id.
вообще не вижу о чем это???
ткни в код...

В пагинаторе (строка 79: ...<a ID=list style=...)

Дублирование инлайн-стилей тоже надо убирать по принципу как подсказал usb_serg

Ну и вообще, инлайн-стили - плохой тон.

usb_serg · February 8, 2012

Не надо разбавлять! Самое главное что нужно сделать, это классифицировать запчасти. И позволить посетителю легко спускаться по дереву классификации от вида устройства, до конкретной запчасти. Еще стоит переделать алгоритм поиска, чтобы не надо было заранее предупреждать "не менее 5 символов". Выводить не 10 последних запросов, а 10 самых популярных.

это все не реализуемо в связи со структурой базы данных которая имеется в наличии.

Sign In

Нужно мнение, что то пусто как то

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information