|
ru.website
- RU.WEBSITE -------------------------------------------------------------------
From : Raoul & Natalia Nakhmanson-Kulish 2:5020/400 23 May 2003 14:52:42
To : yatsutko
Subject : Re: ещё немного кpитики не помешает
--------------------------------------------------------------------------------
Allin punchaw qampaq, yatsutko!
В твоем письме от Fri, 23 May 2003 10:25:08 +0000 (UTC) нам удалось вычитать:
> RNNK> Код крайне невалидный, оттого и проблемы. Грамотное применение HTML и
> RNNK> CSS выдало бы пользователям NN3 прекрасно читаемый академический
> RNNK> дизайн.
>А в чём крайность, если не секрет? Был бы оч. благодарен.
Hу, в-нулевых, прогони на validator.w3.org ;)
Далее (в порядке кода):
1. Убери из заголовка комментарий This document was created at 05/21/03,
01:15:43 by Denis Yatsutko. Для этих целей есть <meta name="author" /> и
заголовок Last-Modified.
2. <style> перенеси в <head>, а лучше вообще вынеси в отдельный файл и
подключай через <link>.
3. Псевдо классы :link, :visited и т.п. должны быть указаны с тегом (a:link,
a:visited...). Для класса licenter пиши: a.licenter:link, a.licenter:visited и
т.д.
4. Табличная верстка. Hу, это, как водится...
5. Вместо
<div class=otst>
<a href="http://barsuk.lenin.ru">журнал "барсук"</a><br> <br>
<a href="http://www.bee.vsu.ru/">пчела упала</a><br> <br>
</div>
используй
<ul>
<li><a ...>...</a></li>
...
</ul>
Еще более яркий пример:
<div class="superhitylev">
<img src=./slimg/community.gif><a
href="http://www.livejournal.com/community/rattiepix/">rattie pix</a><br>
...
Правильно: <ul> со стилем list-style-image
6. И вообще: <br>-ам - бой!
7. Стихи лучше оформлять через абзацы:
<p>
Сpедь бyйволов волнЫ сквозь жёлтого тyмана<br />
Гyстой молочный кpем идёт атомоход,<br />
Послyшен великан командам капитана,<br />
Тpyб вместо табаком дымит вонючий pот.<br />
</p>
<p>
Что ищет он во льдах, где солнце, замеpзая,<br />
Бежит за гоpизонт, полгода длится тьма?<br />
Кyда он пpавит ход, невинность льда взpезая?..<br />
Здесь счастия искать есть гоpе от yма.<br>
</p>
...
8. Много избыточных стилей.
Вместо
<p class=main>...</p>
<p class=main>...</p>
<p class=main>...</p>
лучше в стилях:
div.main p{...}
и
<div class="main">
<p>...</p>
<p>...</p>
...
</div>
9. Внизу вместо:
<div align="right"><br><br><dd><font face="courier" size=-2>© Denis
Yatsutko, 2003. <br>(при просмотре в Netscape 4.x- обработать
напильником)</font></div>
<p> <p>
нужно:
div.right {
margin-top:3em;
margin-bottom:2em;
}
div.right p{
margin:0;
text-align:right;
font-family:"Courier New Cyr",sans-serif;
font-size:0.7em;
}
и
<div class="right">
<p>© Denis Yatsutko, 2003.</p>
<p>(при просмотре в Netscape 4.x &8212; обработать напильником)</p>
</div>
Список неполный :)))
Счастливой Пачи - Myr AKA Manko
PGP DH/DSS Key ID 0x11807439, Fingerprint dhgGjJy7vbTzfdp+97vZ8hGAdDk=
--
Отправлено через сервер Форумы@mail.ru - http://talk.mail.ru
--- ifmail v.2.15dev5
* Origin: Talk.Mail.Ru (2:5020/400)
Вернуться к списку тем, сортированных по: возрастание даты уменьшение даты тема автор
|
