Шпаргалка html css

[Константин]

Здравствуйте. Сделал для себя (и очень буду рад, если поможет другим), шпаргалку по html и css. Т.е. выписываю частоприменяемые приемы в верстке страниц. Как вообще сайт? Я сам не дизайнер, только верстаю. Дизайн конечно же напоминает хабр, это НЛО меня поработило =). Главный вопрос у меня, как читается информация? Хорошо или читать вообще невозможно? И как на главной посоветуете сделать список тем? Кажется, когда их будет много, будет какая-то помойка из ссылок. Может сделать заголовок, краткое описание. Или как-то разделять на категории?

Вот сам сайт : шпаргалка html css

upd: перехал на html-css.info

Edited June 30, 2009 by Константин

[Игорь Ермаков]

Верстаете вы ну прямо как я.

win XP, Mozila FierFox последняя версия.

[Константин]

Верстаете вы ну прямо как я.

win XP, Mozila FierFox последняя версия.

У вас на ФФ баннерорезка стоит наверно какая-нибудь. Вот она и подрезала криво счетчик и баннер народа =)

Edited June 23, 2009 by Константин

[Verder]

Про хабр вы загнули. Там отличный дизайн для такого рода сайтов. У вас же дизайна нет - голая страница с парой ссылок на народ.ру.

Как сказал один известный человек - "Дизайн должен быть простым, но не примитивным" (перефразировал немного).

Раз 10 уже писал - взгляните на то, что вы сделали, глазами других людей.

[Игорь Ермаков]

У вас на ФФ баннерорезка стоит наверно какая-нибудь. Вот она и подрезала криво счетчик и баннер народа =)

У меня просто отключены изображения.

Вы разрабатываете вспомогательный онлайн-сервис.

Вам самим нужно учиться, ещё.

За ваш код при Сталине бы расстреляли.

 width="88" height="31"

Такого в природе вообще не существует.

 border="0" width="88" height="31" style="line-height:0;width:88px;"

ъ

style="height:10px;"

Нельзя всё в стили вынести?

<link rel="stylesheet" href="tools/style.css" />

не указан обязательный параметр type.

background:white;

я в 9-м классе когда HTML учил так писал.

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

Короче, вот вам шпаргалка, даже две первая и самая лучшая вторая

[Константин]

Про хабр вы загнули. Там отличный дизайн для такого рода сайтов. У вас же дизайна нет - голая страница с парой ссылок на народ.ру.

Как сказал один известный человек - "Дизайн должен быть простым, но не примитивным" (перефразировал немного).

т.е. всё плохо? надо что-то другое?

Раз 10 уже писал - взгляните на то, что вы сделали, глазами других людей.

Вот прошу как раз, чтобы другие люди своими глазами посмотрели

Вопрос так и остается, как читается текст? Как на главной список покрасивше сделать, чтобы помойкой в будущем не было?

 width="88" height="31"

Такого в природе вообще не существует.

 border="0" width="88" height="31" style="line-height:0;width:88px;"

ъ

style="height:10px;"

Нельзя всё в стили вынести?

<link rel="stylesheet" href="tools/style.css" />

не указан обязательный параметр type.

background:white;

Честное слово, не моё это всё, это код счетчика 24log

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

Не понял где вы взяли "background:white;" и чем оно ужасно.

[Игорь Ермаков]

Честное слово, не моё это всё, это код счетчика 24log

Это всё ваше, я могу отличить где код, а где счётчик и баннер от хостинга

Не понял где вы взяли "background:white;" и чем оно ужасно.

Во-первых, не солидно, во-вторых, не валидно, в-третьих, некоторые браузеры могут не понять, в-четвёртых, занимает на 1 байт больше , ну и вообще разве трудно написать #fff;

[Константин]

Это всё ваше, я могу отличить где код, а где счётчик и баннер от хостинга

Как же так, width="88" height="31", border="0" width="88" height="31" style="line-height:0;width:88px;", style="height:10px;" - это же всё используется в коде счетчика - в диве с id="counter", посмотрите внимательнее.

