http://angarsk-turclub.narod.ru/

Shadow Men · October 16, 2007

Очнь интересует ваше мнение по следующим вопросам:

Вот только тут есть два момента:

1. Старый дизайн сайта, т.е. сайт - такой, какой он есть сейчас. (полностью функциональный сайт)

2. Новый дизайн сайта, т.е. таким он будет в будущем (только главная страница, но остальные будут примерно в этом же стиле)

Здесь было бы интересно мнение по обоим сайтам.

1. Дизайн страниц (плюсы, минусы, ваши советы)

2. Читаемость шрифтов, оформление ссылок, цветовая гамма.

3. Наполнение сайта (что есть и нужно, что есть и не нужно, чего нет, а надо бы)

4. Общее впечатление, пожелания и ваши советы.

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

Иван Т?мный.

tigrenok · October 17, 2007

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

Dimitry Wolotko · October 17, 2007

Я бы сказала, что старый дизайн не сильно отличается от нового

После этого уже можно не продолжать, сайт аля 98 год. Душевно было.

shkoda · October 17, 2007

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

Верхнее меню выполнено с помощью абзацев, а ведь есть очень хороший вариант с использованием списков. Удобнее ведь. Использование тега font не приветствуется, и не все вынесено в таблицу стилей. Хотя, это можно списать на Yandex и narod.ru )) Использование тегов br для создания отступов???

Ну в общем, нужно работать.

Dimitry Wolotko · October 17, 2007

Тег font, если не путаю, напрямую запрещ?н, или нет?

klierik · October 17, 2007

от себя скажу касательно кода в новом дизайне:

<meta name="keywords"	content="...

совсем не стоит писать так много терминов, ведь поисковики столько просто не съедают.

точно, уже, не помню какое там ограничение по символам.

меню построено на теге

, а он в свою очередь

предназначен для содержания в себе текстовой информации, типа абзацов и тд и тп.

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

для рисунков было б не плохо писать сразу такое:

img {
   border: none;
}

это уберет синюю рамку с рисунков, когда они помещены в ссылку.

и тут же:

<img src="html/photo/photo/04_08_07/01s.jpg" alt="Фотография дня" border="1" width="200" height="150">

уж если используете alt, то используйте и title, так как alt, поддерживаеться только IE(неуверен)

а все остальные понимают title.

<div id="blogger">
		<div id="electron">

совсем не обязательно все делать через IDшники, ведь можно использовать просто class

id - предназначен в первую очередь для возможности работы javascript`а с объектами,

которые должны выделяться среди других. так же нельзя что б было на странице два

одинаковых id иначе валидатор будет ругаться.

зы: а вообще кому как удобнее

<font size="2" face="Tahoma">

комментарии по данному тегу приводились выше.

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

<td style="height: 30px; text-align: center">

этот код часто встречаеться в документе.

было б проще задать данной таблице уникальное имя и раздать стили классом

css

table.my_class_name td {
   height: 30px; 
   text-align: center;
}

html

<table class="my_class_name"> ...

использовать

для разметки очень грубое нарушения.

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

</html>
<!-- ><!-- "><!-- '><!-- -->
</textarea>

а это еще что за код внизу страницы??!

зы: в общем тут надо как минимум учиться писать по стандартам и усиленно учить CSS

так дела не будет!

yopopt · October 17, 2007

Позволю себе внести некоторые поправки

<img src="html/photo/photo/04_08_07/01s.jpg" alt="Фотография дня" border="1" width="200" height="150">
уж если используете alt, то используйте и title, так как alt, поддерживаеться только IE(неуверен)
а все остальные понимают title.

alt поддерживают все браузеры. Просто некоторые из них используют его для создания подсказки. Однако он создан для того, чтобы рассказать пользователю что изображено на картинке если та по какой-то причине не загрузилась или отображение картинок выключено.

<div id="blogger">
		<div id="electron">
совсем не обязательно все делать через IDшники, ведь можно использовать просто class
id - предназначен в первую очередь для возможности работы javascript`а с объектами,
которые должны выделяться среди других. так же нельзя что б было на странице два
одинаковых id иначе валидатор будет ругаться.
зы: а вообще кому как удобнее

У id более высокий приоритет, нежели у class. Это стоит учитывать.

</html>

</textarea>
а это еще что за код внизу страницы??!

Это добавляет narod.ru

Northwood · October 17, 2007

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

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

Скачать выпуск можно здесь. Скачать архив новостей можно здесь.

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

Dimitry Wolotko · October 17, 2007

А ещ? лучше указывать рядом тип файла и его размер.

