<?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>المُعاصر &#187; html</title>
	<atom:link href="http://www.mo3aser.com/blog/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mo3aser.com</link>
	<description>مدونة تتناول بشكل رئيسي تصميم و تطوير المواقع و المجتمعات الالكترونية و مصادر مفيدة المصممين و المطورين .. ومواضيع أخرى !</description>
	<lastBuildDate>Thu, 04 Mar 2010 12:28:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>الكود القياسي لاضافة مقاطع YouTube</title>
		<link>http://www.mo3aser.com/blog/valid-xhtml-for-youtube-videos/</link>
		<comments>http://www.mo3aser.com/blog/valid-xhtml-for-youtube-videos/#comments</comments>
		<pubDate>Thu, 11 Dec 2008 18:05:08 +0000</pubDate>
		<dc:creator>المُعاصر</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[ويب]]></category>
		<category><![CDATA[vedio]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[youtube]]></category>
		<category><![CDATA[المعايير القياسية]]></category>
		<category><![CDATA[فيديو]]></category>
		<category><![CDATA[يوتيوب]]></category>

		<guid isPermaLink="false">http://www.mo3aser.com/?p=218</guid>
		<description><![CDATA[كثيرا ما نحتاج لاضافة مقاطع فيديو في مواضيعنا .. ولكن الكود العادي لاضافة مقاطع الفيديو غير مطابق لمعايير xhtml &#8230; كالكود الذي يوفره موقع  YouTube لاضافة مقطع الفيديو و الذي يكون على الشكل التالي :

&#60;object width=&#34;425&#34; height=&#34;344&#34;&#62;&#60;param name=&#34;movie&#34; value=&#34;http://www.youtube.com/vedio-url&#34;&#62;&#60;/param&#62;&#60;param name=&#34;allowFullScreen&#34; value=&#34;true&#34;&#62;&#60;/param&#62;&#60;embed src=&#34;http://www.youtube.com/vedio-url&#34; type=&#34;application/x-shockwave-flash&#34; allowfullscreen=&#34;true&#34; width=&#34;425&#34; height=&#34;344&#34;&#62;&#60;/embed&#62;&#60;/object&#62;

الكود السابق غير مطابق لمعايير xhtml  و يمكن [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-406 alignleft" title="youtube" src="http://www.mo3aser.com/wp-content/uploads/2008/12/youtube.gif" alt="youtube" width="225" height="90" />كثيرا ما نحتاج لاضافة مقاطع فيديو في مواضيعنا .. ولكن الكود العادي لاضافة مقاطع الفيديو غير مطابق لمعايير xhtml &#8230; كالكود الذي يوفره موقع  <a href="http://www.youtube.com/" target="_blank">YouTube </a>لاضافة مقطع الفيديو و الذي يكون على الشكل التالي :</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">object</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;425&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;344&quot;</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;movie&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">param</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;allowFullScreen&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;true&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">param</span>&gt;&lt;embed <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span> allowfullscreen<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;425&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;344&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span>embed&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">object</span>&gt;</span></pre></div></div>

<p>الكود السابق غير مطابق لمعايير xhtml  و يمكن استخدام الكود التالي بدلا منه حيث انه مطابق لمعايير xhtml :</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">object</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;width:425px; height:344px;&quot;</span> <span style="color: #000066;">data</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;movie&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.youtube.com/vedio-url&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">object</span>&gt;</span></pre></div></div>

<p>او يمكنك استخدام <a href="http://www.tools4noobs.com/online_tools/youtube_xhtml/" target="_blank">هذه الأداة </a>و التي تقوم بتحويل الكود الغير قياسي الى الكود القياسي .</p>
<p><span id="more-218"></span></p>
<hr />
<p>اترككم الان مع هذا الفيديو الرائع و الذي لم تؤثر اضافته على <a href="http://validator.w3.org/check?verbose=1&#038;uri=http%3A%2F%2Fwww.mo3aser.com%2Fblog%2Fvalid-xhtml-for-youtube-videos%2F">مطابقة الصفحة لمعايير Xhtml </a></p>
<p><object type="application/x-shockwave-flash" style="width:480px; height:295px;" data="http://www.youtube.com/v/2WZoWgdiz8Y"><param name="movie" value="http://www.youtube.com/v/2WZoWgdiz8Y" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mo3aser.com/blog/valid-xhtml-for-youtube-videos/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>3 ادوات لتجريب أكواد Html / CSS اون لاين ..</title>
		<link>http://www.mo3aser.com/blog/live-html-css-editors/</link>
		<comments>http://www.mo3aser.com/blog/live-html-css-editors/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 22:13:09 +0000</pubDate>
		<dc:creator>المُعاصر</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ويب]]></category>
		<category><![CDATA[live editors]]></category>
		<category><![CDATA[Real-time]]></category>
		<category><![CDATA[Rendur]]></category>
		<category><![CDATA[TryIt Editor]]></category>
		<category><![CDATA[محررات]]></category>

		<guid isPermaLink="false">http://www.mo3aser.com/?p=272</guid>
		<description><![CDATA[أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html  القادمة و التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي [...]]]></description>
			<content:encoded><![CDATA[<p>أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html  القادمة و التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي تكون الاستفادة أكبر .. و هذه هي الطريقة المستخدمة في عرض الأمثلة في موقع <a href="http://www.w3schools.com/" target="_blank">w3cschools </a>&#8230; بعد البحث و الاطلاع على الكثير من الصفحات و جدت عدد من الأدوات تفي بالغرض ولكن للأسف لا تتيح امكانية تحميلها و رفعها على موقعي و استخدامها لعرض أمثلتي &#8230; فأردت مشاركتكم بها إلى أن أجد ضالتي &#8230; <img src='http://www.mo3aser.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p><strong><a href="http://rendur.com/" target="_blank">Rendur</a></strong><br />
اداة توفر مربع ادخال قابل للتحريك وتغير الحجم .. قم بكتابة أكوادك وسيتم تطبيقها مباشرة ، ما يميز هذا المحرر هو ان تطبيق الاكواد سيكون في الصفحة كاملة وهذا ما يعطيك فرصة اكبر للمعاينة .</p>
<p><strong><a href="http://htmledit.squarefree.com/" target="_blank">Real-time</a></strong><br />
صفحة الاداة مقسمه الى جزئين قم بكتابة اكوادك في الجزء العلوي من الصفحة وسيتم تطبيقها مباشرة في الجزء السفلي .</p>
<p><strong><a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic" target="_blank">TryIt Editor</a></strong><br />
هذه الاداة هي المستخدمة في موقع <a href="http://www.w3schools.com/">w3cschools </a>.. ما يعيب هذه الاداه صغر المساحة الخاصة بتطبيق الأكواد كما أن الأكواد لا يتم تطبيقها فور كتابتها ولكن عليك الضغط على زر &#8221; Edit the text and click me &#8221; ليتم تطبيقها .</p>
<p>اذا كان لديك اداة يمكنني استخدامها لعرض الأمثلة فلا تبخل علينا بالمساعدة</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mo3aser.com/blog/live-html-css-editors/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