А вот про цвета не знал, это еще с Паскаля привычка осталась словами писать . И type в описании пути к стилям забыл написать. спасибо.

[Игорь Ермаков]

	<div id="counter">
		<script type='text/javascript' language='javascript'>
		r=escape(document.referrer); u=escape(document.URL);
		s=(typeof(screen)=='undefined')?'':screen.width+'x'+screen.height+'x'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
		</script>
		<table cellpadding="0" cellspacing="0" border="0" width="88" height="31" style="line-height:0;width:88px;"><tr style="height:10px;">

		<td style="padding:0;width:38px;height:10px;"><a href="http://www.24log.de" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-4_1.gif" width="38" height="10" border="0" alt="Besucherzahler" title="Besucherzahler " style="margin:0;padding:0;" /></a></td>
		<td style="padding:0;width:50px;height:10px;"><a href="http://www.russianwoman.ca" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-4_3.gif" width="50" height="10" border="0" alt="russian girl" style="margin:0;padding:0;"></a></td></tr>
		<tr style="height:21px;"><td style="padding:0;width:38px;height:21px"><a href="http://www.24log.ru" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-4_2.gif" width="38" height="21" alt="счетчик посещений" title="счетчик посещений" border="0" style="margin:0;padding:0;" /></a></td>
		<script type='text/javascript' language='javascript'>
		document.write('<td style="padding:0px;width:50px;height:21px;"><a href="http://www.24log.ru/rating/rating.php?c=6" target="_blank"><img border="0" width="50" height="21" src="http://counter.24log.ru/counter?id=87358&t=24&st=4&r='+r+'&s='+s+'&u='+u+'&rnd='+Math.random()+'" alt="Рейтинг: Интернет" title="Показано число просмотров всего и за сегодня" style="margin:0;padding:0;" /></a></td>');
		</script></tr></table><NOSCRIPT><a href="http://www.1russianbrides.com">love letters from single Russian brides</a></NOSCRIPT>
	</div>

Какой ужас, поймал бы того кто это сделал, так убил бы.

[Константин]

Какой ужас, поймал бы того кто это сделал, так убил бы.

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

[Игорь Ермаков]

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

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

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

Используйте спойлеры всякие, побольше оптимизации, а просто сборник статей, причём таких никому не нужен.

[Clayton]

Норм всё для шпаргалки, читается легко, а больше в данном случае ничего не требуется. На некоторых страницах проблемы с кодировкой, к примеру, у вас на заглавной странице charset=utf-8 а в примере о прозрачности в ие6 (http://htmlfaq.narod.ru/samples/pngie62.html) уже windows-1251, гугл хром выдает иероглифы. А в целом норм. Продолжайте в том же духе. Уберите сайт с народа, лучше на платный хост - это уже добавит доверия поисковиков вашему сайту.

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

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

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

Используйте спойлеры всякие, побольше оптимизации, а просто сборник статей, причём таких никому не нужен.

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

[Searcher]

Дизайн сойдет имхо. А вот организации информации никакой. Все свалено в одну кучу. Когда будет много статей, как в этой куче найти нужное?

Во-первых, нужна структуризация статей, нужны тематические разделы.

Во-вторых, нужен удобный поиск.

[Clayton]

Дизайн сойдет имхо. А вот организации информации никакой. Все свалено в одну кучу. Когда будет много статей, как в этой куче найти нужное?

Во-первых, нужна структуризация статей, нужны тематические разделы.

Во-вторых, нужен удобный поиск.

До этого надо еще сайт наполнить, а во что организовывать 3 статьи?

[Константин]

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

А вот с кодировками, в народе вообще фигня какая-то. Сливаешь файл в utf-8, он тебе кракозяблы дает. Потом идешь и через интерфейс народа в файл вставляешь html код, он нормально по-русски выдает. В примерах, да, руки не дошли исправить текст на русский нормальный. Надо подумать о платном хосте, только стоит ли оно того, сайт сначала для себя начал делать как шпаргалку, раз посмотрел, как пишется filterAlphagammaloaderбла-бла-бла, и всё Подумаемс. На главной потом, когда больше статей будет, как-то структурировать надо будет.

[psywalker]

Константин

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

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

Edited June 24, 2009 by psywalker

[LunatiK]

Не кашерно всё это:

<blockquote><code>
<font size="2" face="Courier New" color="black">    <font color="#0000ff"><!</font><font color="#800000">DOCTYPE</font> <font color="#ff0000">html</font> <font color="#ff0000">PUBLIC</font> <font color="#0000ff">"-//W3C//DTD XHTML 1.0 Strict//EN"</font> <font color="#0000ff">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</font><font color="#0000ff">></font>
    <font color="#0000ff"><</font><font color="#800000">html</font> <font color="#ff0000">xmlns</font><font color="#0000ff">="http://www.w3.org/1999/xhtml"</font><font color="#0000ff">></font>
    <font color="#0000ff"><</font><font color="#800000">head</font><font color="#0000ff">></font>
       <font color="#0000ff"><</font><font color="#800000">meta</font> <font color="#ff0000">http-equiv</font><font color="#0000ff">="Content-type"</font> <font color="#ff0000">content</font><font color="#0000ff">="text/html; charset=windows-1251"</font> <font color="#0000ff">/></font>
       <font color="#0000ff"><</font><font color="#800000">title</font><font color="#0000ff">></font>Полупрозрачный фон<font color="#0000ff"></</font><font color="#800000">title</font><font color="#0000ff">></font>

И нечего на счётчик пинять.

[Игорь Ермаков]

Купил хостинг jino.ru очень дёшево, всё нравиться cPanel, всё удобно, в ближайшее время перенесу на него все сайты.

[Константин]

Не кашерно всё это:

И нечего на счётчик пинять.

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

[Zippovich]

ну так поставьте свой сервис подсветки, который будет делать все правильно )

