Jump to content

Оцените дизайн и код


Fenix
 Share

Recommended Posts

Нет, нет, всё хорошо, это мы так между собой, тебе то это ни к чему всё равно :(

Понимаешь, валидатор validator.w3.org выдал 12 ошибок на строках 99-112. И при том что последняя строка у меня это пустая 98. Дальше разбираем все что осталось:

end tag for element X which is not open

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occurred in a script section of your document, you should probably read this FAQ entry.

Line 97, column 11: end tag for element "noscript" which is not open

</noscript>

</noscript> у меня вообще нет.

document type does not allow element X here; missing one of Y start-tag

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Line 44, column 6: document type does not allow element "li" here; missing one of "ul", "ol" start-tag

<li><a href="animals/pozvon/index.html" class="fly">Позвоночные</a>

end tag for X omitted, but OMITTAG NO was specified

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Line 52, column 6: end tag for "li" omitted, but OMITTAG NO was specified

</ul></li>

Line 52, column 6: end tag for "li" omitted, but OMITTAG NO was specified

</ul></li>

Это такая структура меню. Если еёизменить, меню не заработает. Дальше пошли "ошибки" подобные этой.

document type does not allow element X here

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Line 98, column 33: document type does not allow element "div" here

<div style="text-align: center;"><div style="position:relative; top:0; margin-ri

98 строка у меня пустая.

Link to comment
Share on other sites

Понимаешь, валидатор validator.w3.org выдал 12 ошибок на строках 99-112. И при том что последняя строка у меня это пустая 98. Дальше разбираем все что осталось:

</noscript> у меня вообще нет.

Это такая структура меню. Если еёизменить, меню не заработает. Дальше пошли "ошибки" подобные этой.

98 строка у меня пустая.

дай мне посмотреть страницу, которую ты проверяешь валидатором

Link to comment
Share on other sites

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

И не надо возмущаться по поводу несуществующих ошибок, </noscript> у вас есть, смотрите внимательнее в код:

<div id="footer">
<p>2008-2010 © Валиуллин Александр</p>
</div>

</div>

</body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">

<!-- Website Analytics Code -->

<script type="text/javascript" language="javascript">
var websiteID=34522;
var refID="d4S3sT";
</script>
<script type="text/javascript" language="javascript" src="http://analytics.hosting24.com/do.php"></script>
<noscript>
<a href="http://www.hosting24.com/" target="_blank"><img src="http://analytics.hosting24.com/do.php?websiteID=34522&refID=d4S3sT&from=noscript" alt="web hosting" border="0"></a>

"Это такая структура меню." - если для такой структуры меню не подходит выбраннывй доктайп, то не обязательно меню менять, вы доктайп поменяйте. Зачем вы выбрали xhtml, если такую структуру забубениваете? Вы вообще разницу доктайпов осознаете? Не надо хаять то, что является эталоном для всех нормальных верстальщиков!

Edited by Searcher
Link to comment
Share on other sites

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

И не надо возмущаться по поводу несуществующих ошибок, </noscript> у вас есть, смотрите внимательнее в код:

<div id="footer">
<p>2008-2010 © Валиуллин Александр</p>
</div>

</div>

</body>
[b]</noscript>[/b]
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">

<!-- Website Analytics Code -->

<script type="text/javascript" language="javascript">
var websiteID=34522;
var refID="d4S3sT";
</script>
<script type="text/javascript" language="javascript" src="http://analytics.hosting24.com/do.php"></script>
<noscript>
<a href="http://www.hosting24.com/" target="_blank"><img src="http://analytics.hosting24.com/do.php?websiteID=34522&refID=d4S3sT&from=noscript" alt="web hosting" border="0"></a>

Это видимо хостинг добавил. Вот код оригинальный страницы:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Природа Мурманской Области</title>
<link href="style/common.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="cont">

<div id="header">
<img src="style/logo.png" width="193" height="200" id="logo" />
<h1 id="title">Природа Мурманской области</h1>
</div>

<div id="picture">
<p id="banner"> </p>
</div>

<ul id="nav">
<li class="top"><a href="index.html" class="top_link"><span>Главная</span></a></li>
<li class="top"><a href="rasteniya/index.html" class="top_link"><span class="down">Растения</span></a>
<ul class="sub">
<li><a href="rasteniya/harakterictic.html">Общая характеристика</a></li>
<li><a href="rasteniya/gribi.html">Грибы</a></li>
<li><a href="rasteniya/lishainiki.html">Лишайники</a></li>
<li><a href="rasteniya/mohovidnie.html">Моховидные</a></li>
<li><a href="rasteniya/plaunovidnie.html">Плауновидные</a></li>
<li><a href="rasteniya/paporotnikovidnie.html">Папоротниковидные</a></li>
<li><a href="rasteniya/golosemenie.html">Голосеменные</a></li>
<li><a href="rasteniya/pokritosemennie.html">Покрытосеменные</a></li>
</ul></li>
<li class="top"><a href="animals/index.html" class="top_link"><span class="down">Животные</span></a>
<ul class="sub">
<li><a href="animals/bezpozvon/index.html" class="fly">Морские беспозвоночные</a>
<ul>
<li><a href="animals/bezpozvon/harakterictic.html">Характеристика условий обитания</a></li>
<li><a href="animals/bezpozvon/kishechnopolosnie.html">Кишечнополостные</a></li>
<li><a href="animals/bezpozvon/chervi.html">Черви</a></li>
<li><a href="animals/bezpozvon/moluski.html">Моллюски</a></li>
<li><a href="animals/bezpozvon/chlenistonogie.html">Членистоногие</a></li>
<li><a href="animals/bezpozvon/iglokozhie.html">Иглокожие</a></li>
</ul>
<li><a href="animals/pozvon/index.html" class="fly">Позвоночные</a>
<ul>
<li><a href="animals/pozvon/ribi.html">Рыбы</a></li>
<li><a href="animals/pozvon/zemnovod_presmik.html">Земноводные и пресмыкающиеся</a></li>
<li><a href="animals/pozvon/ptishi.html">Птицы</a></li>
<li><a href="animals/pozvon/mlekopitauscie.html">Млекопитающие</a></li>
<li><a href="animals/pozvon/see_mlekopitauscie.html">Морские млекопитающие</a></li>
</ul>
</ul></li>
<li class="top"><a href="intresting/index.html" class="top_link"><span class="down">Интересные статьи</span></a>
<ul class="sub">
<li><a href="intresting/labirint.html">Лабиринт</a></li>
<li><a href="intresting/piramidi.html">Пирамиды</a></li>
<li><a href="intresting/seidozero.html">Сейдозеро</a></li>
<li><a href="intresting/tropic_cherepaha.html">Троопическая черепаха</a></li>
<li><a href="intresting/gde_zhivet_edinorog.html">Где живёт единорог</a></li>
<li><a href="intresting/skvazhina.html">Во глубине горячих руд...</a></li>
<li><a href="intresting/oblaka.html">Красивые облака</a></li>
</ul></li>
<li class="top"><a href="galery/index.html" class="top_link"><span>Галерея</span></a></li>
</ul>

<div id="page">

<div id="information"><p>Этот сайт посвящен неповторимой уникальной природе Крайнего Севера. Материал этого сайта будет интересен людям всех возрастов. Но, особенно, рекомендую его школьникам для докладов и рефератов. Здесь вы можете узнать о растительном и животном мире Крайнего Севера. Для любителей таинственного и непознанного есть страничка о тайнах и загадках Заполярья. Можно посмотреть фотогалерею с красивейшими пейзажами северной природы. Каждый, кто заглянет сюда, найдет здесь что-то интересное и полезное для себя.</p></div>

<div class="cat">
<h2 class="cat_title">Интересные статьи</h2>
<p class="cat_text">В мире существует много древних, загадочных мест, волнующих людей своими тайнами. Но люди не задумываются, что такие места могут быть рядом с ними. Мы привыкли восхищаться пирамидами в Египте, но оказывается на Кольском полуострове есть еще более древние пирамиды. Ведь Кольский полуостров, возможно, является прародиной всего человечества - легендарной Гипербореей, которую ищут многие поколения искателей. Много тайн и загадок лежит буквально у нас под ногами. Загляни на эту страничку и узнай о том какие тайны скрывает наш северный Кольский край. Многие вещи станут для тебя настоящим открытием...</p>
<p class="read_more"></p>
</div>

<div class="cat">
<h2 class="cat_title">Растения</h2>
<p class="cat_text">Несмотря на суровый климат, растительный мир Мурманской области очень богат. Флора насчитывает 1162 вида сосудистых растений, около 600 - мохообразных, 1000 - лишайников, свыше 500 - грибов. Многие растения уникальны и встречаются только здесь. Суровый климат и короткое северное лето вынуждают растения приспосабливаться. Они быстро, в рекордные сроки, развиваются, ведь они должны дать семена за короткое северное лето...</p>
<p class="read_more"></p>
</div>

<div class="cat">
<h2 class="cat_title">Животные</h2>
<p class="cat_text">Наш крайний северо-запад России отличается целым рядом черт. Основным фактором, повлиявшим на формирование животного мира, было оледенение в четвертичном периоде. Фауна Кольского Севера сформировалась в конце ледникового периода и главным образом в послеледниковое время. Некоторые наиболее холодостойкие виды животных проникли на освобожденную от ледников территорию из прилегающих к ней с юга и востока таежных областей. Настоящих арктических видов здесь крайне мало. В целом фауна относительно небогата. Несмотря на значительное количество гор и характерную для них вертикальную смену растительных поясов, настоящих горных видов нет...</p>
<p class="read_more"></p>
</div>

</div>

<div id="footer">
<p>2008-2010 © Валиуллин Александр</p>
</div>

</div>

</body>
</html>

Link to comment
Share on other sites

атрибуты target и inline стили только для html подходят, зачем вы выбирали xhtml?

border="0" - это вообще зачем в атрибутах??

все что после <!-- Website Analytics Code --> это откуда? это хостинг прилепил?

Link to comment
Share on other sites

атрибуты target и inline стили только для html подходят, зачем вы выбирали xhtml?

border="0" - это вообще зачем в атрибутах??

все что после <!-- Website Analytics Code --> это откуда? это хостинг прилепил?

1. О чем вы говорите. Где вы видите target, inline и border?

2. Я же дал код страницы.

Link to comment
Share on other sites

1) причем тут "никогда не пользуюсь"? Вы не понимаете смысла доктайпа, видимо. Он предназначен для того, чтобы броузер правильно интерпретировал ваш код, а если при строгом доктайпе вы используете нестрогие правила, то как тут броузеру поступать? В определенных ситуациях несоответствия броузер вообще не отображает страницу, вы такого поведения желаете?