Shadow Men · October 17, 2007

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

id - предназначен в первую очередь для возможности работы javascript`а с объектами, которые должны выделяться среди других. так же нельзя что б было на странице два одинаковых id иначе валидатор будет ругаться.

про теги таблиц, это я просто взял таблицу со старого сайта (там счетчики), и не видел особого смысла описывать их в стиле. Насчет ID-шников, не один блок не повторяется дважды, я хотел выделить именно те блоки которые в дальнейшем не будут использоваться (на других страницах), да и как бы просто хотел отказаться от использования разметки с помощью таблиц, а с классами так я просто еще на "вы", что-то получается что-то - нет, разные браузерв показывают по разному, ИЕ почему-то кажется в этом плане умнее, но Мазила и Опера заставляют задумываться над мелочами... А судю по статистике эти три браузера доминируют среди пользователей.

про дизайн.. видно что вроде приложено много работы, но толку мало.
Попробуйте прежде чем делать, нарисовать все от и до в фотошопе ? уровень повысится, точно вам говорю..
Northwood'у - не используйте статичный фон, эффект имхо, очень дешевый и только портит, как говорится, using experience.

Что значит статичный фон и что взамен фона вы хотите предложить? И почему все нужно рисовать в фотошопе? Я например кроме него использую CorelDRAW и PhotoPaint довольно таки мощные аналоги.

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

Хотя может это я просто старомоден...

Да и отступы я вроде не делал с помощью

, ну покрайней мере специально не далал.

Соответсвенно тег FONT используется тоже в счетчиках, там я код вообще не минял (стоит "как есть" от производителя), я использу для оформления следующие теги:

font-size, font-weight, font-family, font-variant

я полагаю, так-то можно?

И еще если можно пожалуйста поподробнее про СПИСКИ для построения меню, что имеется ввиду? Просто список (нумерованый, маркированый) или есть что-то специальное?

Northwood · October 17, 2007

Что значит статичный фон и что взамен фона вы хотите предложить? И почему все нужно рисовать в фотошопе? Я например кроме него использую CorelDRAW и PhotoPaint довольно таки мощные аналоги.

Про фон ? я имею ввиду, фон у вас остается неподвижным, в то время как контент ползает по нему.

А про фотошоп, ну это мое предпочтение просто, суть то в том, что сначала надо нарисовать макет от и до, посмотреть где грязно, где не смотрится и т.д., а потом верстать. А CorelDRAW и PhotoPaint хорошие, само собой, редакторы, но мне проще и быстрее делать макет в шопе.

Dimitry Wolotko · October 17, 2007

Northwood, очень даже голословное утверждение, по поводу удобства и быстроты работы в шопе. Лично я PhotoImpack от Ulead люблю.

Northwood · October 17, 2007

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

Shadow Men · October 17, 2007

Про фон ? я имею ввиду, фон у вас остается неподвижным, в то время как контент ползает по нему.

если вы имеете ввиду подложку под всю страницу в виде какой-то мраморной крошки, так мне кажется она и не должна ползать, это просто для тех у кого разрешение экрана выше чем 1024х768 (используют более 80% пользлвателей)

А про фотошоп, ну это мое предпочтение просто, суть то в том, что сначала надо нарисовать макет от и до, посмотреть где грязно, где не смотрится и т.д., а потом верстать. А CorelDRAW и PhotoPaint хорошие, само собой, редакторы, но мне проще и быстрее делать макет в шопе.

Каму как... например сам макет страницы я делал в CorelDRAW вектор, есть вектор в любой момент можно все переделать, в любом случаее все дело вкуса.

klierik · October 18, 2007

У id более высокий приоритет, нежели у class. Это стоит учитывать.

выше приоритет перед чем? и какая в этом может быть выгода?

буду признателен за разъяснение

Shadow Men · October 18, 2007

это просто для тех у кого разрешение экрана выше чем 1024х768 (используют более 80% пользлвателей)
Можно ссылку на источник? Я одну статистику пол года назад видел, там было 1024*768 у 56%. Неужели за пол года все так поменялось...

Да, извеняюсь, не сильно то и поменялось, но приимущество налицо.

1 1024x768 1656 8.2 57.2

2 1280x1024 703 3.5 24.3

3 800x600 117 0.6 4

4 Другие 99 0.5 3.4

5 1280x800 88 0.4 3

6 1152x864 77 0.4 2.7

7 1280x960 65 0.3 2.2

8 1600x1200 44 0.2 1.5

9 1440x900 29 0.1 1

10 1280x768 6 0 0.2

11 1920x1200 5 0 0.2

12 320x240 2 0 0.07

13 1792x1344 1 0 0.03

Статистика от 24LOG.RU

1024x768 3327 76.01%

1920x1200 310 7.08%

1280x1024 295 6.74%

1600x1200 155 3.54%

800x600 88 2.01%

1280x960 73 1.67%

1280x800 50 1.14%

1152x864 24 0.55%

800x5000 18 0.41%

1440x900 17 0.39%

1680x1050 14 0.32%

170x184 3 0.07%

1280x768 2 0.05%

1024x600 1 0.02%

Статистика от Единого рейтинга туристских сайтов за 30 дней.

yopopt · October 18, 2007

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

Вот, для наглядности набросал примерчик:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Пример</title>
	<style type="text/css">
		#main div {
			width: 200px;
			height: 200px;
			background-color: #c44;
		}
		.im {
			background-color: #000;
		}
	</style>
</head>
<body>
	<div id="main">
		<div class="im"><!-- --></div>
	</div>
</body>
</html>

#main div имеет более высокий приоритет, чем класс "im". Соответственно, несмотря на прямое указания класса в блоке, фон блока будет красного, а не ч?рного цвета.

klierik · October 18, 2007

хм.. очень позновательно.

спасибо.

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

главное знать что такое мона использовать.

Dimitry Wolotko · October 18, 2007

Это не столько применяется, сколько созда?т косяки при в?рстке.

Shadow Men · October 19, 2007

Верхнее меню выполнено с помощью абзацев, а ведь есть очень хороший вариант с использованием списков. Удобнее ведь.

А можно поподробнее пожалуйста. Имеется ввиду нумерованные и маркированные списки? Или что-то есть другое для менюшек?

...не все вынесено в таблицу стилей.

Что именно не вынесено? Все,что находится в блоке

<div id="footer">...

не относится к данным на странице, там счетчики, они пишутся "как есть"

shkoda · October 19, 2007

Для меню в основном используют списки любые и маркированные, и нумерованные. Все равно можно изменить их вид с помощью стилей.

<ul>
 <li>Пункт1</li>
 <li>Пункт2</li>
 <li>Пункт3</li>
</ul>

Это структура, ну а оформление зависит от вашей фантазии и назначения сайта.

А по поводу "не все вынесено в стили".

<td
 style="height: 30px; text-align: center"><font
 size="2" face="Tahoma"><input
 type="text" size="20"
 name="st1"
 value="Станция отправления"
 class="forma"></font></td>

Вот пример с вашего сайта.

Dimitry Wolotko · October 19, 2007

А тег font, кажется, выкут из спецификаций - его вообще лучше избегать.

Dimitry Wolotko · October 19, 2007

Ан нет - наврал.

http://www.w3.org/TR/html4/present/graphics.html#edef-FONT

Хотя странно - думал что выкинули.

Shadow Men · October 19, 2007

Для меню в основном используют списки любые и маркированные, и нумерованные. Все равно можно изменить их вид с помощью стилей.
Это структура, ну а оформление зависит от вашей фантазии и назначения сайта.
А по поводу "не все вынесено в стили".

Спасибо, только чем это лучше (удобнее) простых ссылок? Для чего этот список-то делать?

<td style="height: 30px; text-align: center"><font
 size="2" face="Tahoma"><input
 type="text" size="20"
 name="st1"
 value="Станция отправления"
 class="forma"></font></td>

Вот пример с вашего сайта.

Вот если бы вы не только код посмотрели, но саму страничку, то увидели бы, что это вставлен информер, а точнее форма поиска расписания пригородных поездов, которую я есесно не сам писал, а взял на другом сайте, соотвественно там просят код не менять. Я честный, код не менял. и код этот вставлен в блок (id "electron"), про погоду то же самое(id "pogoda")...

maddogrts · October 19, 2007

Ужас (, дизайин плохой честно, очень и очень много работать, да и по проще бы, а то стока всего. Не поленился посмотрел альтернативные сайты схожего содержания. На их фоне, не шибко новый дизаин и выделяется ), так что даже не знаю что и сказать.

ЗЫ Наймите дизайнера. И верстальщика

Списки для того, что ваше меню это список, семантика и т.д. Если отключить стили, то ваше меню так и останеться списком , а то что на вашем сайте станет предложениями.

По большому счету конечно меню можно как хочешь делать.

Но списком удобнее

Sign In

http://angarsk-turclub.narod.ru/

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

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

Link to comment

Share on other sites

Обсуждения

Important Information