или Вы не профессионал.

мне бы ночью не спалось, если бы я знал что на моем сайте такой ужас

[rus]

Да уж, с подсветкой полная п...па, а так сайтик понравился.

Пока инфы мало, поэтому думаю и организация навигации плохая.

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

[Milliard]

По поводу народных баннеров... Если сайт на народе имеет DOCTYPE, то файрфокс баннер превращает непонятно во что и внизу страницы вылазит кусок комментария <!-- '>. Это только в ФФ и только если есть DOCTYPE (кроме некоторых). Почему не знаю.

[jackus]

По поводу народных баннеров... Если сайт на народе имеет DOCTYPE, то файрфокс баннер превращает непонятно во что и внизу страницы вылазит кусок комментария <!-- '>. Это только в ФФ и только если есть DOCTYPE (кроме некоторых). Почему не знаю.

Это легко исправить. Если фон без градиентов, то поставить по дефолту цвет текста такой самый, как и фон, и никаких коментариев не будет видно. А всему остальному тексту присваивать стили.

[Константин]

Это легко исправить. Если фон без градиентов, то поставить по дефолту цвет текста такой самый, как и фон, и никаких коментариев не будет видно. А всему остальному тексту присваивать стили.

Тооочно, напишу об этом шпаргалку

[Veseloff]

Ненуачо? А мне понравилось. Пожелания три:

1. Тебы корявые. Активный теб на теб совсем не похож - просто текст. Обозначьте его как-нибудь.

2. Статьи надо бы разбивать по категориям - пока их пять, то все окей, но если вы дальше будете заниматься сайтом, то станет неудобно.

3. Возьмите же нормальный хостинг. Если денег нет, то воспользуйтесь free.1gb.ru - не вникал в подробности, но сестра как-то там размещала страничку, так нахаляву даже доменное имя дали в зоне .ru + никакой рекламы, ну или поищите еще чёньть - уверен, что без проблем можно найти лучшего провайдера, чем народ.

Если говорят, что сайт не оформлен, то забейте на них - это же шпаргалка - многие ли в институте (школе) раскрашивали шпоры и снабжали их картинками? Насчёт кода тоже прислушайтесь к людям, но особо не заморачивайтесь - как говорит Артемий Татьянович: "Лучший валидатор - это браузер" - в чем я его полностью поддерживаю. Успехов!

Edited June 25, 2009 by Veseloff