<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tau-Design &#187; css</title>
	<atom:link href="http://tau-design.net/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://tau-design.net</link>
	<description>Новинки кино, авто, футбола</description>
	<lastBuildDate>Tue, 22 May 2012 10:00:39 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Верстка CSS и синхронизация XSL сайта компании &#171;Турсервис+&#187;</title>
		<link>http://tau-design.net/verstka-css-i-sinxronizaciya-xsl-sajta-kompanii-turservis/</link>
		<comments>http://tau-design.net/verstka-css-i-sinxronizaciya-xsl-sajta-kompanii-turservis/#comments</comments>
		<pubDate>Tue, 29 Jul 2008 21:07:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Верстка сайтов]]></category>
		<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[CSS верстка]]></category>
		<category><![CDATA[xsl]]></category>
		<category><![CDATA[верстка сайта]]></category>

		<guid isPermaLink="false">http://tau-design.net/?p=59</guid>
		<description><![CDATA[Завершена верстка и синхронизация сайта, согласно техническому заданию. Технологии и стандарты в части верстки &#8212; CSS, javascript, в части программирования &#8212; XSL. Адрес сайта компании &#171;Турсервис+&#187; И между тем, туры в Италию гораздо приятнее могут оказаться, если верно выбрать оператора, если знать когда и в какое время лучше лететь отдыхать. Да и вообще &#8212; правильно [...]]]></description>
			<content:encoded><![CDATA[<p>Завершена <strong>верстка</strong> и синхронизация <strong>сайта</strong>, согласно техническому заданию.<br />
Технологии и стандарты в части верстки &#8212; CSS, javascript, в части программирования &#8212; XSL.<span id="more-59"></span></p>
<p><!--noindex--><a href="http://www.tur-service18.ru/" target="_blank">Адрес сайта компании &#171;Турсервис+&#187;</a><!--/noindex--></p>
<p><a class="GB" title="Верстка CSS и синхронизация XSL" href="http://tau-design.net/wp-content/uploads/2008/10/2008-10-30_001549.jpg"><img class="attachment wp-att-60" src="http://tau-design.net/wp-content/uploads/2008/10/2008-10-30_001549.thumbnail.jpg" alt="Верстка CSS и синхронизация XSL" width="150" height="87" /></a><a class="GB" title="Верстка CSS и синхронизация XSL . 2" href="http://tau-design.net/wp-content/uploads/2008/10/2008-10-30_001654.jpg"><img class="attachment wp-att-61" src="http://tau-design.net/wp-content/uploads/2008/10/2008-10-30_001654.thumbnail.jpg" alt="" width="150" height="66" /></a></p>
<p>И между тем, <!--noindex--><a href="http://www.leti.ru/europe/italy/">туры в Италию</a><!--/noindex--> гораздо приятнее могут оказаться, если верно выбрать оператора, если знать когда и в какое время лучше лететь отдыхать. Да и вообще &#8212; правильно отдохнуть &#8212; практически искусство в современных реалиях российского сервиса услуг.</p>
]]></content:encoded>
			<wfw:commentRss>http://tau-design.net/verstka-css-i-sinxronizaciya-xsl-sajta-kompanii-turservis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS вёрстка &#8212; идеи, соображения.</title>
		<link>http://tau-design.net/css-vyorstka-uchimsya-sami/</link>
		<comments>http://tau-design.net/css-vyorstka-uchimsya-sami/#comments</comments>
		<pubDate>Fri, 16 May 2008 14:13:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS верстка]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://tau-design.net/?p=10</guid>
		<description><![CDATA[Решил прокомментировать статью на небезызвестном сайте webmascom &#8212; море воды утекло с момента первого прочтения. Некоторые моменты казались откровением, другие же вызывали споры. Что ж &#8212; посмотрим сейчас, спустя пару лет, какие выводы можно сделать. По тексту я буду вставлять свои комментарии, таким образом Вы сможете следить за двумя параллельными мнениями. Общие рекомендации Получайте удовольствие! [...]]]></description>
			<content:encoded><![CDATA[<p>Решил прокомментировать <!--noindex--><a href="http://www.webmascon.com/topics/coding/48a.asp">статью</a><!--/noindex--> на небезызвестном сайте <!--noindex--><a title="Сайт Webmascon" href="http://www.webmascon.com/">webmascom</a><!--/noindex--> &#8212; море воды утекло с момента первого прочтения. Некоторые моменты казались откровением, другие же вызывали споры. Что ж &#8212; посмотрим сейчас, спустя пару лет, какие выводы можно сделать. По тексту я буду вставлять свои комментарии, таким образом Вы сможете следить за двумя параллельными мнениями.<span id="more-25"></span></p>
<h2>Общие рекомендации</h2>
<h3>Получайте удовольствие!</h3>
<p>Да-да! Первым пунктом на виднейшее место. Процесс верстки должен приносить удовольствие. Гармония! Ритм! Внутренняя эстетика!</p>
<p><cite>Конечно же эстетика, а так же трезвость и логичность в каждом элементе. Удовольствие от того, что создаешь на своих глазах из цепочки кода что-то осмысленное, каждый div, каждый параграф, каждое свойство элемента. Да &#8212; работа должна приносить удовольствие.</cite></p>
<h3>Купите книгу</h3>
<p>В советские времена бытовало мнение, что книга &#8212; лучший подарок. Неспроста. Купите (одолжите, выиграйте в карты) книгу (да-да! ту бумажную, самую), в которой доходчиво рассказано о том, что такое CSS и XHTML. Такие книги есть. Большинство написана по-английски, но есть что прочесть и русскоязычному читателю. Загляните в ближайший книжный магазин. Поройтесь в сетевых книжных развалах типа books.ru</p>
<p>Не верьте тем, кто говорит, словно спецификации, которые опубликованы Консорциумом W3, максимально пригодны для изучения основ. Че-пу-ха. Они написаны для браузеров, а не для людей. Не усложняйте себе жизнь. Копаться в спецификациях начнете тогда, когда довольно освоитесь.</p>
<p><cite>Что ж, в свое время я именно спецификации очень многие моменты прояснил для себя раз и навсегда.<br />
Конечно, практика и еще раз практика просто необходимы, но как бы банально не звучало, практика без теории  &#8212; ничто. А на просторах интернета, чего уж говорить, немало откровенно неверной искаженной информации по верстке, где авторы сами запутывают своих же читателей.</cite></p>
<h3>Пишите код в простом текстовом редакторе</h3>
<p>Да, именно так. Забудьте ненадолго о той заветной папке, в которой собраны дистрибутивы HomeSite, TopStyle либо чего-то-там-еще. По жизни успеете ими воспользоваться. Легкий текстовый редактор типа Notepad либо FAR поможет вам на начальном этапе до конца прочувствовать процесс написания кода. Проверено &#8212; работает.</p>
<p><cite>Что работает? Скорость печати возрастает &#8212; бесспорно. А вот TopStyle &#8212; лично для меня (да и не только) &#8212; проверенный редактор, в котором сверстан не один десяток сайтов, которые, в свою очередь, приносят дивиденды своим авторам. Хотя, справедливости ради, отметить хочется, что первые несколько месяцев активно пытался использовать Dreamweaver. Но не сошлись характерами. А верстать в блокноте  &#8212; без autocomplete &#8212; не для меня. Время &#8212; деньги.<br />
</cite></p>
<h3>Начните потихоньку совершенствовать английский</h3>
<p>Не откладывайте в долгий ящик. Знание английского пригодится еще не раз (дочитайте до конца). Помните: великие css-джедаи пишут наиболее часто по-английски. Не ждите, пока кто-то переведет на русский, а прочтите сами.</p>
<p><cite>Это факт. Непреложный. Английский в кодинге абсолютно необходим. Жизненно. Самые хорошие и полезные статьи прочитал как раз на английском языке.</cite></p>
<h3>Не забывайте о практике</h3>
<p>Чуть-чуть освоившись, примитесь за дело. Практика, практика а кроме того раз практика. Вы можете начать верстать кое-что свое, или приняться за исправление существующих сайтов. Второе даже предпочтительней т.к. тотчас окунет вас в настоящую работу, позволив более надежно закрепить навыки. Не бойтесь оказаться не у дел &#8212; в Сети полно отличных (но нехорошо сверстанных) сайтов, обладатели которых не откажутся от вашей посильной помощи. Санитаром быть леса не так уж и плохо.</p>
<h3>Браузеры</h3>
<p>Раз уж серьезно принялись за дело &#8212; инсталлируйте несколько разных браузеров. Джентльменский набор таков: Internet Explorer 6.0 (и ранние, в случае, если не лень возиться), Mozilla Firefox, Opera. Добавьте по вкусу еще каких-нибудь.</p>
<p>Обязательно снабдите Firefox довольно-таки полезным расширением WebDeveloper.</p>
<p><cite>Со всем соглашусь. Но главный помощник при отладке верстки сайта для меня &#8212; расширение <!--noindex--><a title="Firebug" href="http://www.getfirebug.com/">Firebug</a><!--/noindex-->.</cite></p>
<h3>Следите за новостями. RSS вам в помощь</h3>
<p>Блочная вёрстка, как и любая развивающаяся технология, регулярно пополняется новыми приёмами, техниками и т.п. О них пишут. Ваша задача: не пропустить что-то важное. Пожалуй, лучшим способом сбора новостей можно назвать чтение RSS-лент известных сайтов. В частности, Webmascon транслирует свои новости в свою RSS-ленту Webmascon Daily.</p>
<p>Подробней об RSS <!--noindex--><a href="http://webmascon.com/topics/technologies/9a.asp">читайте на нашем сайте</a><!--/noindex-->, и в других не менее полезных местах. Загляните в нашу <!--noindex--><a href="http://webmascon.com/forum/viewtopic.php?t=790">коллекцию RSS-лент</a><!--/noindex-->.</p>
<h3>Общение</h3>
<p>Не бойтесь спрашивать. В Сети достаточно мест, где можно задать вопрос о вёрстке, и получить на него квалифицированный ответ. К таковым местам можно отнести <!--noindex--><a href="http://webmascon.com/forum/">наш форум</a><!--/noindex-->, сообщества <!--noindex--><a href="http://www.livejournal.com/userinfo.bml?user=ru_coding">ru_coding</a><!--/noindex--> и <!--noindex--><a href="http://www.livejournal.com/userinfo.bml?user=ru_webdev">ru_webdev</a><!--/noindex--> в Живом Журнале, <!--noindex--><a href="http://deforum.ru/forum/viewforum.php?f=3">deforum.ru</a><!--/noindex-->, фидошные конференции fido7.ru.html.chainik и fido7.ru.html.profy и т.д.</p>
<h3>Работайте с Сетью</h3>
<p>Ниже приведены некоторые ссылки на полезные ресурсы. Преимущественно англоязычные (Вот и пригодился английский язык! Спасибо школе и институту!). Предполагается, что обращаться к ним подобает лишь тогда, когда собственных знаний для решения проблемы не хватает.</p>
<ol>
<li>Webmascon, <!--noindex--><a href="http://webmascon.com/topics/coding/">рубрика &#171;Вёрстка&#187;</a><!--/noindex--></li>
<li><!--noindex--><a href="http://www.webmascon.com/topics/tools/10a.asp">Шпаргалка по CSS</a><!--/noindex--></li>
<li><!--noindex--><a href="http://www.alvit.de/web-dev/">Web-Dev-Bookmarks</a><!--/noindex--> (Закладки вебразработчика) &#8212; полезнейший набор ссылок на всевозможные вопросы, связанные с вёрсткой, вебстандартами и т.п.</li>
<li><!--noindex--><a href="http://meyerweb.com/eric/css/edge/">css/edge</a><!--/noindex--></li>
<li><!--noindex--><a href="http://alistapart.com/">http://alistapart.com/</a><!--/noindex--></li>
<li><!--noindex--><a href="http://www.digital-web.com/">http://www.digital-web.com/</a><!--/noindex--></li>
<li><!--noindex--><a href="http://www.456bereastreet.com/lab/">http://www.456bereastreet.com/lab/</a><!--/noindex--></li>
<li>и т.д.</li>
</ol>
<p>Для начала хватит. Список будет пополнятся в процессе освоения. Уж поверьте.</p>
<p><cite>Время не стоит на месте, и появилась уйма ресурсов, посвященных проблемам CSS: <!--noindex--><a href="http://cssing.org.ua/">http://cssing.org.ua</a><!--/noindex-->, <!--noindex--><a href="http://www.htmlbook.ru/">http://www.htmlbook.ru/</a><!--/noindex--></cite></p>
<h2>Подробней о важном</h2>
<p>Лишь четыре важных замечания. Всё остальное вы найдёте в Сети.</p>
<h3>Избегайте стереотипов</h3>
<p>Неоднократно доводилось видеть, как люди мучались, верстая &#171;блоками&#187; изначально табличные макеты. Эти кодеры считали блочную вёрстку эдакой прилизанной с точки зрения вебстандартов технологией, призванной на новом качественном уровне решать старые табличные задачи. Это не совсем верно. &#171;Старые задачи&#187; ограничивались самим кодом &#8212; нельзя было менять внешний вид, не изменив теги, составляющие код таблиц. Что мы имеем сегодня? Один XHTML код &#8212; и бесчисленные варианты отображения страницы (достаточно менять CSS код). Взгляните на <!--noindex--><a href="http://csszengarden.com/">CSSZengarden</a><!--/noindex-->. Обдумайте эти нехитрые соображения, и, приступая к работе, не дайте мозгу запереть вас в душной комнате табличной вёрстки &#8212; выйдите наружу, а там решите, останетесь возле дома или пойдёте дальше.</p>
<p>Для начала взгляните на базовые CSS-макеты: <!--noindex--><a href="http://www.glish.com/css/">&#171;Quick-Links to the Layouts&#187;</a><!--/noindex-->.</p>
<p><cite>Опять же &#8212; таблицы там, где это явно видно. Не раз попадались варианты, когда и календари верстали с помощью списков. Я не говорю, что это неверно, я и сам так делал, но ЗАЧЕМ?..</cite></p>
<h3>Не ограничивайтесь написанием стилей лишь для браузеров</h3>
<p>Технология CSS хороша тем, что позволяет управлять отображением страниц не только на экранах ваших мониторов, если вы просматриваете эти страницы с помощью браузеров, но и отображением в других устройствах. Ради лучшего эффекта от учёбы пишите стили не только для браузеров, но также <!--noindex--><a href="http://www.webmascon.com/topics/coding/33a.asp">стили для печати</a><!--/noindex--> и <!--noindex--><a href="http://webmascon.com/topics/coding/46a.asp">стили для портативных устройств</a><!--/noindex-->. Разберётесь с этим &#8212; повысится качество написания основного кода.</p>
<h3>Помните о DOCTYPE</h3>
<p>Начинающие нередко о нём забывают (или не знают?) Не забывайте указывать <!--noindex--><a href="http://www.webmascon.com/topics/coding/25a.asp">DOCTYPE</a><!--/noindex-->. Страница , в которой он не указан, отображается в так называемом &#171;режиме несоответствия стандартам&#187; (quirks-mode), что нередко сбивает новичков с толку.</p>
<h3>Проверяйте код</h3>
<p>Проверяйте код <!--noindex--><a href="http://validator.w3.org/">валидатором</a><!--/noindex-->. Экономит время и нервы.</p>
<p><cite>Статья очень хорошая, полезно, объективно, и даже спустя время, многие постулаты остаются весьма актуальными и по сей день. </cite></p>
]]></content:encoded>
			<wfw:commentRss>http://tau-design.net/css-vyorstka-uchimsya-sami/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>XSL как универсальный язык-шаблонизатор</title>
		<link>http://tau-design.net/xsl-kak-universalnyiy-yazyik-shabl/</link>
		<comments>http://tau-design.net/xsl-kak-universalnyiy-yazyik-shabl/#comments</comments>
		<pubDate>Sat, 25 Feb 2006 07:49:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[XSL]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[xml]]></category>
		<category><![CDATA[xsl]]></category>

		<guid isPermaLink="false">http://tau-design.net/?p=6</guid>
		<description><![CDATA[С помощью XSL можно трансформировать XML документ в любой вид, будь то HTML, WML, RTF, PDF, SQL, даже в SWF (flash запускаемый модуль), а так же в XML и XSL. XSL несёт в себе информацию о том, как будет оформлен документ, где и как должны располагаться данные. Основные отличия от CSS Стилевые таблицы XSL позволяют [...]]]></description>
			<content:encoded><![CDATA[<p>С помощью XSL можно трансформировать XML документ в любой вид, будь то <!--noindex--><a title="HTML" href="http://ru.wikipedia.org/wiki/HTML">HTML</a><!--/noindex-->, <!--noindex--><a title="WML" href="http://ru.wikipedia.org/wiki/WML">WML</a><!--/noindex-->, <!--noindex--><a class="mw-redirect" title="RTF" href="http://ru.wikipedia.org/wiki/RTF">RTF</a><!--/noindex-->, <!--noindex--><a title="PDF" href="http://ru.wikipedia.org/wiki/PDF">PDF</a><!--/noindex-->, <!--noindex--><a title="SQL" href="http://ru.wikipedia.org/wiki/SQL">SQL</a><!--/noindex-->, даже в <!--noindex--><a class="mw-redirect" title="SWF" href="http://ru.wikipedia.org/wiki/SWF">SWF</a><!--/noindex--> (flash запускаемый модуль), а так же в <!--noindex--><!--noindex--><a title="XML" href="http://ru.wikipedia.org/wiki/XML">XML</a><!--/noindex--><!--/noindex--> и XSL. XSL несёт в себе информацию о том, как будет оформлен документ, где и как должны располагаться данные.<span id="more-23"></span></p>
<h3>Основные отличия от <!--noindex--><a title="CSS" href="http://ru.wikipedia.org/wiki/CSS">CSS</a><!--/noindex--></h3>
<ul>
<li>Стилевые таблицы XSL позволяют определять оформление элемента в зависимости от его месторасположения внутри документа, то есть к двум элементам с одинаковым названием могут применяться различные правила форматирования.</li>
<li>Языком, лежащим в основе XSL, является <!--noindex--><!--noindex--><a title="XML" href="http://ru.wikipedia.org/wiki/XML">XML</a><!--/noindex--><!--/noindex-->, а это означает, что XSL более гибок, универсален, и у разработчиков появляется возможность использования средства для контроля за корректностью составления таких стилевых списков (используя <!--noindex--><a title="DTD" href="http://ru.wikipedia.org/wiki/DTD">DTD</a><!--/noindex--> или схемы данных).</li>
<li>Таблицы XSL не являются каскадными, подобно <!--noindex--><a class="mw-redirect" title="CSS" href="http://ru.wikipedia.org/wiki/CSS">CSS</a><!--/noindex-->, так как чрезвычайно сложно обеспечить «каскадируемость» стилевых описаний, или, другими словами, возможность объединения отдельных элементов форматирования путём вложенных описаний стиля, в ситуации, когда структура выходного документа заранее неизвестна и он создаётся в процессе самого разбора. Однако в XSL существует возможность задавать правила для стилей, при помощи которых можно изменять свойства стилевого оформления, что позволяет использовать довольно сложные приёмы форматирования.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tau-design.net/xsl-kak-universalnyiy-yazyik-shabl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Создание тестов по CSS</title>
		<link>http://tau-design.net/sozdanie-testov-po-css/</link>
		<comments>http://tau-design.net/sozdanie-testov-po-css/#comments</comments>
		<pubDate>Wed, 11 Jan 2006 08:50:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Портфолио]]></category>
		<category><![CDATA[Тесты по CSS]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://tau-design.net/?p=5</guid>
		<description><![CDATA[Для сайта RetraTech создал тест на знание CSS спецификации и верстки, включая практику кроссбраузерности, особенности позиционирования, шрифтового оформления и многие другие актуальные вопросы верстки. Ребята остались довольны работой вполне, да и я вовсе не расстроился .]]></description>
			<content:encoded><![CDATA[<p>Для сайта <!--noindex--><a title="Сертификация, тестирование и оценка персонала с помощью RetraTech" href="http://www.certifications.ru/" target="_blank">RetraTech</a><!--/noindex--> создал тест на знание <!--noindex--><a title="CSS Каскадные таблицы стилей" href="http://ru.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank">CSS</a><!--/noindex--> спецификации и верстки, включая практику кроссбраузерности, особенности позиционирования, шрифтового оформления и многие другие актуальные вопросы верстки.</p>
<p>Ребята остались довольны работой вполне, да и я вовсе не расстроился  <img src='http://tau-design.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  .</p>
]]></content:encoded>
			<wfw:commentRss>http://tau-design.net/sozdanie-testov-po-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