2) ну тут нет слов! если вы не знаете xhtml, зачем вы пишите "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">" ??? Если структура для html, зачем xhtml?

Edited by Searcher
Link to comment
Share on other sites

1. Я никогда не пользуюсь Transitional.

2. За xhtml не знаю.

Какими критериями тогда оценивать код, подскажите? В чем состоял Ваш вопрос? ДЛОРДЛОНИДЛООРЦЙАДШРТ - классно я на французском сказал да? Как считаете?

Link to comment
Share on other sites

Какими критериями тогда оценивать код, подскажите? В чем состоял Ваш вопрос? ДЛОРДЛОНИДЛООРЦЙАДШРТ - классно я на французском сказал да? Как считаете?

Чёж ты молчал-то, что французский знаешь :(

Link to comment
Share on other sites

end tag for X omitted, but OMITTAG NO was specified

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Line 52, column 6: end tag for "li" omitted, but OMITTAG NO was specified

</ul></li>

Line 52, column 6: end tag for "li" omitted, but OMITTAG NO was specified

</ul></li>

Валидатор выдает все ошибки которые есть! Это вы нехотите признать что не совсем понимаете как правильно надо делать!

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

А если по другому неработает - так это не говорит что вы все правильно сделали, а не совсем компетентные люди из W3 и разработчики браузеров неправильно сделали браузер, рекомендации и валидатор.

Edited by mishka2
Link to comment
Share on other sites

Валидатор выдает все ошибки которые есть! Это вы нехотите признать что не совсем понимаете как правильно надо делать!

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

А если по другому неработает - так это не говорит что вы все правильно сделали, а не совсем компетентные люди из W3 и разработчики браузеров неправильно сделали браузер, рекомендации и валидатор.

Создается впечатление, что либо человек нас дурачит, либо просто ему так удобно, он в своем мире.

Топикстартер, а если Вам так удобно и все у Вас показывает, для чего рецензии наши нужны вообще? Сделали, показывает, радуемся. Уже все на изнанку вынули по Вашей верстке и дизайну, либо исправляйте, либо не морочьте голову.

Link to comment
Share on other sites

А меня просто раздражают люди, которые просят совета, но при этом когда им его дают и объясняют ещё ошибки, люди - разбирающиеся в этом деле, а он при этом всё равно гнёт свою линию, утверждает что он сделал правильно(сам не зная почему кстати) и ещё спорит при этом. Отсюда просто наворачивается вопрос: А НАХЕРААА ТЫЫ ВАЩЕ ТОГДА СПРАШИВАЛ? :(

Edited by psywalker
Link to comment
Share on other sites

А меня просто раздражают люди, которые просят совета, но при этом когда им его дают и объясняют ещё ошибки, люди - разбирающиеся в этом деле, а он при этом всё равно гнёт свою линию, утверждает что он сделал правильно(сам не зная почему кстати) и ещё спорит при этом. Отсюда просто наворачивается вопрос: А НАХЕРААА ТЫЫ ВАЩЕ ТОГДА СПРАШИВАЛ? :(

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

Link to comment
Share on other sites

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

По поводу того что у вас нет строки 98. В браузерах (фф, опера, хром...) - заходите на сайт, ждете пока он загрузится, нажимаете ctrl+u, и смотрите исходный html-код. Еще и после этого скажете что у вас нет строки 98? Ето хостинг добавляет. За бесплатное приходится платить. Но про это надо было сразу предупредить, тогда не возникло бы таких непоняток.

Оценка порезки - 3 за старания. Сейчас вы с этим будете спорить. Но через время, когда наберетесь опыта, все сами поймете.

Дизайн - простой.

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

Edited by mishka2
Link to comment
Share on other sites

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

да в том то и дело, что такие люди как правило никогда не наберутся опыта, они как упёртые бараны всегда до последнего будут гнуть свою линию

Link to comment
Share on other sites

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

"А я лось, просто лось..." :( знаете наверно такой анекдот :(

Link to comment
Share on other sites

"А я лось, просто лось..." :) знаете наверно такой анекдот :(

10.000 рублей (можно на карточку) и все сразу захотят посетить Мурманскую область. Время работы - 2 дня. :(

Я тебе это в аське предложил, но ты сразу замолчал, хотя до этого, через каждые 10 минут были - "Привет! Ты тут?" :(

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 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