<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>تكنولوجيا المعلومات - ITYEM</title>
	
	<link>http://ityem.com</link>
	<description>مقالات ودروس في تكنولوجيا المعلومات</description>
	<lastBuildDate>Sun, 20 May 2012 02:22:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/ITYEM" /><feedburner:info uri="ityem" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>ITYEM</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>كيفية طباعة سطر جديد في صندوق الرسائل (MessageBox) في فيجوال بيسك</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/q6iUOo3Nzvw/</link>
		<comments>http://ityem.com/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b7%d8%a8%d8%a7%d8%b9%d8%a9-%d8%b3%d8%b7%d8%b1-%d8%ac%d8%af%d9%8a%d8%af-%d9%81%d9%8a-%d8%b5%d9%86%d8%af%d9%88%d9%82-%d8%a7%d9%84%d8%b1%d8%b3%d8%a7%d8%a6%d9%84-messag/343/#comments</comments>
		<pubDate>Mon, 09 Apr 2012 16:03:48 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[Visual Basic]]></category>
		<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[برمجة]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=343</guid>
		<description><![CDATA[طريقة طباعة عدة أسطر وبداية سطر جديد في صندوق الرسائل/الصندوق النصي (MessageBox) في في فيجوال بيسك.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="vb.net" src="http://img17.imageshack.us/img17/9512/vbnet.jpg" alt="vb.net" width="360" height="192" /></p>
<p>أحيانا قد نحتاج أن نطبع عدة أسطر منفصلة في صندوق الرسائل/الصندوق النصي (MessageBox) في فيجوال بيسك، ولهذا فمن الجيد أن بإمكاننا إنجاز ذلك وذلك باستخدام <em>Environment.NewLine</em> كما يلي:</p>

<div class="wp_syntax"><div class="code"><pre class="vb" style="font-family:monospace;">MessageBox.Show(<span style="color: #800000;">&quot;This is Line 1&quot;</span> &amp; Environment.NewLine &amp; <span style="color: #800000;">&quot;This is Line 2&quot;</span> &amp; Environment.NewLine &amp; <span style="color: #800000;">&quot;And this is Line 3&quot;</span>)</pre></div></div>

<p>كما ترى، فكل ما علينا عمله هو أن نضع <em>Environment.NewLine</em>في المكان الذي نريد أن يبدأ منه السطر الجديد، وبإمكا ننا استخدامه أكثر من مرة حسب الحاجة حسب الحاجة.</p>
<p>بإمكاننا أيضا استخدام <em>vbNewLine</em> بدلا من <em>Environment.NewLine</em>:</p>

<div class="wp_syntax"><div class="code"><pre class="vb" style="font-family:monospace;">MessageBox.Show(<span style="color: #800000;">&quot;This is Line 1&quot;</span> &amp; vbNewLine &amp; <span style="color: #800000;">&quot;This is Line 2&quot;</span> &amp; vbNewLine &amp; <span style="color: #800000;">&quot;And this is Line 3&quot;</span>)</pre></div></div>

<div class="note">يفضل استخدام <em>Environment.NewLine</em> في VB.NET ، أما في الإصدارات التي قبل VB.NET، فيتم استخدام <em>vbNewLine</em> أو <em>vbCrLf</em>.</div>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=343&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=q6iUOo3Nzvw:P26AAXzjfxI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/q6iUOo3Nzvw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b7%d8%a8%d8%a7%d8%b9%d8%a9-%d8%b3%d8%b7%d8%b1-%d8%ac%d8%af%d9%8a%d8%af-%d9%81%d9%8a-%d8%b5%d9%86%d8%af%d9%88%d9%82-%d8%a7%d9%84%d8%b1%d8%b3%d8%a7%d8%a6%d9%84-messag/343/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b7%d8%a8%d8%a7%d8%b9%d8%a9-%d8%b3%d8%b7%d8%b1-%d8%ac%d8%af%d9%8a%d8%af-%d9%81%d9%8a-%d8%b5%d9%86%d8%af%d9%88%d9%82-%d8%a7%d9%84%d8%b1%d8%b3%d8%a7%d8%a6%d9%84-messag/343/</feedburner:origLink></item>
		<item>
		<title>أهم الأدوات التي يحتاج  إليها المبرمج</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/6wFeAtEOKbE/</link>
		<comments>http://ityem.com/%d8%a3%d9%87%d9%85-%d8%a7%d9%84%d8%a3%d8%af%d9%88%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d9%8a-%d9%8a%d8%ad%d8%aa%d8%a7%d8%ac-%d8%a5%d9%84%d9%8a%d9%87%d8%a7-%d8%a7%d9%84%d9%85%d8%a8%d8%b1%d9%85%d8%ac/338/#comments</comments>
		<pubDate>Thu, 22 Mar 2012 17:41:52 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[برمجة]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=338</guid>
		<description><![CDATA[حتى النجار لا يستطيع أن يقوم بعمله من دون الأدوات المناسبة، وكذلك المبرمج...]]></description>
			<content:encoded><![CDATA[<p>كل محترف يجب أن يكون لديه الأدوات المناسبة والكافية لإنجاز عمله بكفاءة وسهولة وسرعة، والمبرمج شأنه شأي أي محترف في أي حرفة، يحتاج إلى الأدوات المناسبة لإنجاز عمله &#8220;البرمجة&#8221; بفعالية وكفاءة وسرعة وسهولة.</p>
<p>في هذا الموضوع سنتطرق إلى أهم الأدوات الأساسية التي يجب أن تكون لدى المبرمج:</p>
<p><span style="font-size: medium; color: #0000ff;"><strong>مترجم (Compiler/Interpreter):</strong></span><br />
المترجم عبارة عن برنامج يقوم بتحويل الكود الذي قمت بكتابته في الملف النصي للبرنامج إلى ملف تنفيذي تستطيع تشغيله على جهاز الكمبيوتر(ونتحدث هنا عن الـ Compiler، وسأحاول أن أكتب موضوعا منفصلا عن الفرق بين الـ Compiler و Interpreter). فلكي تبرمج، يجب أن يكون لديك مترجم.</p>
<p><span style="font-size: medium;"><strong><span style="color: #0000ff;">محرر نصوص (Text Editor):</span></strong></span><br />
محرر النصوص عبارة عن برنامج يسمح لك بإنشاء ملفات نصية تحتوي على أكواد البرامج التي تقوم بكتابتها. محرر النصوص قد يكون عبارة عن برنامج بسيط مثل برنامج المفكرة (Notepad)، أو قد يكون معقدا مثل Dreamwaver أو Emacs.</p>
<p>محرر النصوص الجيد يقوم بتسهيل مهمة البرمجة إلى أقصى حد ممكن. فلا تستطيع أن تكتب كود برمجي في لغة مثل لغة <span style="direction: ltr;" dir="ltr">C++</span> مثلا في برنامج ميكروسوفت بدون صعوبة كبيرة، ذلك أن ميكروسوفت وورد يحتوي على أكواد كثيرة غير ظاهرة تتداخل مع أكواد البرنامج الذي تكتبها وتتسبب غالبا بوجود الكثير من الأخطاء في البرنامج.</p>
<p><span style="font-size: medium; color: #0000ff;"><strong>كاشف/مصحح الأخطاء (Debugger):</strong></span><br />
كاشف/مصحح الأخطاء عبارة عن أداة تتبع المشاكل الموجودة في الكود الذي قمت بكتابته والتي تتسبب بنتائج غير متوقعة في البرنامج عند تشغيله (التتبع يحدث أثناء تشغيل البرنامج). كاشف/مصحح الأخطاء سيجعلك تصل إلى داخل الكود &#8211; تستطيع تشغيل البرنامج في مصحح/كاشف الأخطاء، ثم توقف التنفيذ مؤقتا لترى أي سطر من الكود يتم تنفيذه، أو لتشاهد قيم المتغيرات، بالإضافة إلى معلومات أخرى تساعدك لتعرف ما الذي يقوم به البرنامج، ولماذا لا يقوم بما هو متوقع منه.</p>
<p>كاشف/مصحح الأخطاء الجيد يساعدك على تحديد مكان الخطأ، في أي جزء من الكود، بالإضافة إلى إعطائك إشارات مثل قيم المتغيرات مما يساعدك لاكتشاف أين ومتى حصل الخطأ الذي قمت بارتكابه. أغلب المترجمات تأتي مع كاشفات/مصححات أخطاء مبنية داخلها، كما أنه يوجد كاشافات/مصححات أخطاء مستقلة بذاتها.</p>
<p><span style="font-size: medium;"><strong><span style="color: #0000ff;">كتب، فيديوات، مراجع مختلفة:</span></strong></span><br />
أي مبرمج يحتاج إلى مراجع مختلفة سواء كانت كتب، أو محاضرات بالصوت والصورة، أو حتى معلم أو شخص أكبر خبرة وذلك من أجل الرجوع إليه في حال واجه مشكلة لم يتمكن من حلها بنفسه.</p>
<p><span style="color: #0000ff; font-size: medium;"><strong>متابعة كل جديد وحديث في عالم البرمجة:</strong></span><br />
فالتطور لا يتوقف عند حد، وكل يوم يتم اكتشاف طرق جديدة وأدوات حديثة في مجال الحاسوب، والمبرمج الجيد عليه الاستفادة من كل ما يتم انتاجه وذلك من أجل إنجاز العمل بسرعة وكفاءة أكبر من ذي قبل.</p>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=338&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=6wFeAtEOKbE:i6mhgvypQvg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/6wFeAtEOKbE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d8%a3%d9%87%d9%85-%d8%a7%d9%84%d8%a3%d8%af%d9%88%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d9%8a-%d9%8a%d8%ad%d8%aa%d8%a7%d8%ac-%d8%a5%d9%84%d9%8a%d9%87%d8%a7-%d8%a7%d9%84%d9%85%d8%a8%d8%b1%d9%85%d8%ac/338/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d8%a3%d9%87%d9%85-%d8%a7%d9%84%d8%a3%d8%af%d9%88%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d9%8a-%d9%8a%d8%ad%d8%aa%d8%a7%d8%ac-%d8%a5%d9%84%d9%8a%d9%87%d8%a7-%d8%a7%d9%84%d9%85%d8%a8%d8%b1%d9%85%d8%ac/338/</feedburner:origLink></item>
		<item>
		<title>أي لغة برمجة يجب أن أتعلمها؟</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/Drh15ZNVLBg/</link>
		<comments>http://ityem.com/%d8%a3%d9%8a-%d9%84%d8%ba%d8%a9-%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d9%8a%d8%ac%d8%a8-%d8%a3%d9%86-%d8%a3%d8%aa%d8%b9%d9%84%d9%85%d9%87%d8%a7%d8%9f/332/#comments</comments>
		<pubDate>Tue, 20 Mar 2012 15:22:31 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[برمجة]]></category>
		<category><![CDATA[لغات البرمجة]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=332</guid>
		<description><![CDATA[هل تساءلت يوما عن أفضل لغة برمجة؟ عن أي لغة برمجة من الأفضل أن تتقنها؟ اقرأ هذا المقال لكي تحصل على الإجابة...]]></description>
			<content:encoded><![CDATA[<p>عندما يأتي السباك إلى ويسألك قائلا: &#8220;<strong>أي الأدوات تريدني أن أستخدم؟</strong>&#8220;.</p>
<p>ماذا سيكون ردك؟ &#8220;<strong>لا أهتم، فقط أصلح تلك المشكلة اللعينة</strong>&#8220;.</p>
<p>ذلك صحيح. كل شخص يريد أن يتم إنجاز العمل، ويريد أن يتم حل المشكلة. لا أحد يهتم بنوع الأداة أو الأدوات التي تستخدمها طالما وهي تحقق الغرض وتنجز العمل. وكمطور، فإن عملك هو إصلاح المشاكل وحلها وإنجاز الأعمال التي يعاني منها الزبائن بأكثر الطرق فاعلية. وهذا بالتالي يعني أنك لا تستطيع أن تستخدم نفس الأداة لجميع أنواع المشاكل. هل تستطيع استخدام الثاقب الكهربائي &#8220;الدريل&#8221; لإصلاح مشكلة تسريب بسيط في أنابيت الماء؟ لا. تستطيع استخدام الشريط اللاصق أو النوع المناسب من الغراء لإصلاح ذلك التسريب.</p>
<p>السؤال &#8220;<strong>أي لغة يجب علي أن أتعلم؟</strong>&#8221; سؤال خاطئ لتبدأ به. فلغات البرمجة ما هي إلا أدوات في حقيبة مهندس البرمجيات أو المطور أو المبرمج. قبل أن تقرر ما هي اللغات التي يجب عليك أن تتعلمها، عليك أن تقرر ما هو نوع المشكلات التي تريد العمل عليها؟ ما هو المجال الذي تريد أن تبرمج له وتعمل فيه؟ هل تريد أن تعمل على تقنيات الويب؟ هل تريد أن تعمل على نظام لينوكس؟ هل تريد أن تعمل على في مجال الموبايلات؟ هناك الكثير والكثير جدا من المجالات المختلفة في عالم البرمجة، ويجب عليك أن تحدد في أي مجال تريد أن تعمل وتبرمج، ثم بعد ذلك تقرر أي لغة أو لغات تناسب ذلك المجال.</p>
<div class="note"><strong>هذا لا يعني أن الأدوات ليست مهمة. نعم هي مهمة؛ لكنها ليست أهم من المشكلة التي تحتاج معالجة وإصلاح.</strong></div>
<p>&nbsp;</p>
<p><span style="color: #0000ff;"><strong>كم من اللغات البرمجية عليك أن تتعلم؟</strong></span><br />
ليس هناك هدف أو فائدة ترجى من تعلم أكبر قدر ممكن من اللغات. ما يجب عليك هو أن تحاول أن تتعرف على أكبر عدد ممكن من اللغات، ثم تحدد وتقرر ما هي اللغات التي يجب على أن تتعلمها وتتقنها وتكتسب خبرة فيها.</p>
<p>نعود مرة أخرى لتشبيهنا، ما هي الأدوات التي تظن أنها يجب أن يملكها السباك؟ &#8220;<strong>الأدوات الكافية لإنجاز العمل</strong>&#8220;.</p>
<p>بالضبط. إن كنت لا تجيد إلا استخدام أداة واحدة، فقد تضطر للعمل مع أشخاص آخرين ممن يستطيعون استخدام أدوات أخرى. هذا يحدث في أغلب مؤسسات تكنولوجيا المعلومات. في الشركات والمؤسسات الكبيرة ستعمل مع أشخاص آخرون لديهم خبرة في لغات برمجة لا تعرفها ولا تجيد استخدامها. هذا يعطيهم أفضلية ويجعلهم وكأنهم نجوم بارزة في هذا المجال &#8220;على الأقل في تلك المؤسسة&#8221;. لو أردت بدلا عن ذلك أن تعمل في شركات جديدة، أو أن تعمل كمستقل &#8220;غير مرتبط بشركة أو مؤسسة أو جهة&#8221;، فقد تحتاج لأن تعرف قليلا عن كل الأدوات الموجودة في مجالك.</p>
<div class="tip">بالتأكيد ليس عليك أن تستخدم كل أنواع المفكات. ما عليك إلا أن تحترف استخدام مفكا جيدا واحدا. وبالمثل، ليس عليك أن تحترف في كل لغات الويب &#8220;في حال ما إذا اخترت تكنولوجيا الويب&#8221;. فقط تعلم لغة جيدة واحدة وستكون بخير.</div>
<p>كل مجال برمجي لديه مجموعته الخاصة من الأدوات لمساعدتك في تطوير البرمجيات والتطبيقات. إن كنت تقوم بتطوير موقع ويب كبير، فقط تعمل مع تقنيات مثل Java، Servlets، XML، JavaScript، قواعد بيانات، خوادم، استضافات، &#8230; إلخ. هذا يعني أنه بالإضافة إلى لغات البرمجة، هناك تقنيات أخرى مرتبطة بالبرمجة عليك أن تتقنها لكي تكون مبرمجا جيدا.</p>
<p>أمر آخر عليك معرفته: جميع لغات البرمجة تختلف عن بعضها البعض. بعض اللغات يكون من السهل البرمجة بها، بينما بعضها تكون البرمجة بها أمرا صعبا. لا أقصد هنا الخبرات والمهارات المطلوبة في تعلم اللغة، بل أقصد الجهد المستخدم في كتابة برنامج بعد تعلمك للغة. إن كنت ستعمل في إحدى مؤسسات تقنيات المعلومات، فقد يكون من متطلبات العمل أن تقوم بتعلم لغة جديدة في وقت قصير جدا. ستبدأ بكتابة شيفرة &#8220;كود&#8221; جيدة في فترة تترواح بين أسبوع إلى ثلاثة اشهر. بعد ذلك الأمر الوحيد الذي سيهم هو في اختيار اللغة التي تفضل أن تستخدمها في العمل. لهذا لا تقلق كثيرا فيما يخص اللغة الأسهل للتعلم؛ عليك أن تقلق بخصوص اللغة الأسهل في الاستخدام. (ربما قد تجد أن اللغات الأسهل في التعلم هي الأسهل في الاستخدام، لكن على الرغم من ذلك فتلك ليست الحالفة في جميع اللغات).</p>
<div class="info"><strong>السر الأكبر:</strong><br />
لن تصبح مبرمجا جيدا إلا بالبرمجة الكثيرة. الكثير من الطلاب لا يبرمجون خارج معامل ومشاريع الكليات، ولهذا فهم لا يصبحون مبرمجين جيدين. حاول أن تقوم بكتابة أكواد في وقت فراغك. حاول أن تقوم بحل بعض المشكلات و التحديات بلغة البرمجة المفضلة لديك، أو حاول أن تنشئ موقع الويب الخاص بك.</div>
<div class="tip">الممارسة، الممارسة، ثم الممارسة هي ما تجعلك مبرمجا جيدا.</div>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=332&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=Drh15ZNVLBg:sbFGOHpyzMY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/Drh15ZNVLBg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d8%a3%d9%8a-%d9%84%d8%ba%d8%a9-%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d9%8a%d8%ac%d8%a8-%d8%a3%d9%86-%d8%a3%d8%aa%d8%b9%d9%84%d9%85%d9%87%d8%a7%d8%9f/332/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://ityem.com/%d8%a3%d9%8a-%d9%84%d8%ba%d8%a9-%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d9%8a%d8%ac%d8%a8-%d8%a3%d9%86-%d8%a3%d8%aa%d8%b9%d9%84%d9%85%d9%87%d8%a7%d8%9f/332/</feedburner:origLink></item>
		<item>
		<title>الوسوم، والخصائص، والعناصر</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/IhnM0q7gKZQ/</link>
		<comments>http://ityem.com/%d8%a7%d9%84%d9%88%d8%b3%d9%88%d9%85-%d9%88%d8%a7%d9%84%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d9%88%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1/320/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 05:47:28 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[تصميم المواقع]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=320</guid>
		<description><![CDATA[ماهي الوسوم في لغة الـ HTML؟ وما هي هي خصائصها؟ وما هي العناصر؟ خطوة جديدة للتعرف أكثر على لغة الـ HTML وفهمها...]]></description>
			<content:encoded><![CDATA[<div class="note alert">هذا الدرس هو مواصلة لدرسنا السابق الموجود <strong><a title="HTML – الشروع في العمل" href="http://ityem.com/html-%d8%a7%d9%84%d8%b4%d8%b1%d9%88%d8%b9-%d9%81%d9%8a-%d8%a7%d9%84%d8%b9%d9%85%d9%84/294/">هنا</a></strong>.</div>
<p>على الرغم من أن محتويات ملفات الـ HTML عبارة عن نصوص عادية، إلا أننا نحتاج إلى المزيد من العمل عليها لنجعلها ملفات HTML صحيحة وصالحة للاستخدام بدون أي مشاكل.</p>
<p>لنقم بالتعديل على الملف الذي قمنا بإنشائه في <a title="HTML – الشروع في العمل" href="http://ityem.com/html-%d8%a7%d9%84%d8%b4%d8%b1%d9%88%d8%b9-%d9%81%d9%8a-%d8%a7%d9%84%d8%b9%d9%85%d9%84/294/">الدرس السابق</a> حتى يصبح بهذه الصورة:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;
&lt;html&gt;
&lt;body&gt;
	هذه صفحة الويب الأولى الخاصة بي
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<p>الآن قم بحفظ الملف، ثم عد إلى المتصفح وقم بعمل تحديث (إعادة تحميل للصفحة).<br />
مظهر الصفحة لم يتغير نهائيا، لهذا يجب أن نعرف الهدف من لغة الـ HTML هو إعطاء ووضع معنى لمحتوى الصحفة، وليس إعطاء مظهر فقط، وهذا المثال عرض لنا أحد العناصر الأساسية والجوهرية في صفحات الويب.</p>
<div class="bolts-callout notes">السطر الأول الذي يبدأ بـ <span style="direction: ltr; color: #993300;" dir="ltr">&lt;!DOCTYPE&#8230;</span> الهدف منه هو تعريف المتصفح بأنك تعرف ماذا تعمل أو ما الذي تقوم به. ربما يتبادر إلى ذهنك أنك لا تعرف فعلا ماذا تفعل، لكن من المهم جدا أن تلتزم بهذا عند إنشاء أي صفحة ويب. إن لم تقم بكتابة السطر الأول، فإن متصفح الويب سيتحول إلى الوضع الشاذ (quirks mode) ويتصرف بطريقة غريبة. لا تقلق إن لم تفهم تماما نوع المستند أو ما يسمى بـ DOCTYPE في الوقت الحالي، حيث أننا سنتناول هذا الموضوع في درس لاحق. في الوقت الحالي فقط تذكر أن تضع هذا الكود في أول سطر من صفحة الويب قبل وسم &lt;html&gt;.</div>
<p>لنعد إلى موضوعنا، البنية الأساسية للغة الـ HTML هي الوسوم (tags) التي تطوّق أو تحيط بمحتويات الصفحة من نصوص وصور وهي تستخدم لإبلاغ المتصفح بكيفية إظهار النصو والصور وتعطيهما معنى.</p>
<div class="info">
<ul>
<li>وسوم HTML تكون محصورة  بين أو محاطة بعلامتي &lt;&gt;.</li>
<li>وسوم HTML ليست حساسة لحالة الأحرف، لكن هناك حالات تكون حالة الأحرف في الروابط (URLs) حساسة.</li>
<li>وسوم HTML عادة تكون زوجية، أي أنها تحتوي على وسم بداية (أو وسم فتح)، ووسم نهاية (أو وسم إغلاق) مثل <span style="direction: ltr;" dir="ltr">&lt;b&gt;</span> و <span style="direction: ltr;" dir="ltr">&lt;/b&gt;</span></li>
</ul>
</div>
<p>&nbsp;</p>
<p><span style="color: #000080;"><strong>وسوم البداية أو وسوم الافتتاح</strong></span><br />
من مثالنا السابق، وسم <span style="direction: ltr;" dir="ltr">&lt;html&gt;</span> هو وسم الافتتاح أو وسم البداية ونقطة الانطلاق والذي يخبر المتصفح أن كل شيء بين ذلك الوسم ووسم <span style="direction: ltr;" dir="ltr">&lt;/html&gt;</span> هو مستند أو ملف HTML. المحتويات الموجودة بين وسمي <span style="direction: ltr;" dir="ltr">&lt;body&gt;</span> و <span style="direction: ltr;" dir="ltr">&lt;/body&gt;</span> هي المحتويات الرئيسية التي ستظهر في نافذة المتصفح.</p>
<p><span style="color: #000080;"><strong>وسوم الإغلاق أو وسوم النهاية</strong></span><br />
الوسمان <span style="direction: ltr;" dir="ltr">&lt;/body&gt;</span> و <span style="direction: ltr;" dir="ltr">&lt;/html&gt;</span> يقومان بإغلاق وسومها الخاصة. جميع وسوم الـ HTML يجب إغلاقها، على الرغم من الإصدارات القديمة من لغة HTML تسمح &#8220;كسلا&#8221; بأن تبقى بعض الوسوم بدون إغلاق، بينما المعايير الحديثة تتطلب أن يتم إغلاق جميع الوسوم حتى يكون ملف الـ HTML خاليا صحيحا وخاليا من الأخطاء. كما أن اتباع هذه المعايير يعتبر عادة جيدة على أي حال.<br />
ليس كل الوسوم لها وسوم إغلاق كما هو الحال في وسم (<span style="direction: ltr;" dir="ltr">&lt;html&gt;&lt;/html&gt;</span>)، بعض الوسوم التي لا تحيط بأي محتوى أو نصوص تقوم بإغلاق نفسها. وسم السطر الجديد مثلا ليس له وسم إغلاق، وتتم كتابته بهذه الطريقة <span style="direction: ltr;" dir="ltr">&lt;br /&gt;</span>. سنمر على هذه الأمثلة لاحقا. كل ما يجب عليه تذكره هو أن جميع الوسوم يجب أن تغلق، وأن أغلب (الوسوم التي تحتوي على محتوى بداخلها) تكون بهذا الشكل وبهذه البنية: <strong>وسم البداية ← المحتوى ← وسم الإغلاق</strong>.</p>
<p><span style="color: #000080;"><strong>السمات والخصائص</strong></span><br />
بإمكان الوسوم أن تحتوي على خصائص أو سمات (attributes)، والتي هي عبارة عن معلومات إضافية عن كيفية إظهار المحتوى بحسب المعنى المراد منها. الخصائص تكون داخل وسم البداية، وقيمها تكون دائما بين علامتي تنصيص (<strong>&#8221; &#8220;</strong>)، تبدو بهذه الطريقة:<br />
<span style="color: #993300; direction: ltr;" dir="ltr">&lt;tag attribute=&#8221;value&#8221;&gt;Design&lt;/tag&gt;</span><br />
وبالعربي:<br />
<span style="color: #993300;">&lt;وسم خاصية=&#8221;قيمة&#8221;&gt;تصميم&lt;/وسم&gt;<br />
</span><strong>ملاحظة</strong>: يجب أن يكون هناك فراغ بين اسم الوسم والخاصية. هذا سنتناول موضوع الخصائص والسمات في دروس لاحقة.</p>
<p><span style="color: #000080;"><strong>العناصر</strong></span><br />
الوسوم لا تقوم بعمل الكثير سوى تحديد بداية ونهاية العنصر. العناصر هي المكونات الو البتات التي تكون صفح الويب. لهذا نقول أن كل شيء يشمل وسمي <span style="direction: ltr;" dir="ltr">&lt;body&gt;</span> و <span style="direction: ltr;" dir="ltr">&lt;/body&gt;</span> ويقع بينهما هو عنصر الـ body (عنصر بدن الصفحة أو عنصر مكون الصفحة). كمثال آخر، في حين أن &#8216;<span style="direction: ltr;" dir="ltr">&lt;title&gt;</span>&#8216; و &#8216;<span style="direction: ltr;" dir="ltr">&lt;/title&gt;</span>&#8216; هما وسمان، &#8216;<span style="direction: ltr;" dir="ltr">&lt;title&gt;تصميم المواقع&lt;/title&gt;</span>&#8216; هو عنصر العنوان.</p>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=320&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=IhnM0q7gKZQ:DxolXgYW3Jg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/IhnM0q7gKZQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d8%a7%d9%84%d9%88%d8%b3%d9%88%d9%85-%d9%88%d8%a7%d9%84%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d9%88%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1/320/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d8%a7%d9%84%d9%88%d8%b3%d9%88%d9%85-%d9%88%d8%a7%d9%84%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d9%88%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1/320/</feedburner:origLink></item>
		<item>
		<title>HTML – الشروع في العمل</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/3_GMwNfE_fA/</link>
		<comments>http://ityem.com/html-%d8%a7%d9%84%d8%b4%d8%b1%d9%88%d8%b9-%d9%81%d9%8a-%d8%a7%d9%84%d8%b9%d9%85%d9%84/294/#comments</comments>
		<pubDate>Fri, 14 Oct 2011 03:45:50 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[تصميم المواقع]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=294</guid>
		<description><![CDATA[أول الخطوات في تعلم لغة الـ HTML...]]></description>
			<content:encoded><![CDATA[<p>أغلب الأشياء والمواد الموجودة على الويب ليست مختلفة عن الأشياء والمواد الموجودة على كمبيوترك &#8211; فما هي إلا مجموعة من الملفات مخزنة في مجموعة من المجلدات.<br />
ملفات الـ HTML ليست أكثر من ملفات نصوص بسيطة، ولكي تبدأ الكتابة بلغة HTML فلن تحتاج أكثر من محرر نصوص بسيط وأحد المتصفحات لعرض الصفحة بعد بناءها وتصميمها.</p>
<div class="note">المفكرة (Notepad) تعتبر محرر نصوص عادي  شائع يأتي مع الويندوز. وشخصيا أنصح باستخدام محرر نصوص أفضل يدعى (<span style="direction: ltr;" dir="ltr">Notepad++</span>) وهو محرر نصوص مجاني به الكثير من المميزات تساعدك على تنظيم الشفرات البرمجية وسهولة ملاحظة الأخطاء وتلافيها، كما أن لديه أيضا واجهة باللغة العربية. يمكن تحميل هذا البرنامج من هنا.</div>
<p>أولاً قم بإنشاء مجلد باسم (html) في القرص C (أو في أي مكان آخر تفضله ويناسبك أكثر)، ثم قم بإنشاء اختصار لهذا المجلد على سطح المكتب لسهولة الوصول إليه وإلى الملفات التي سيتم حفظها فيه.</p>
<div class="tip">تستطيع إنشاء اختصار لمجلد ما إما عن طريق الضغط على هذا المجلد بزر الماوس الأيمن ثم من القائمة اختر إرسال إلى ثم اختر سطح المكتب (إنشاء اختصار)، أو عن طريق الضغط على المجلد بزر الماوس الأيمن ثم سحب المجلد (مع استمرار الضغط) إلى سطح المكتب ثم اختر إنشاء اختصار هنا.</div>
<p>قم بفتح برنامج المفكرة أو برنامج <span style="direction: ltr;" dir="ltr">Notepad++</span> ثم قم بكتابة النص التالي:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">هذه صفحة الويب الأولى الخاصة بي</pre></div></div>

<div class="info">إذا كنت تستخدم <span style="direction: ltr;" dir="ltr">Notepad++</span> فقم بتحديد اللغة من القائمة <strong>Language</strong> أو <strong>اللغة</strong> ثم تحت الحرف <strong>H</strong> قم باختيار <strong>HTML</strong>، وسيتم اعتبار هذا الملف على أنه ملف HTML.</div>
<p>قم بحفظ هذا الملف باسم &#8220;myfirstpage.html&#8221;.</p>
<div class="alert">من المهم جدا أن يتم حفظ الملف بصيغة &#8220;.html&#8221; وذلك حتى يتم التعامل مع الملف على أنه ملف HTML  وليس مجرد ملف نصوص عادي.</div>
<p>لعرض ملفات الـ HTML لا تحتاج لأن تكون على الويب. قم بفتح أي متصفح ويب مثل فايرفوكس (Firefox) أو إنترنت إكسبلورر (Internet Explorer). وفي صندوق العنوان حيث تقوم عادة بطباعة عنوان أي موقع، قم بطباعة مكان ملف الـ HTML المراد عرضه بالإضافة إلى اسم الملف على سبيل المثال: (c:\html\myfirstpage.html)، ثم اضغط Enter. أو بدلا عن ذلك قم بالذهاب إلى قائمة ملف في متصفح الإنترنت ، اختر فتح، ثم قم بالذهاب إلى مجلد html الذي يحتوي الملف المراد عرضه، ثم قم بتحديد الملف ثم اضغط على OK.</p>
<p>وها هي صفحة الويب الأولى الخاصة بك. لقد كان ذلك مثيرا ومسليا في نفس الوقت، ولم تأخذ الكثير من الوقت أو الطبعة، مجرد طباعة بضع كلمات.</p>
<div class="bolts-callout notes">لقد ذكرت سابقا أنه بالإمكان استخدام أي محرر نصوص بسيط والإكتفاء به لكتابة لغة HTML مثل المفكرة (Notepad)، لكن بالإمكان استخدام أي برامج  أو محررات أخرى متطورة مثل Dreamweaver أو Frontpage.<br />
يجب أن تكون حذرا عند استخدام مثل هذه البرامج، خاصة إذا كنت مبتدئا، لأنها عادة تقوم بإدراج أكواد غير ضرورية وغير معيارة (بهدف مساعدتك).<br />
إن كنت جادا في تعلم لغة HTML فعليك أن تبدأ بقراءة الدروس مقل هذا أولا حتى تتكون لديك المفاهيم الأساسية عن هذه اللغة وطريقة عملها.<br />
البرامج مثل Dreamweaver و Frontpage لن تعطيك التحكم والسيطرة على صفحات الويب نفسه الذي تحصل عليه من كتابة الكود بنفسك باستخدام أي برنامج تحرير نصوص بسيط مثل المفكرة أو Notepad++. لذا فإن أفضل طريقة لتعلم هذه اللغة هي أن تستخدم أي محرر نصوص عادي وبسيط.</div>
<p><strong>ملفات (أو مستندات) الـ HTML = صفحات الويب</strong></p>
<ul>
<li>ملفات الـ HTML تصف وتنسق صفحات الويب</li>
<li>ملفات الـ HTML تحتوي على وسوم HTML بالإضافة إلى نص أو نصوص عادية</li>
<li>ملفات الـ HTML تدعى أيضا صفحات ويب</li>
</ul>
<div class="note">الغرض من استخدام متصفح الويب (مثل Enternet Explorer أو Chrome أو Firefox) هو قراءة ملفات الـ HTML وعرضها كصفحات ويب. المتصفح لا يقوم بعرض وسوم الـ HTML، إنما يستخدم هذه الوسوم لترجمة محتويات الصفحة:</div>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;html&gt;
&lt;body&gt;
&nbsp;
&lt;h1&gt;My First Heading&lt;/h1&gt;
&nbsp;
&lt;p&gt;My first paragraph.&lt;/p&gt;
&nbsp;
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<p><strong>شرح المثال</strong></p>
<div class="bolts-callout notes">
<ul>
<li>النص بين <span dir="ltr">&lt;html&gt;</span> و <span dir="ltr">&lt;/html&gt;</span> يصف ويمثل صفحة الويب</li>
<li>النص بين <span dir="ltr">&lt;body&gt;</span> و <span dir="ltr">&lt;/body&gt;</span> هو محتوى الصفحة الذي يظهر والذي يتم عرضه</li>
<li>النص بين <span dir="ltr">&lt;h1&gt;</span> و <span dir="ltr">&lt;/h1&gt;</span> يتم عرضه كعنوان</li>
<li>النص بين <span dir="ltr">&lt;p&gt;</span> و <span dir="ltr">&lt;/p&gt;</span> يتم عرضه كفقرة</li>
</ul>
</div>
<div class="info"><strong>صيغة .html أو .html؟</strong><br />
عند حفظ ملف HTML، تستطيع أن تستخدم إحد الصيغتين (.htm أو .html). لا يوجد فرق بينهما، ويعود القرار لك في اختيار أحدهما.</div>
<div class="note">لا تقلق إذا رأيت أي وسوم لا تعرفها أو لا تفهم الغرض منها، سنقوم بشرح جميع الوسوم المستخدمة، وإن شاء الله سنتمكن من تغطية كل الوسوم الموجودة في الـ HTML.</div>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=294&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=3_GMwNfE_fA:uz_F5vq-X1U:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/3_GMwNfE_fA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/html-%d8%a7%d9%84%d8%b4%d8%b1%d9%88%d8%b9-%d9%81%d9%8a-%d8%a7%d9%84%d8%b9%d9%85%d9%84/294/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://ityem.com/html-%d8%a7%d9%84%d8%b4%d8%b1%d9%88%d8%b9-%d9%81%d9%8a-%d8%a7%d9%84%d8%b9%d9%85%d9%84/294/</feedburner:origLink></item>
		<item>
		<title>ما هي لغة الـ HTML؟</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/SiDrScXE7XA/</link>
		<comments>http://ityem.com/%d9%85%d8%a7-%d9%87%d9%8a-%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d9%80-html%d8%9f/290/#comments</comments>
		<pubDate>Thu, 13 Oct 2011 03:52:23 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[تصميم المواقع]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=290</guid>
		<description><![CDATA[تعرف على لغة HTML وأهم خصائصها..]]></description>
			<content:encoded><![CDATA[<p><strong>ما هي لغة الـ HTML؟</strong><img class="alignleft" title="HTML" src="http://img37.imageshack.us/img37/3219/html2q.jpg" alt="" width="230" height="230" /><br />
HTML تعتبر اختصار لعبارة Hypertext Markup Language، والتي تعني لغة تنسيق (توصيف أو تعليم) النصوص التشعبية. هي لغة متفرعة من لغة SGML والتي هي اختصار لعبارة Standard General Markup Language والتي تعني لغة التنسيق (التوصيف أو التعليم) المعيارية العامة. وهي لغة تستخدم لتحديد خصائص وتصميم مستندات الشبكة العالمية الواسعة World Wide Web (تستخدم في إنشاء وتصميم صفحات الويب على شبكة الإنترنت)، بالإضافة إلى إنشاء روابط ووصلات بين مستندات الويب (المستندات قد تكون ملفات نصية، ملفات صوتية، ملفات مرئية، أو صور).<br />
قد تبدول لغة الـ HTML مخيفة نوعا ما في البداية، لكن بمجرد أن تبدأ بفهمها والشعور بها، فلن يتبقى إلا القليل للقلق بشأنه. فباستخدامك لبعض أكوادها ووسومها المختلفة، فستتعود عليها وتكون قد قطعت شوطا كبيرا فيها. أيضا، بسبب التطور الكبير في برامج تحرير الـ HTML، ستجد أن هذه المحررات تقوم بأكثر العمل نيابة عنك.</p>
<p><strong>خصائص لغة الـ HTML:</strong><br />
اختصارا وإضافة لما سبق:</p>
<ul>
<li>HTML عبارة عن لغة لوصف أو توصيف وتنسيق وتصميم صفحات الويب</li>
<li>HTML هي اختصار لـ Hyper Text Markup Language</li>
<li>HTML ليست لغة برمجة، بل هي لغة تصميم وتنسيق كما هو واضح من كلمة Markup في اسمها والتي تعني التنسيق أو علامات التنسيق</li>
<li>لغة التصميم أو لغة التعليم (التنسيق) هي عبارة عن مجموعة من أوسمة التنسيق</li>
<li>HTML تستخدم وسوم وعلامات التنسيق لتوصيف وتنسيق صفحات الويب</li>
<li>HTML لا تحتوي على جمل الشرط والتحكم والتكرار، ويجب استخدام لغات أخرى لهذا الغرض مثل JavaScript</li>
<li>HTML لا تحتاج إلى مترجم خاص بها Compiler</li>
<li>HTML غير مرتبطة بنظام تشغيل معين (بالإمكان أستخدامها في نظم التشغيل المختلفة بنفس الطريقة)</li>
<li>HTML لغة بسيطة جدا وسهلة الفهم والتعلم</li>
<li>تعلم HTML لا يتطلب معرفة مسبقة بأي لغة برمجة أخرى، فكل ما تحتاجه هو القليل من التفكير المنطقي وترتيب الأفكار والممارسة العملية والفعلية لها.</li>
</ul>
<p><strong>ما الذي تحتاجه لتعلم لغة HTML؟</strong><br />
كل ما تحتاجه لتعلم هذه اللغة هو محرر نصوص مثل برنامج المفكرة (Notepad) الذي يأتي مع الويندوز، أو برنامج Notpad++ والذي أفضله بسبب ما فيه من خصائص ومميزات من أهمها تلوين الوسوم مما يساعد على عدم الوقوع في الأخطاء ويسهل إيجادها بالإضافة إلى المميزات الأخرى، وتستطيع تحميل هذا البرنامج من <a title="Notpad++" href="http://notepad-plus-plus.org/download/" target="_blank">هنا</a>.</p>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=290&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=SiDrScXE7XA:_cWwL5wikLs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/SiDrScXE7XA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d9%85%d8%a7-%d9%87%d9%8a-%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d9%80-html%d8%9f/290/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d9%85%d8%a7-%d9%87%d9%8a-%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d9%80-html%d8%9f/290/</feedburner:origLink></item>
		<item>
		<title>الفرق بين البت (bit) والبايت (Byte) في حساب سرعة الإنترنت</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/vhVhQJmLjEQ/</link>
		<comments>http://ityem.com/%d8%a7%d9%84%d9%81%d8%b1%d9%82-%d8%a8%d9%8a%d9%86-%d8%a7%d9%84%d8%a8%d8%aa-bit-%d9%88%d8%a7%d9%84%d8%a8%d8%a7%d9%8a%d8%aa-byte-%d9%81%d9%8a-%d8%ad%d8%b3%d8%a7%d8%a8-%d8%b3%d8%b1%d8%b9%d8%a9-%d8%a7/281/#comments</comments>
		<pubDate>Sat, 08 Oct 2011 05:10:19 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[إنترنت]]></category>
		<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[سرعة]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=281</guid>
		<description><![CDATA[كيف تحسب سرعة النت لديك بالطريقة الصحيحة. لا مزيد من الالتباس..]]></description>
			<content:encoded><![CDATA[<p>هناك التباس يحدث عن الكثيرين فيما يخص سرعة الخط وسرعة التحميل.. وللتوضيح، فإن هناك مصطلحان مختلفان الكثير يظن أنهما نفس الشيء بينما هما ليسا كذلك. هذان المصطلحان هما:</p>
<ul>
<li>bit (بت)، ومنه kilobit و megabit</li>
<li>Byte (بايت)، ومنه Kilobyte و Megabyte</li>
</ul>
<p>&nbsp;</p>
<p>ما يهمنا هنا هو الـ megabit والـ Megabyte.</p>
<p>الأول والذي هو megabit وينطق (ميقابت) يرمز له بالرمز (Mb)، بينما الثاني والذي هو Megabyte وينطق (ميقابايت) يرمز له بالرمز (MB) ، هذان المصطلحان ليسا نفس الشيء، وسأحاول أن أوضح لك بتفصيل أكثر:</p>
<div class="bolts-callout notes">البايت (1 Byte) يساوي 8 بيت (8 bits)<br />
الكيلوبت (1 Kilobit) أو (Kb) يساوي 1024 بيت (1024 bits)<br />
الميقابت (1 megabit) أو (Mb) يساوي 1024 كيلوبت (1024 Kb)<br />
الكيلوبايت (1 Kilobyte) أو (KB) يساوي 1024 بايت (1024 Byte)، أي أنه يساوي 8192 بيت (8192 bits) وذلك يساوي 8 كيلوبت (8 Kb)<br />
الميقابايت (1 Megabyte) أو (MB) يساوي 1024 كيلوبايت (1024 KB)، أي أنه يساوي 8192 كيلوبت (8192 Kb) وذلك يساوي 8 ميقابت (8 Mb)</div>
<p>&nbsp;</p>
<p><strong>من هذا نستنتج أن:</strong><br />
الكيلوبايت الواحد (1 KB) يساوي 8 كيلوبت (8 Kb)<br />
الميقابايت الواحد (1 MB) يساوي 8 ميقابت (8 Mb)</p>
<p>سرعة الإنترنت التي توفرها أغلب شركات النت (إن لم يكن كلها) هي بالميقابت megabit أو Mb، وليس بالميقابايت Megabyte أو MB، وهنا يحدث اللبس. فالميقابت يعتبر 1/8 الميقابايت، ولهذا وبما أن الميقابايت يساوي 1024 كيلوبايت (1024 KB) فبقسمته على 8 سيعطينا ناتج 128 كيلوبايت (128 KB) والذي يساوي 1024 كيلوبت (1024 Kb) والـ 1024 كيلوبت تساوي 1 ميقابت (1 megabit).</p>
<p>اللبس يحدث حينما يتم حساب سرعة النت من شركة الأنترنت بالميقابت Mb والكيلوبت Kb، في حين أنه وحين التصفح و التحميل فإن المتصفحات وبرامج التحميل تقوم بحساب السرعة بالميقابايت MB والكيلوبايت KB، لأن -كما ذكرت سابقا- 1 MB يساوي 8 Mb، والـ 1 KB يساوي 8 Kb.</p>
<p>طبعا مؤخرا تم استخدام قيمة 1000 (الحاسب العشري) بدلا من قيمة 1024 (الحساب الثنائي) عند الكثيرين، ويتم الحساب على ذلك الأساس.</p>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=281&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=vhVhQJmLjEQ:VOmRi8eIybs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/vhVhQJmLjEQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d8%a7%d9%84%d9%81%d8%b1%d9%82-%d8%a8%d9%8a%d9%86-%d8%a7%d9%84%d8%a8%d8%aa-bit-%d9%88%d8%a7%d9%84%d8%a8%d8%a7%d9%8a%d8%aa-byte-%d9%81%d9%8a-%d8%ad%d8%b3%d8%a7%d8%a8-%d8%b3%d8%b1%d8%b9%d8%a9-%d8%a7/281/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d8%a7%d9%84%d9%81%d8%b1%d9%82-%d8%a8%d9%8a%d9%86-%d8%a7%d9%84%d8%a8%d8%aa-bit-%d9%88%d8%a7%d9%84%d8%a8%d8%a7%d9%8a%d8%aa-byte-%d9%81%d9%8a-%d8%ad%d8%b3%d8%a7%d8%a8-%d8%b3%d8%b1%d8%b9%d8%a9-%d8%a7/281/</feedburner:origLink></item>
		<item>
		<title>إنشاء برنامجك الأول في الفيجوال بيسك – خطوة 5</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/CZVhe2LTx9c/</link>
		<comments>http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83/224/#comments</comments>
		<pubDate>Sun, 21 Aug 2011 00:44:42 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[Visual Basic]]></category>
		<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[visual basic]]></category>
		<category><![CDATA[برمجة]]></category>
		<category><![CDATA[فيجوال بيسك]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=224</guid>
		<description><![CDATA[أفضل طريقة لتعلم البرمجة بلغة الفيجوال بيسك هي بإنشاء برنامج. هذه السلسلة من الدروس تناقش عملية إنشاء برنامج لعرض صفحات الويب.]]></description>
			<content:encoded><![CDATA[<p><strong>الخطوة 5: تشغيل وتجربة البرنامج</strong></p>
<p>في<strong><a title="الخطوة 4: إضافة كود فيجوال بيسك" href="http://ityem.com/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC%D9%83-%D8%A7%D9%84%D8%A3%D9%88%D9%84-%D9%81%D9%8A-%D8%A7%D9%84%D9%81%D9%8A%D8%AC%D9%88%D8%A7%D9%84-%D8%A8%D9%8A%D8%B3%D9%83-4/215/"> الدرس السابق</a></strong> كانت آخر خطوات إنشاء برنامجنا، الآن وبعد أن اكتمل برنامجنا، فقد حان الوقت لتشغيله وتجربته. للبرامج المعقد، عملية التجربة قد تكون طويلة وصعبة، والتي سيتم مناقشتها في دروس لاحقة إن شاء الله تعالى. لحسن الحظ، لهذا البرنامج، كل ما علينا فعله لتجربة البرنامج هو تشغيله.</p>
<p><strong>لتشغيل البرنامج:</strong></p>
<ol>
<li>نقم بتوصيل جهاز الكمبيوتر إلى الإنترنت.</li>
<li>على قائمة التصحيح والمعالجة <strong>Debug</strong> في IDE الفيجوال بيسك، نضغط على ابدأ التصحيح والمعالجة <strong>Start Debugging</strong>.<br />
هذا الأمر يقوم بتشغيل برنامجنا.</p>
<div class="tip">اختصارا لهذه الطريقة بالإمكان الضغط على <strong>F5</strong> في لوحة المفاتيح لبدء عملية التصحيح والمعالجة Debug</div>
</li>
<li>في صندوق النص، اطبع http://ityem.com زر <strong>Go!</strong>.<br />
ضابط متصفح الويب في برنامجنا سيذهب إلى الصفحة الرئيسية في موقع تكنولوجيا المعلومات &#8211; ITYEM. من هناك بإمكاننا أن نتنقل عبر الروابط الموجودة في تلك الصفحة. لزيارة موقع آخر، نقوم بطباعة عنوان الموقع في مربع النص ونضغط على زر Go!.</li>
<li>لإغلاق البرنامج، على قائمة التصحيح والمعالجة <strong>Debug</strong>، نضغط على أوقف عملية التصحيح والمعالجة <strong>Stop Debugging</strong>.
<div class="tip">بالإمكان أيضا غلق البرنامج عن طريق الضغط على زر الإغلاق في زايوة اليمين العليا من في النموذج.<strong></strong></div>
</li>
</ol>
<p><strong>نظرة أقرب:</strong></p>
<p>في هذا الدرس قمنا بتشغيل البرنامج لنرى إن كان يعمل أم لا. مع أغلب برامج الفيجوال بيسك، سنقوم بتكرار هذه الإجراء عدة مرات. عادة عندما نقوم بإضافة كود جديد، سنقوم بتشغيل البرنامج لنرى ما إذا كان الكود يقوم بما هو متوقع منه. إن لم يقم بذلك، سيتوجب علينا أن نقوم بإصلاحه. هذا الإجراء يسمى التصحيح والمعالجة أو Debugging (سيتم مناقشته في درس لاحق إن شاء الله تعالى).</p>
<p>ربما تكون متفاجئا بأن برنامجنا انتقل إلى صفحة ويب وقام بإظهارها نتيجة لكتابتنا سطر واحد من الكود. هذا هو جمال الفجوال بيسك. كل الكود الضروري موجود في ضابط متصفح الويب WebBrowser. هذا يوفر لك العمل. إن كان يتعين عليك أن تقوم به بنفسك، فسيحتاج إلى أن تكتب المئات وربما الآلاف من أسطر الكود.</p>
<p><strong>حل المشاكل :Troubleshooting</strong></p>
<p>إن لم يعمل البرنامج أو لم يظهر صفحة الويب، هناك بعض الأمور بإمكانك التحقق منها:</p>
<ul>
<li>تأكد بأنك متصل بالإنترنت. افتح أي متصفح إنترنت آخر وافتح نفس الموقع الذي تحاول فتحه ببرنامجنا الذي قمنا بإنشائه. إن عمل في المتصفح الآخر، فيجدر به إن يعمل في برنامجنا.</li>
<li>تأكد من أنك قمت بطباعة عنوان الموقع (http://ityem.com) بصورة صحيحة.</li>
<li>عد وتحقق من <a title="الخطوة 2: إنشاء واجهة مستخدم" href="http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83-2/164/">الخطوة 2: إنشاء واجهة المستخدم</a> وتأكد بأنك قمت بوضع الضوابط الصحيحة على النموذج.</li>
<li>عد إلى <a title="الخطوة 4: إضافة كود فيجوال بيسك" href="http://ityem.com/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC%D9%83-%D8%A7%D9%84%D8%A3%D9%88%D9%84-%D9%81%D9%8A-%D8%A7%D9%84%D9%81%D9%8A%D8%AC%D9%88%D8%A7%D9%84-%D8%A8%D9%8A%D8%B3%D9%83-4/215/">الخطوة 4: إضافة كود فيجوال بيسك</a> وتأكد من أنك طبعت الكود بصورة صحيحة.</li>
</ul>
<p><strong>الخطوات التالية:</strong></p>
<p>تهانيا! لقد انتهيت من إنشاء أول برامجك في الفيجوال بيسك. لقد قمت بتجربة كيف أنه بالإمكان تطوير البرامج بكفائة وسرعة وسهول باستخدام فيجوال بيسك. في الدروس القادمة، سنتعرف أكثر على فيجوال بيسك IDE والبرمجة باستخدام لغة الفجوال بيسك.</p>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=224&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=CZVhe2LTx9c:7PYhtlV1b88:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/CZVhe2LTx9c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83/224/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83/224/</feedburner:origLink></item>
		<item>
		<title>إنشاء برنامجك الأول في الفيجوال بيسك – خطوة 4</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/gSWG3GM8_T4/</link>
		<comments>http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83-4/215/#comments</comments>
		<pubDate>Sun, 21 Aug 2011 00:40:19 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[Visual Basic]]></category>
		<category><![CDATA[المقالات المتميزة]]></category>
		<category><![CDATA[visual basic]]></category>
		<category><![CDATA[برمجة]]></category>
		<category><![CDATA[فيجوال بيسك]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=215</guid>
		<description><![CDATA[أفضل طريقة لتعلم البرمجة بلغة الفيجوال بيسك هي بإنشاء برنامج. هذه السلسلة من الدروس تناقش عملية إنشاء برنامج لعرض صفحات الويب.]]></description>
			<content:encoded><![CDATA[<p><strong>الخطوة 4: إضافة كود فيجوال بيسك</strong></p>
<p>في <a title="الخطوة 3: تخصيص المظهر وطريقة العمل" href="http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83-3/183/"><strong>الدرس السابق</strong></a> قمنا باستخدام نافذة الخصائص Properties وذلك لتحديد خصائص الضوابط على النموذج. في هذا الدرس سنقوم بإضافة كود يقوم بالتحكم في وبضبط وظائف البرنامج.</p>
<p><strong>لإضافة كود ووظيفة لبرنامجنا:</strong></p>
<ol>
<li>في مصمم النماذج <strong>Form Designer</strong>، نضغط على ضابط الزر <strong>Button</strong> ضغطتين سريعتين.<br />
نافذة صغيرة تدعى محرر الكود (Code Editor) ستفتح. هنا سنقوم بإضافة الكود لبرنامجنا.</li>
<li>في محرر الكود Code Editor، اكتب الكود التالي:

<div class="wp_syntax"><div class="code"><pre class="vb" style="font-family:monospace;">WebBrowser1.Navigate(Textbox1.Text)</pre></div></div>

<p>هذا الكود سيعمل حينما يضغط المستخدم على الزر.</p>
<div class="tip">عندما يفتح محرر الكود Code Editor، فإن مؤشر الماوس يكون أوتوماتيكيا متواحد بداخل كود أو إجراء الزر Button، نستطيع أن نبدأ كتابة الكود مباشرة.</div>
</li>
</ol>
<p><strong>نظرة أقرب:</strong><br />
لاحظنا أنه حينما يفتح محرر الكود Code Editor، فإنه يحتوي مسبقا على بعض الكود يبدو كالتالي:</p>

<div class="wp_syntax"><div class="code"><pre class="vb" style="font-family:monospace;"><span style="color: #E56717; font-weight: bold;">Private</span> <span style="color: #E56717; font-weight: bold;">Sub</span> Button1_Click(<span style="color: #151B8D; font-weight: bold;">ByVal</span> sender <span style="color: #151B8D; font-weight: bold;">As</span> System.<span style="color: #F660AB; font-weight: bold;">Object</span>...
&nbsp;
    |
&nbsp;
<span style="color: #8D38C9; font-weight: bold;">End</span> <span style="color: #E56717; font-weight: bold;">Sub</span></pre></div></div>

<p>هذا الكود يدعى معالج الحدث (event handler)، أيضا يدعى إجراء فرعي (Sub procedure). أي كود بداخل هذا الإجراء (بين Sub و End Sub) يتم تشغيل في كل مرة يتم الضغط على الزر button.</p>
<p>لاحظنا أيضا أن مؤشر الماوز تم وضعه بداخل إجراء الحدث، أي أن كل ما يجب علينا هو أن نطبع الكود.</p>
<p>الكود الذي قمنا بطباعته (WebBrowser1.Navigate(TextBox1.Text)) يخبر البرنامج بأن يأخذ النص الذي تمت طباعته بداخل Textbox1 ويمرره كوسيط (argument) إلى طريقة الانتقال (Navigate method) الخاصة بضابط متصفح الويب WebBrowser المسمى (WebBrowser1). للتعرف أكثر على الخصائص، الطرق، والأحداث، انظر نظرة أقرب: فهم الخصائص، الطرق، والأحداث</p>
<p>إذا لم تفهم الكود، فلا تقلق، فسنتعلم أكثر عن كيفية كتابة الكود في الدروس القادمة إن شاء الله تعالى.</p>
<p><strong>الخطوات التالية:</strong></p>
<p>تطبيقنا أصبح الآن كاملا! في الدرس التالي، سنقوم بتشغيل تطبيقنا الأول في الفيجوال بيسك.</p>
<p>الدرس التالي: <a title="الخطوة 5: تشغيل وتجربة البرنامج" href="http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83/224/"><strong>الخطوة 5: تشغيل وتجربة البرنامج</strong></a></p>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=215&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=gSWG3GM8_T4:W6d97v9S-zM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/gSWG3GM8_T4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83-4/215/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83-4/215/</feedburner:origLink></item>
		<item>
		<title>نظرة عن قرب: تنسيق الضوابط/التحكمات</title>
		<link>http://feedproxy.google.com/~r/ITYEM/~3/uC2CVVJ0sbg/</link>
		<comments>http://ityem.com/%d8%aa%d9%86%d8%b3%d9%8a%d9%82-%d8%a7%d9%84%d8%b6%d9%88%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d8%aa%d8%ad%d9%83%d9%85%d8%a7%d8%aa/208/#comments</comments>
		<pubDate>Sun, 21 Aug 2011 00:38:43 +0000</pubDate>
		<dc:creator>ITYEM</dc:creator>
				<category><![CDATA[Visual Basic]]></category>
		<category><![CDATA[visual basic]]></category>
		<category><![CDATA[برمجة]]></category>
		<category><![CDATA[فيجوال بيسك]]></category>

		<guid isPermaLink="false">http://ityem.com/?p=208</guid>
		<description><![CDATA[نستطيع أن ننظم الضوابط بطرق عديدة حينما نقوم بإضافة الضوابط إلى النماذج. مثلا، قد نرغب بتنظيم ثلاثة أزرار على شكل عمود في نموذج، أو قد نرغب بتنظيمها بحيث تصبح بجانب بعض. تنظيم الضوابط هذا يعرف بالتنسيق أو التصميم. هناك العديد &#8230;]]></description>
			<content:encoded><![CDATA[<p>نستطيع أن ننظم الضوابط بطرق عديدة حينما نقوم بإضافة الضوابط إلى النماذج. مثلا، قد نرغب بتنظيم ثلاثة أزرار على شكل عمود في نموذج، أو قد نرغب بتنظيمها بحيث تصبح بجانب بعض. تنظيم الضوابط هذا يعرف بالتنسيق أو التصميم. هناك العديد من الأدوات والتكانيك التي قد نرغب باستخدامها في الفيجوال بيسك وذلك لمساعدتنا في تنظيم وتغيير أحجام التحكمات. في هذا الدرس، سننظر في بعض هذه التكانيك.</p>
<p>&nbsp;</p>
<p><span style="font-size: x-large;"><strong>تحكمات المحاذاة</strong></span></p>
<p>عند إضافة ضوابط إلى نموذج ما، فبالإمكان تنظيم تلك الضوابط وذلك لتصطف في صف واحد متوازي مع إحدى أطراف النموذج. بالإمكان أيضا محاذات ضوابط مع ضوابط أخرى موجودة مسبقا على النموذج. حتى أنه بالإمكان ضبطها لتغيير حجمها أوتوماتيكيا عندما يتم تغيير حجم التطبيق.</p>
<p><strong>محاذاة الضوابط إلى أحد أطراف النموذج</strong></p>
<p>قد نرغب في محاذاة أحد الضوابط بحيث يتم إرفاقه أو إضافته أو  إلصاقه بأحد أطراف النموذج. هذا يسمى إلصاق أو تقييد (docking). هناك مثل على ذلك في <a title="الخطوة 3: تخصيص المظهر وطريقة العمل" href="http://ityem.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac%d9%83-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d9%81%d9%8a%d8%ac%d9%88%d8%a7%d9%84-%d8%a8%d9%8a%d8%b3%d9%83-3/183/">الخطوة 3: ضبط المظهر وطريقة العمل</a>، و الذي يظهر كيفية محاذاة ضابط اللوحة Panel إلى أعلى النموذج عن طريق ضبط خاصية Dock إلى أعلى.<br />
بالإمكان تقييد وإلصاق ومحاذاة أي تحكم إلى أي طرف من أطراف النموذج (الأعلى الأسفل، اليمين، أو الشمال)، والضابط سيقى ملتصقا ومحاذيا حتى لو تم تغيير حجم النموذج. مثلا، إن قمنا بإلصاق أو تقييد ضابط/تحكم إلى أعلى النموذج، ثم قمنا بعد ذلك بتغيير عرض النمورج، فإن الضابط سيغير حجمه أوتوماتيكيا ليناسب العرض الجديد. عندما نقوم بإلصاق أو تقييد أي ضابط إلى كل جوانب النموذج، فهو مثل ضبط خاصية Dock لملء النموذج (Fill). هذا لأننا نملأ كامل النموذج بذلك التحكم.</p>
<div class="note">إذا كان لدينا ضابط/تحكم تم إلصاقه وتققيده إلى أحد أطراف النموذج، ثم قمنا بضبط خاصية Dock إلى ضابط آخر لتكون Fill، فإن الضابط الآخر سيملأ فقط الفراغ المتبقى على النموذج.</div>
<p><strong>محاذاة الضوبط مع ضوابط أخرى</strong></p>
<p>بإمكاننا محاذاة ضابط/تحكم مع ضابط/تحكم آخر على النموذج عن طريق سحبه. إذا قمنا بسحب ضابط ما على النموذج في نفس المساحة الموجود فيها ضابط آخر، سنلاحظ ظهور خطوط زرقاء. هذه الخطوط تعتبر موجهة أو مساعدة تجعل من السهل لنا لنرى أين نفلت ونضع الضابط بحيث يصبح محاذيا للضابط الموجود مسبقا. الصورة التالية توضح خطوط المحاذاة.</p>
<p><img class="alignnone" title="خطوط المحاذاة" src="http://img600.imageshack.us/img600/536/ic3013.png" alt="" width="296" height="307" /></p>
<div class="tip">بإمكاننا أيضا أن تحديد أكثر من ضابط (ضوابط متعددة) في نفس الوقت ونستخدم أمر المحاذاة في شريط أدوات المنسق Layout toolbar.</div>
<p><strong>تغيير حجم الضوابط/التحكمات</strong></p>
<p>عندما نقوم بتحديد ضابط، عدد من رموز المربعات الصغيرة تظهر حول حدود ذلك الضابط. هذه الرموز تدعى مقابض أو مماسك تغيير الحجم sizing handles. لتغيير حجم الضابط، نضغط على مقبض تغيير الحجم ونقوم بسحبه إلى مكان جديد لنجعل الضابط أكبر أو أصغر. الصورة التالية توضح كيف أن إشارة الماوس تتغير إلى سهم عندما نحركها فوق أحد مقابض تغيير الحجم. السهم يحدد الاتجاهات التي بإمكاننا سحب الضابط إليها لتغيير حجمه.</p>
<p><strong>مقابض تغيير الحجم</strong></p>
<p><img class="alignnone" title="مقابض تغيير الحجم" src="http://img89.imageshack.us/img89/9928/ic88533.png" alt="" width="297" height="308" /></p>
<p>نستطيع أن نضبط الضابط إلى أن يغير حجمه أوتوماتيكيا عندما تغيير حجم النموذج عن طريق ضبط خاصة Dock الخاصة بذلك الضابط إلى Fill. رأينا ذلك سابقا في الخطوة 3: تخصيص المظهر وطريقة العمل، حينما تعلمنا كيف نلصق أو نقيد ضابط متصفح الويب WebBrowser ليملأ منطقة الفراغ في النموذج. عندما يتم تكبير حجم نافذة النموذج، فإن تحكم متصفح الويب WebBrowser سيتغير أوتوماتيكيا ليناسب النموذج.</p>
<p>بإمكاننا أيضا أن نقوم بتغيير حجم أي ضابط إلى مقياس محدد عن طريق ضبط خاصيتي الارتفاع Height والعرض Width للضابط في نافذة الخصائص Properties.</p>
<div class="note">خاصيتي الارتفاع Height والعرض Width الخاصة بأي ضابط توجد تحت خاصية الحجم Size في نافذة الخصائص Properties.</div>
<img src="http://ityem.com/articles/?ak_action=api_record_view&id=208&type=feed" alt="" /><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/ITYEM?a=uC2CVVJ0sbg:D9LTMfDdZdg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ITYEM?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/ITYEM/~4/uC2CVVJ0sbg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://ityem.com/%d8%aa%d9%86%d8%b3%d9%8a%d9%82-%d8%a7%d9%84%d8%b6%d9%88%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d8%aa%d8%ad%d9%83%d9%85%d8%a7%d8%aa/208/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://ityem.com/%d8%aa%d9%86%d8%b3%d9%8a%d9%82-%d8%a7%d9%84%d8%b6%d9%88%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d8%aa%d8%ad%d9%83%d9%85%d8%a7%d8%aa/208/</feedburner:origLink></item>
	</channel>
</rss>

