مدونة بوابة العلم

برنامج فوتوشوب أون لاين

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h3>
<span style="color: #3d85c6;"><b>حصريا : برنامج فتوشوب أون لاين</b></span></h3>
<h3>
<span style="color: #3d85c6;"><b>السلام عليكم و رحمة الله تعالى و بركاته </b></span><span style="color: #3d85c6;"><b>في موضوع جديد لمدونة بوابة العلم </b></span></h3>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<h4 style="text-align: right;">
<span style="color: blue; font-size: large;"><b>تقدم مدونة بوابة العلم برنامج فوتو شوب أولاين من مميزاته أنه سريع التحميل أي لا يتطلب صبيب عالي حتى يشتغل ... </b></span></h4>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0n04sg9nDCbUVvIaDelgbGdFluVeZyYy6QNM6bQp0nYeIwjkEQBZ5Wsy9aH-cOZHNOghx-agbPf-NtqoKkblC_f3kN0cxMP6AB31cJcZg8bADhMFrSeEnGL-4K5ISUUm1B5ilqQUiH9o/s1600/ps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0n04sg9nDCbUVvIaDelgbGdFluVeZyYy6QNM6bQp0nYeIwjkEQBZ5Wsy9aH-cOZHNOghx-agbPf-NtqoKkblC_f3kN0cxMP6AB31cJcZg8bADhMFrSeEnGL-4K5ISUUm1B5ilqQUiH9o/s1600/ps.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
<center>
<iframe align="middle" border="0" frameborder="0" height="600" name="ps" src="http://pixlr.com/editor/" width="600"></iframe></center>
</div>
<br />
<br />
<h4 style="text-align: right;">
<span style="color: blue; font-size: large;">أتمنى أن أكون قد أفدتكم بشيء ان كنت تستفيد من البرنامج فما عليك الا نسخ هذا الرابط </span></h4>
<h4 style="text-align: right;">
<span style="background-color: #edf4ff; font-family: Arial, Helvetica, sans-serif; text-align: start;"><span style="color: blue;"><b>http://bawabat-al3ilm.blogspot.com/2013/03/photoshoponline.html</b></span></span></h4>
<div style="text-align: start;">
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><b>لا تبخل علينا بالزيارة ...</b></span></div>
<div style="text-align: start;">
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<h4 style="text-align: right;">
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>عن مدونة بوابة العلم ... افتح بوابة الاستفادة ...</b></span></h4>
</div>

برنامج فوتوشوب أون لاين

حصريا : برنامج فتوشوب أون لاين السلام عليكم و رحمة الله تعالى و بركاته في موضوع جديد لمدونة بوابة العلم تقدم مدونة بوابة العل...

مزيد من المعلومات »

3:50 م

الدرس الثالث : الخصائص

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<h2>
<b><span style="color: red; font-size: x-large;">الدرس الثالث : الخصائص</span></b></h2>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<h3 style="text-align: right;">
<span style="color: #999999; font-size: large;"><b>السلام عليكم و رحمة الله في درس جديد من دورة html , أولا أعتذر لكم عن غيابي هذه المدة بسبب الدراسة ... </b><b>في هذا الدرس ان شاء الله سنتعرف على وسوم الضرور من اجل تهيئة الصفحة و كما تعلمون أكواد html لا تذخل في ديكور الصفحة</b><b>و بالتالي فنحن محتاجون الى لغة أخرى و التي تتمثل في "css" و ما دمنا في لا نزال في html فهذه مناسبة لأخذ فكرة عن القادم ...</b><b><br /></b><b>أولا : نبدأ بالخصائص:</b><b>كتوضيح أولي هي تهيئة الصفحة مثلا وسم </br> الذي يأمر المتصفح بالانتقال الى سطر جديد ...لاظ الفرق بينه و بين  هذا الوسم أسفله :</b></span></h3>
</div>
<div style="text-align: right;">
<br /></div>
</div>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><pre style="color: maroon;"><code><h2 style="background-color:#ff0000;">أنا الان مبرمج ويب</h2></code></pre>
</pre>
</span></pre>
</span></pre>
</span></pre>
</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<h3 style="text-align: right;">
<b><span style="color: #e06666;"><span style="text-align: left;">   </span><span style="text-align: left;">هذه الأخيرة تعد ضمن الخصائص  style="background-color:#ff0000;" </span> طبعا الفرق هو    </span></b></h3>
</div>
<div style="text-align: right;">
<h3 style="text-align: left;">
<div style="text-align: right;">
<span style="color: #3d85c6; font-size: large;"><br /></span></div>
<span style="font-size: large;"><div style="text-align: right;">
<b style="color: #3d85c6;">ثم تتبعها القيمة و هي على مستوى الخلفية "style" و هي تبدأ باسم الخاصية ثم يتبعها علامة يساوي "=" ثم قيمة الخاصية الخاصية </b></div>
<b><div style="text-align: right;">
<b><span style="color: #3d85c6;"><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">.</span><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> بعدها كود اللون للمعاينة قمت بتجميع 216 كود لون </span><a href="http://bawabat-al3ilm.blogspot.com/2013/03/216-html.html" style="font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;" target="_blank">اضغط هنا للانتقال الى الموضوع الخاص بالألوان</a></span></b></div>
</b><b><div style="text-align: right;">
<b><span style="color: #3d85c6;">هناك خصائص كثيرة ومختلفة، سنتعلم أولاً واحدة منها وهي style، والتي يمكن استخدامها لإضافة تصميم لموقعك. فمثلاً يمكن </span></b></div>
</b><b><div style="text-align: right;">
<b><span style="color: #3d85c6;">إضافة لون خلفي للصفحة:</span></b></div>
</b></span></h3>
</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
</div>
<pre class="alt2" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; text-align: left; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><html></pre>
<pre class="code"></pre>
<pre class="code"></pre>
<pre class="code"><head></head></pre>
<pre class="code"></pre>
<pre class="code"></pre>
<pre class="code"><body style="background-color:#ff0000;"></body></pre>
<pre class="code"></pre>
<pre class="code"></html></pre>
</span></pre>
</span></pre>
<span style="color: #3d85c6; font-size: large;">
</span></span></pre>
</div>
<h3 style="text-align: left;">
<div style="text-align: right;">
<span style="color: #3d85c6; font-size: large;"><br /></span></div>
<span style="color: #3d85c6; font-size: large;"><div style="text-align: right;">
<b>  بكود اللون الذي تريده  <a href="http://bawabat-al3ilm.blogspot.com/2013/03/216-html.html" target="_blank">من هنا تختار الكود</a>#ff0000 و يمكنك تغييره كما ذكرنا سابقا بتغيير   </b></div>
<b><div style="text-align: right;">
<b>و تتوفر امكانية استخذام أسماء الألوان بالانجليزية </b></div>
</b></span></h3>
<div style="text-align: right;">
<br /></div>
</div>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><body style="background-color: red;">

</pre>
</span></pre>
</span></pre>
</span></pre>
</div>
<br />
<br />
<h3 style="text-align: right;">
<span style="color: orange; font-size: large;">صورة توضيحية لمكونات الخصائص </span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNG-eY_UrYU37_Sas-Tdije1O7pvxfUM5QyG4Q0EHaKFKdNlO6hH8hgdM9mBx0l6t7Oy3r10tDfRKckN0H5pI3IFjptvjrVDZruH3oulUwegd9Vm9NMIS46_Dg48ZHHsnDuXx1IinmPKw6/s1600/element.ar+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNG-eY_UrYU37_Sas-Tdije1O7pvxfUM5QyG4Q0EHaKFKdNlO6hH8hgdM9mBx0l6t7Oy3r10tDfRKckN0H5pI3IFjptvjrVDZruH3oulUwegd9Vm9NMIS46_Dg48ZHHsnDuXx1IinmPKw6/s640/element.ar+(1).png" width="640" /></a></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<b style="color: #3d85c6; font-size: x-large;"> ...</b><b style="color: #3d85c6; font-size: x-large;">عن مدونة بوابة العلم </b></div>
<div style="text-align: right;">
<b style="color: #3d85c6; font-size: x-large;"><br /></b></div>
<div style="text-align: right;">
<br /></div>
</div>

الدرس الثالث : الخصائص

الدرس الثالث : الخصائص السلام عليكم و رحمة الله في درس جديد من دورة html , أولا أعتذر لكم عن غيابي هذه المدة بسبب الدراسة ......

مزيد من المعلومات »

6:31 ص

كود 216 لون html

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: right;">
<br /></div>
<div id="tutorials">
<h1 style="text-align: right;">
216 لون</h1>
<table style="text-align: right;">
 <tbody>
<tr>
 <td style="background: #ffffff; padding: 5px;">FFFFFF</td>
 <td style="background: #ffccff; padding: 5px;">FFCCFF</td>
 <td style="background: #ff99ff; padding: 5px;">FF99FF</td>
 <td style="background: #ff66ff; padding: 5px;">FF66FF</td>
 <td style="background: #ff33ff; padding: 5px;">FF33FF</td>
 <td style="background: #ff00ff; padding: 5px;">FF00FF</td>
 </tr>
<tr>
 <td style="background: #ffffcc; padding: 5px;">FFFFCC</td>
 <td style="background: #ffcccc; padding: 5px;">FFCCCC</td>
 <td style="background: #ff99cc; padding: 5px;">FF99CC</td>
 <td style="background: #ff66cc; padding: 5px;">FF66CC</td>
 <td style="background: #ff33cc; padding: 5px;">FF33CC</td>
 <td style="background: #ff00cc; padding: 5px;">FF00CC</td>
 </tr>
<tr>
 <td style="background: #ffff99; padding: 5px;">FFFF99</td>
 <td style="background: #ffcc99; padding: 5px;">FFCC99</td>
 <td style="background: #ff9999; padding: 5px;">FF9999</td>
 <td style="background: #ff6699; padding: 5px;">FF6699</td>
 <td style="background: #ff3399; padding: 5px;">FF3399</td>
 <td style="background: #ff0099; padding: 5px;">FF0099</td>
 </tr>
<tr>
 <td style="background: #ffff66; padding: 5px;">FFFF66</td>
 <td style="background: #ffcc66; padding: 5px;">FFCC66</td>
 <td style="background: #ff9966; padding: 5px;">FF9966</td>
 <td style="background: #ff6666; padding: 5px;">FF6666</td>
 <td style="background: #ff3366; padding: 5px;">FF3366</td>
 <td style="background: #ff0066; padding: 5px;">FF0066</td>
 </tr>
<tr>
 <td style="background: #ffff33; padding: 5px;">FFFF33</td>
 <td style="background: #ffcc33; padding: 5px;">FFCC33</td>
 <td style="background: #ff9933; padding: 5px;">FF9933</td>
 <td style="background: #ff6633; padding: 5px;">FF6633</td>
 <td style="background: #ff3333; padding: 5px;">FF3333</td>
 <td style="background: #ff0033; padding: 5px;">FF0033</td>
 </tr>
<tr>
 <td style="background: #ffff00; padding: 5px;">FFFF00</td>
 <td style="background: #ffcc00; padding: 5px;">FFCC00</td>
 <td style="background: #ff9900; padding: 5px;">FF9900</td>
 <td style="background: #ff6600; padding: 5px;">FF6600</td>
 <td style="background: #ff3300; padding: 5px;">FF3300</td>
 <td style="background: #ff0000; padding: 5px;">FF0000</td>
 </tr>
<tr>
 <td style="background: #ccffff; padding: 5px;">CCFFFF</td>
 <td style="background: #ccccff; padding: 5px;">CCCCFF</td>
 <td style="background: #cc99ff; padding: 5px;">CC99FF</td>
 <td style="background: #cc66ff; padding: 5px;">CC66FF</td>
 <td style="background: #cc33ff; padding: 5px;">CC33FF</td>
 <td style="background: #cc00ff; padding: 5px;">CC00FF</td>
 </tr>
<tr>
 <td style="background: #ccffcc; padding: 5px;">CCFFCC</td>
 <td style="background: #cccccc; padding: 5px;">CCCCCC</td>
 <td style="background: #cc99cc; padding: 5px;">CC99CC</td>
 <td style="background: #cc66cc; padding: 5px;">CC66CC</td>
 <td style="background: #cc33cc; padding: 5px;">CC33CC</td>
 <td style="background: #cc00cc; padding: 5px;">CC00CC</td>
 </tr>
<tr>
 <td style="background: #ccff99; padding: 5px;">CCFF99</td>
 <td style="background: #cccc99; padding: 5px;">CCCC99</td>
 <td style="background: #cc9999; padding: 5px;">CC9999</td>
 <td style="background: #cc6699; padding: 5px;">CC6699</td>
 <td style="background: #cc3399; padding: 5px;">CC3399</td>
 <td style="background: #cc0099; padding: 5px;">CC0099</td>
 </tr>
<tr>
 <td style="background: #ccff66; padding: 5px;">CCFF66</td>
 <td style="background: #cccc66; padding: 5px;">CCCC66</td>
 <td style="background: #cc9966; padding: 5px;">CC9966</td>
 <td style="background: #cc6666; padding: 5px;">CC6666</td>
 <td style="background: #cc3366; padding: 5px;">CC3366</td>
 <td style="background: #cc0066; padding: 5px;">CC0066</td>
 </tr>
<tr>
 <td style="background: #ccff33; padding: 5px;">CCFF33</td>
 <td style="background: #cccc33; padding: 5px;">CCCC33</td>
 <td style="background: #cc9933; padding: 5px;">CC9933</td>
 <td style="background: #cc6633; padding: 5px;">CC6633</td>
 <td style="background: #cc3333; padding: 5px;">CC3333</td>
 <td style="background: #cc0033; padding: 5px;">CC0033</td>
 </tr>
<tr>
 <td style="background: #ccff00; padding: 5px;">CCFF00</td>
 <td style="background: #cccc00; padding: 5px;">CCCC00</td>
 <td style="background: #cc9900; padding: 5px;">CC9900</td>
 <td style="background: #cc6600; padding: 5px;">CC6600</td>
 <td style="background: #cc3300; padding: 5px;">CC3300</td>
 <td style="background: #cc0000; padding: 5px;">CC0000</td>
 </tr>
<tr>
 <td style="background: #99ffff; padding: 5px;">99FFFF</td>
 <td style="background: #99ccff; padding: 5px;">99CCFF</td>
 <td style="background: #9999ff; padding: 5px;">9999FF</td>
 <td style="background: #9966ff; padding: 5px;">9966FF</td>
 <td style="background: #9933ff; padding: 5px;">9933FF</td>
 <td style="background: #9900ff; padding: 5px;">9900FF</td>
 </tr>
<tr>
 <td style="background: #99ffcc; padding: 5px;">99FFCC</td>
 <td style="background: #99cccc; padding: 5px;">99CCCC</td>
 <td style="background: #9999cc; padding: 5px;">9999CC</td>
 <td style="background: #9966cc; padding: 5px;">9966CC</td>
 <td style="background: #9933cc; padding: 5px;">9933CC</td>
 <td style="background: #9900cc; padding: 5px;">9900CC</td>
 </tr>
<tr>
 <td style="background: #99ff99; padding: 5px;">99FF99</td>
 <td style="background: #99cc99; padding: 5px;">99CC99</td>
 <td style="background: #999999; padding: 5px;">999999</td>
 <td style="background: #996699; padding: 5px;">996699</td>
 <td style="background: #993399; padding: 5px;">993399</td>
 <td style="background: #990099; color: white; padding: 5px;">990099</td>
 </tr>
<tr>
 <td style="background: #99ff66; padding: 5px;">99FF66</td>
 <td style="background: #99cc66; padding: 5px;">99CC66</td>
 <td style="background: #999966; padding: 5px;">999966</td>
 <td style="background: #996666; padding: 5px;">996666</td>
 <td style="background: #993366; color: white; padding: 5px;">993366</td>
 <td style="background: #990066; color: white; padding: 5px;">990066</td>
 </tr>
<tr>
 <td style="background: #99ff33; padding: 5px;">99FF33</td>
 <td style="background: #99cc33; padding: 5px;">99CC33</td>
 <td style="background: #999933; padding: 5px;">999933</td>
 <td style="background: #996633; color: white; padding: 5px;">996633</td>
 <td style="background: #993333; color: white; padding: 5px;">993333</td>
 <td style="background: #990033; color: white; padding: 5px;">990033</td>
 </tr>
<tr>
 <td style="background: #99ff00; padding: 5px;">99FF00</td>
 <td style="background: #99cc00; padding: 5px;">99CC00</td>
 <td style="background: #999900; padding: 5px;">999900</td>
 <td style="background: #996600; color: white; padding: 5px;">996600</td>
 <td style="background: #993300; color: white; padding: 5px;">993300</td>
 <td style="background: #990000; color: white; padding: 5px;">990000</td>
 </tr>
<tr>
 <td style="background: #66ffff; padding: 5px;">66FFFF</td>
 <td style="background: #66ccff; padding: 5px;">66CCFF</td>
 <td style="background: #6699ff; padding: 5px;">6699FF</td>
 <td style="background: #6666ff; padding: 5px;">6666FF</td>
 <td style="background: #6633ff; padding: 5px;">6633FF</td>
 <td style="background: #6600ff; padding: 5px;">6600FF</td>
 </tr>
<tr>
 <td style="background: #66ffcc; padding: 5px;">66FFCC</td>
 <td style="background: #66cccc; padding: 5px;">66CCCC</td>
 <td style="background: #6699cc; padding: 5px;">6699CC</td>
 <td style="background: #6666cc; padding: 5px;">6666CC</td>
 <td style="background: #6633cc; padding: 5px;">6633CC</td>
 <td style="background: #6600cc; padding: 5px;">6600CC</td>
 </tr>
<tr>
 <td style="background: #66ff99; padding: 5px;">66FF99</td>
 <td style="background: #66cc99; padding: 5px;">66CC99</td>
 <td style="background: #669999; padding: 5px;">669999</td>
 <td style="background: #666699; padding: 5px;">666699</td>
 <td style="background: #663399; padding: 5px;">663399</td>
 <td style="background: #660099; padding: 5px;">660099</td>
 </tr>
<tr>
 <td style="background: #66ff66; padding: 5px;">66FF66</td>
 <td style="background: #66cc66; padding: 5px;">66CC66</td>
 <td style="background: #669966; padding: 5px;">669966</td>
 <td style="background: #666666; padding: 5px;">666666</td>
 <td style="background: #663366; color: white; padding: 5px;">663366</td>
 <td style="background: #660066; color: white; padding: 5px;">660066</td>
 </tr>
<tr>
 <td style="background: #66ff33; padding: 5px;">66FF33</td>
 <td style="background: #66cc33; padding: 5px;">66CC33</td>
 <td style="background: #669933; padding: 5px;">669933</td>
 <td style="background: #666633; color: white; padding: 5px;">666633</td>
 <td style="background: #663333; color: white; padding: 5px;">663333</td>
 <td style="background: #660033; color: white; padding: 5px;">660033</td>
 </tr>
<tr>
 <td style="background: #66ff00; padding: 5px;">66FF00</td>
 <td style="background: #66cc00; padding: 5px;">66CC00</td>
 <td style="background: #669900; padding: 5px;">669900</td>
 <td style="background: #666600; color: white; padding: 5px;">666600</td>
 <td style="background: #663300; color: white; padding: 5px;">663300</td>
 <td style="background: #660000; color: white; padding: 5px;">660000</td>
 </tr>
<tr>
 <td style="background: #33ffff; padding: 5px;">33FFFF</td>
 <td style="background: #33ccff; padding: 5px;">33CCFF</td>
 <td style="background: #3399ff; padding: 5px;">3399FF</td>
 <td style="background: #3366ff; padding: 5px;">3366FF</td>
 <td style="background: #3333ff; padding: 5px;">3333FF</td>
 <td style="background: #3300ff; padding: 5px;">3300FF</td>
 </tr>
<tr>
 <td style="background: #33ffcc; padding: 5px;">33FFCC</td>
 <td style="background: #33cccc; padding: 5px;">33CCCC</td>
 <td style="background: #3399cc; padding: 5px;">3399CC</td>
 <td style="background: #3366cc; padding: 5px;">3366CC</td>
 <td style="background: #3333cc; padding: 5px;">3333CC</td>
 <td style="background: #3300cc; padding: 5px;">3300CC</td>
 </tr>
<tr>
 <td style="background: #33ff99; padding: 5px;">33FF99</td>
 <td style="background: #33cc99; padding: 5px;">33CC99</td>
 <td style="background: #339999; padding: 5px;">339999</td>
 <td style="background: #336699; padding: 5px;">336699</td>
 <td style="background: #333399; color: white; padding: 5px;">333399</td>
 <td style="background: #330099; color: white; padding: 5px;">330099</td>
 </tr>
<tr>
 <td style="background: #33ff66; padding: 5px;">33FF66</td>
 <td style="background: #33cc66; padding: 5px;">33CC66</td>
 <td style="background: #339966; padding: 5px;">339966</td>
 <td style="background: #336666; color: white; padding: 5px;">336666</td>
 <td style="background: #333366; color: white; padding: 5px;">333366</td>
 <td style="background: #330066; color: white; padding: 5px;">330066</td>
 </tr>
<tr>
 <td style="background: #33ff33; padding: 5px;">33FF33</td>
 <td style="background: #33cc33; padding: 5px;">33CC33</td>
 <td style="background: #339933; padding: 5px;">339933</td>
 <td style="background: #336633; color: white; padding: 5px;">336633</td>
 <td style="background: #333333; color: white; padding: 5px;">333333</td>
 <td style="background: #330033; color: white; padding: 5px;">330033</td>
 </tr>
<tr>
 <td style="background: #33ff00; padding: 5px;">33FF00</td>
 <td style="background: #33cc00; padding: 5px;">33CC00</td>
 <td style="background: #339900; padding: 5px;">339900</td>
 <td style="background: #336600; color: white; padding: 5px;">336600</td>
 <td style="background: #333300; color: white; padding: 5px;">333300</td>
 <td style="background: #330000; color: white; padding: 5px;">330000</td>
 </tr>
<tr>
 <td style="background: #00ffff; padding: 5px;">00FFFF</td>
 <td style="background: #00ccff; padding: 5px;">00CCFF</td>
 <td style="background: #0099ff; padding: 5px;">0099FF</td>
 <td style="background: #0066ff; padding: 5px;">0066FF</td>
 <td style="background: #0033ff; padding: 5px;">0033FF</td>
 <td style="background: #0000ff; padding: 5px;">0000FF</td>
 </tr>
<tr>
 <td style="background: #00ffcc; padding: 5px;">00FFCC</td>
 <td style="background: #00cccc; padding: 5px;">00CCCC</td>
 <td style="background: #0099cc; padding: 5px;">0099CC</td>
 <td style="background: #0066cc; padding: 5px;">0066CC</td>
 <td style="background: #0033cc; padding: 5px;">0033CC</td>
 <td style="background: #0000cc; padding: 5px;">0000CC</td>
 </tr>
<tr>
 <td style="background: #00ff99; padding: 5px;">00FF99</td>
 <td style="background: #00cc99; padding: 5px;">00CC99</td>
 <td style="background: #009999; padding: 5px;">009999</td>
 <td style="background: #006699; padding: 5px;">006699</td>
 <td style="background: #003399; padding: 5px;">003399</td>
 <td style="background: #000099; color: white; padding: 5px;">000099</td>
 </tr>
<tr>
 <td style="background: #00ff66; padding: 5px;">00ff66</td>
 <td style="background: #00cc66; padding: 5px;">00cc66</td>
 <td style="background: #009966; padding: 5px;">009966</td>
 <td style="background: #006666; padding: 5px;">006666</td>
 <td style="background: #003366; color: white; padding: 5px;">003366</td>
 <td style="background: #000066; color: white; padding: 5px;">000066</td>
 </tr>
<tr>
 <td style="background: #00ff33; padding: 5px;">00FF33</td>
 <td style="background: #00cc33; padding: 5px;">00CC33</td>
 <td style="background: #009933; padding: 5px;">009933</td>
 <td style="background: #006633; padding: 5px;">006633</td>
 <td style="background: #003333; color: white; padding: 5px;">003333</td>
 <td style="background: #000033; color: white; padding: 5px;">000033</td>
 </tr>
<tr>
 <td style="background: #00ff00; padding: 5px;">00FF00</td>
 <td style="background: #00cc00; padding: 5px;">00CC00</td>
 <td style="background: #009900; padding: 5px;">009900</td>
 <td style="background: #006600; color: white; padding: 5px;">006600</td>
 <td style="background: #003300; color: white; padding: 5px;">003300</td>
 <td style="background: #000000; color: white; padding: 5px;"><div style="text-align: right;">
000000</div>
</td>
 </tr>
</tbody></table>
</div>
</div>
<br />
<br />
<div style="text-align: right;">
<br /></div>
</div>

كود 216 لون html

216 لون FFFFFF FFCCFF FF99FF FF66FF FF33FF FF00FF FFFFCC FFCCCC FF99CC FF66CC FF33CC FF00CC FFFF99...

مزيد من المعلومات »

2:09 م

الدرس الثالث : خلاصة المتوصل عليه

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="color: blue; font-size: large;">السلام عليكم و رحمة الله تعالى و بركاته</span></div>
<div style="text-align: center;">
<span style="color: blue; font-size: large;"> في موضوع جديد من دورة html</span></div>
<div style="text-align: center;">
<span style="color: blue; font-size: large;"> على مدونة بوابة العلم</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<span style="color: #3d85c6; font-size: large;">في هذا الدرس سنقوم بتذكير لما تعرفنا عليه مع التطرق الى كافة الجوانب التي قد تسبب مشاكل في الفهم لبعض المتابعين...</span></div>
<div style="text-align: right;">
<span style="color: #3d85c6; font-size: large;">طبعا نبتدأ بأساس الدورة ألا و هو القالب الأساسي :</span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<br /></div>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><pre style="color: maroon; text-align: start;"><code><html>
   <head>
   <title></title>
   </head>

</html></code></pre>
</pre>
<br />
<span style="color: #3d85c6;">و كما رأينا مسبقا أن وسم <title> يقوم بتسمية الصفحة أو الموضوع لدى المتصفح ...</span><br />
<span style="color: #3d85c6;">و أن الوسم <p> ; </p> يجعل النص مائلا ...</span><br />
<span style="color: #3d85c6;">و الوسم <h1> ; </h1> يجعله كبيرا</span><br />
<span style="color: #3d85c6;">.....و<h2> يجعله أصغر بعض الشيئ و <h3> أصغر بعض الشيء .....</span><br />
<span style="color: #3d85c6;">و هذه الان سبعة عناصر أساسية في البرمجة :</span><br />
<br /></div>
<br />
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"></pre>
<pre style="color: maroon; text-align: start;"><code><strong>يجعل النص مضغوطا.</strong></code></pre>
<pre style="color: maroon; text-align: start;"><code>
</code></pre>
<pre style="color: maroon; text-align: start;"><code><small>يجعل النص صغيرا.</small></code></pre>
<pre style="color: maroon; text-align: start;"><code>
</code></pre>
<pre style="color: maroon; text-align: start;"><code>
 <em><small>Emphasise small text</em></small>
 </code></pre>
<pre style="color: maroon; text-align: start;"><code><em><small>يجعل الص صغيرا و مضغوطا</em></small></code></pre>
<pre style="color: maroon; text-align: start;"><code>نص.نص.نص<br /> و نص اخر في سطر جديد </code></pre>
<pre style="color: maroon; text-align: start;"><code>
</code></pre>
<pre style="color: maroon; text-align: start;"><code><hr /> خط أفقي</code></pre>
<pre style="color: maroon; text-align: start;"><code>
</code></pre>
</span></pre>
</span></pre>
</span></pre>
</div>
<br />
<span style="color: #3d85c6;">و الى هنا ينتهي درس اليوم أنصحك بتجريبها </span><br />
<span style="color: #3d85c6;">و أي استفسار أنا موجود</span><br />
<span style="color: #3d85c6;">فقط ضعه في التعليق ....</span><br />
<span style="color: #3d85c6;">ترقبوا الدرس القادم ...</span><br />
<span style="background-color: white; color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 15.828125px;">الخصائص </span><span style="background-color: white; color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 15.828125px;">الروابط </span><span style="background-color: #f9fcff; color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 20px;">الصور الجداول ...</span><br />
<span style="background-color: #f9fcff; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 20px;"><span style="color: #a64d79;">عن مدونة بوابة العلم.... بوابتنا على النت بألواننا...</span></span><br />
<span style="background-color: #f9fcff; color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 20px;"><br /></span></div>

الدرس الثالث : خلاصة المتوصل عليه

السلام عليكم و رحمة الله تعالى و بركاته في موضوع جديد من دورة html على مدونة بوابة العلم في هذا الدرس سنقوم بتذكير لما تعرفنا ...

مزيد من المعلومات »

1:20 م

أحلام غيرت العالم

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<h1 style="-webkit-transition: all 0.3s ease-in-out; background-color: white; border: 0px; clear: both; font-family: arial; font-size: 22px; line-height: 25px; margin: 20px 5px 0px 0px; padding: 0px;">
<br /></h1>
<div class="separator" style="-webkit-transition: all 0.3s ease-in-out; clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOeCyenFIGO6x5mJQSNCiF2x4u1_P30ZVsRGs9TIWKHv830yy92QZuBlLmjqHaP5-USFelYvVgf8xWLs-xxwzrb8ybN2GlEgVOEZi1GYRb5OqFkZnWEKgnSwCE6IFK2dDJu4p2dqcFlSJS/s1600/15.jpeg" imageanchor="1" style="-webkit-transition: all 0.3s ease-in-out; color: #08c3f1; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOeCyenFIGO6x5mJQSNCiF2x4u1_P30ZVsRGs9TIWKHv830yy92QZuBlLmjqHaP5-USFelYvVgf8xWLs-xxwzrb8ybN2GlEgVOEZi1GYRb5OqFkZnWEKgnSwCE6IFK2dDJu4p2dqcFlSJS/s1600/15.jpeg" style="-webkit-transition: all 0.3s ease-in-out;" /></a></div>
<div style="-webkit-transition: all 0.3s ease-in-out;">
<h3 class="post-title entry-title" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-width: 0px 4px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; line-height: 26px; margin: 0px 0px 10px; padding: 10px 0px 10px 10px;">
<span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: #0b5394; font-family: Times, 'Times New Roman', serif; font-size: xx-small; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;">حلام غيرت العالم</span></h3>
<div class="post-body entry-content" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; border: 0px; color: #989898; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0px; padding: 0px; position: relative;">
<div dir="rtl" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;">
<b style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;"><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;"><span style="-webkit-transition: all 0.3s ease-in-out; color: red;"><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: Times, 'Times New Roman', serif; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;">ما هو معنى الاحلام؟</span> <span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: Times, 'Times New Roman', serif; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;"> </span></span></span></b></div>
<div dir="rtl" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;">
<b style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: right;"><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;"><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: Times, 'Times New Roman', serif; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px;"><span style="-webkit-transition: all 0.3s ease-in-out; color: red;">بينما يحاول العلم ان يكشف عن اذا ما كان هناك معنى للاحلام، الا ان اجابة هذا السؤال بديهية لدى بعض الثقافات و القبائل حيث أن الحلم بالنسبة لهم هى الدواء الروحى الذين يتشاركون تفاصيله سويا و لديهم دوما التفسير المنطقى لأحداث أى حلم.على الجانب الاخر هل يستطيع العلم أن يعرف معانى الاحلام؟ . سيجمند فرويد و علماء القرن العشرين لطالما أعتقدوا أن الاحلام هى مجموعة من الرموز التى يخلقها العقل الغير واعى و يبرزها من خلال الاحلام و ما علينا سوى أن نقوم بفك هذه الرموز حتى نستطيع فهم المعنى الذى ينطوى عليه الحلم.</span><br style="-webkit-transition: all 0.3s ease-in-out;" /><span style="-webkit-transition: all 0.3s ease-in-out; color: #0b5394; font-family: inherit;"><span style="-webkit-transition: all 0.3s ease-in-out; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;"><a href="http://www.blogger.com/blogger.g?blogID=6267237537681724310" name="more" style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: #3b5998; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none;"></a></span></span></span><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: #0b5394; font-family: Times, 'Times New Roman', serif; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"><div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: black; font-family: arial; font-size: 16px; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
</div>
<div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: black; font-family: arial; font-size: 16px; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
لذلك كان لابد من استغلال قوة التحليل الرياضى من أجل فك رموز الاحلام ،هذا هو ما يحاول العالم” أنتونيو زيدرا” أن يصله له. يمتلك ذيدرا قاعدة بيانات كاملة تضم ألاف من الاحلام و قد حول احداث كل حلم الى مجموعة من الارقام. يعتقد زيدرا أن محتوى الحلم يعطينا دلالات على الكيفية التى يعمل بها المخ و يحلل الاشياء حيث أنه قام بعملية ترميز للشخصيات و المشاعر و التفاصيل و أعطى كل منها قيمة رقمية، و من خلال هذه الارقام يستطيع القول أنها تتخذ نمطا معين و بذلك يستطيع أن يعطى شكل عاما لعالم الاحلام لشخص معين .بالتحليل الرياضى لقاعدة بيانات الاحلام لدى زيدرا،وجد أنه نحو ثلاث ارباع احلامنا تكون سلبية.فى النهاية يعتقد زيدرا أن أحلامنا ما هى الا انعكاسات لما لدينا من اهتمامات فى حياتنا الواعية. <span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: Times, 'Times New Roman', serif; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"></span></div>
<div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: black; font-family: arial; font-size: 16px; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
أحلام غيرت العالم <span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: Times, 'Times New Roman', serif; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"></span></div>
</span></span></b><div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: arial; font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
<b style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;">سوف تندهش اذا علمت ان الاحلام كانت هى السبب الرئيسى فى حصول اثنين من الحالمين على جائزتى نوبل، و اكتشاف البعض الاخر لعقارين دوائيين رئيسيين كما كانت الاحلام هى الدافع وراء العديد من الاحداث السياسية الهامة بالاضافة الى مجموعة كبيرة من الروايات و الافلام السينمائية الشهيرة. بحثت الدكتورة”ديردرا باريت” الكيفية التى تساعدنا بها الاحلام لحل المشكلات المختلفة فوجدت ان الاحلام هى الفرصة الانسب لايجاد الحلول المناسبة لتلك المشكلات اذ انها تمكننا من رؤية الامور بشكل أوضح أثناء الحلم كذلك تساعدنا فى أن نفكر خارج الصندوق.يقال ان الجدول الدورى للعناصر الكيميائية قد جاء الى العالم الروسى” ديمترى مندليف” فى أحد أحلامه. <span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: Times, 'Times New Roman', serif; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"><br style="-webkit-transition: all 0.3s ease-in-out;" /></span></b></div>
<div>
<b style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"><br /></b></div>
</div>
</div>
</div>
</div>

أحلام غيرت العالم

حلام غيرت العالم ما هو معنى الاحلام؟ بينما يحاول العلم ان يكشف عن اذا ما كان هناك معنى للاحلام، الا ان اجابة هذا السؤال بدي...

مزيد من المعلومات »

8:37 م

ظواهر غريبة تحدث مع الإنسان ولا يعرف سببها

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<h1 style="-webkit-transition: all 0.3s ease-in-out; background-color: white; border: 0px; color: #595959; font-family: arial; font-size: 25px; line-height: 22px; margin: 0px 0px 3px; padding: 0px;">
<br /></h1>
<div class="separator" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; clear: both; color: #595959; font-family: tahoma; font-size: 14px; line-height: 22px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik9h0q4orlvV5pzre8VYqHuSFOi1IkoKGrbFDYgmTS7hXo3bdMLGiC_Xqp0DFSZ4LwRwaPYPBC1DuqUKCVH-EQrpxlWFO1M7rpTvIHvnfZwrKEQJfeIjoxClqT09oqM3HVdi1LsRl-7GPC/s1600/409739_506956709330302_2065254806_n-320x250.jpg" imageanchor="1" style="-webkit-transition: all 0.3s ease-in-out; color: #08c3f1; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik9h0q4orlvV5pzre8VYqHuSFOi1IkoKGrbFDYgmTS7hXo3bdMLGiC_Xqp0DFSZ4LwRwaPYPBC1DuqUKCVH-EQrpxlWFO1M7rpTvIHvnfZwrKEQJfeIjoxClqT09oqM3HVdi1LsRl-7GPC/s1600/409739_506956709330302_2065254806_n-320x250.jpg" style="-webkit-transition: all 0.3s ease-in-out;" /></a></div>
<div style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #595959; font-family: tahoma; font-size: 14px; line-height: 22px; text-align: right;">
<div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: arial; font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
<b style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: x-small; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;">ظاهرة الديجافو – Deja Vu :</span><br style="-webkit-transition: all 0.3s ease-in-out;" />أحيانا يمر عليك موقف وتشعر بأنه قد مر عليك سابقا مثال تسافر لمكان لأول مرة في حياتك وتدخل مطعم مع أصدقائك وتجلسون إلى الطاولة وتتناولون عشائكم بينما تتناقشون في موضوعٍ ما وفجأة دون مقدمات ينتابك الشعور بأنك قد مررت بهذه اللحظة (بكل ما فيها)</span></b></div>
<b style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: #333333; font-family: Tahoma; font-size: 12px; font-weight: inherit; line-height: 20px; margin: 0px; padding: 0px;"><div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: black; font-family: arial; font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
<span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;">ظاهرة – dop :</span><br style="-webkit-transition: all 0.3s ease-in-out;" />تعرف تلك الظاهرة بأختفاء الأغراض ثم عودتها فجأة !!<br style="-webkit-transition: all 0.3s ease-in-out;" />دائما ما يحدث معنا بأننا نلاحظ أختفاء غرض ما بشكل مفاجىء وغريب ويبذل الشخص كل جهده في البحث عن الغرض المفقود هنا وهناك وبعد وقت قصير أو ربما في اليوم التالي يتفاجأ الشخص بالعثور على الغرض المفقود وإذ به عاد إلى مكانه الذي يحفظ فيه عادة أو أنه عاد إلى مكان معروف كان من المفترض أن محاولات البحث الحثيثة التي بذلت للعثور عليه أن تأتي به .</div>
<div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: black; font-family: arial; font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
<span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;">الحدس – Intuition :</span><br style="-webkit-transition: all 0.3s ease-in-out;" />هل فكرت يوماً فى أن شيئاً جيد أو سئ سيحدث وحدث بالفعل؟ أو ألغيت مشروعاً أو أمراً ما بدون سبب محدد لشعورك بخطب فيه، وأكتشفت بعد ذلك أن آثاره على حياتك إذا نفذ كانت ستكون وخيمةً ؟ أو قررت قراراً لا يستند على قناعاتك لإحساسك الشديد بالراحة تجاهه .هذا هو الحدس ..وهو عبارة عن شعور غريب ينتاب الشخص فجأة</div>
<div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: black; font-family: arial; font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
<span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;">التخاطر – Telepathy :</span><br style="-webkit-transition: all 0.3s ease-in-out;" />هو مصطلح صاغه فريدرك مايرز عام 1882 ويشير إلى المقدرة على التواصل ونقل المعلومات من عقل إنسان لآخر، أي أنه يعني القدرة على اكتساب معلومات عن أي كائن واعي آخر، وقد تكون هذه المعلومات أفكار أو مشاعر . مثال : أحيانا تفكر فى شخص تفتقدة مثلا ثم فجأة تجدة يتصل بك .. وهذا لأنك نقلت لة الفكرة عن طريق عقلك .. وهناك أشخاص يستخدمون التخاطر الأن فى نقل الأفكار من عقله إلى أى عقل يريد</div>
</b><div style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: arial; font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 15px; margin-top: 5px; padding: 0px; text-align: justify;">
<b style="-webkit-transition: all 0.3s ease-in-out; border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;"><span style="-webkit-transition: all 0.3s ease-in-out; border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px;">الجاثوم – Incubus :</span><br style="-webkit-transition: all 0.3s ease-in-out;" />هل شعرت يوما وانت نائم بعدم قدرتك على الحركة ؟ أو اصبت بهلوسات مخيفة، شعرت فيها بأنك مستيقظ ولكنك لا تستطيع الحراك ؟!<br style="-webkit-transition: all 0.3s ease-in-out;" />الكثير يفسرونة على انة عبارة عن شلل يحدث أثناء النوم وذلك بسبب أستيقاظنا فى حركة العين السريعة .. فى حين أن ألية أرتخاء العضلات لم تكن قد توقفت بعد فيسبب هذا شلل فى اليقظة يستمر لثوان أو عدة دقائق ..</b></div>
</div>
</div>

ظواهر غريبة تحدث مع الإنسان ولا يعرف سببها

ظاهرة الديجافو – Deja Vu : أحيانا يمر عليك موقف وتشعر بأنه قد مر عليك سابقا مثال تسافر لمكان لأول مرة في حياتك وتدخل مطعم مع أصدقائك...

مزيد من المعلومات »

8:26 م

صاحبة أجمل عيون فى العالم والتى تُعتبر رمزا للعيون الجميلة بصراح حلوة جدا !!

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<h3 class="post-title entry-title" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #207d99; font-family: 'droid arabic kufi', Times, serif; font-size: 18px; font-weight: normal; line-height: 1.2em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: right;">
<br /></h3>
<div style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #595959; font-family: tahoma; font-size: 14px; line-height: 22px; text-align: right;">
<div style="-webkit-transition: all 0.3s ease-in-out; font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: center;">
<span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;">صاحبة أجمل عيون فى العالم والتى تُعتبر رمزا للعيون الجميلة بصراح حلوة جدا !!</span></div>
<div dir="rtl" style="-webkit-transition: all 0.3s ease-in-out; font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 19.59375px; text-align: center;">
<div style="-webkit-transition: all 0.3s ease-in-out;">
<span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;">تم تصوير هذه الصورة بالصدفة البحتة وذلك عندما قام المصور ستيف ماك كيري والذى يعمل فى مجلة ناشيونال جيوجرافيك فى إحدى رحلات العمل إلى أفغانستان بتصوير هذه الفتاة وعندما عاد بالصور إلى مقر المجلة فى امريكا وبعد تحميض الصور وفحصها شد إنتباهه هذه الصورة وعندما قام بعرض الصور على رئيس تحرير المجلة والمسئولين فى المجلة شدت أيضا إنتباههم وبالرغم من ان الصورة قد تم إلتقاطها للتعبير عن الحالة الرثة التى يعيشها سكان بعض المناطق فى أفغانستان ولتعبر عن فقرهم وحاجتهم إلا أن الملفت فى الصورة كان جمال عيون صاحبة هذه الصورة والتى لم يعرف المصور حتى إسمها وقد تم نشر هذه الصورة على غلاف المجلة ولاقت نجاحا كبيرا وإعجابا منقطع النظير حتى تم تصنيفها من بين أفضل مائة صورة على مر التاريخ </span></div>
<div class="separator" style="-webkit-transition: all 0.3s ease-in-out; clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMP-PD67GwCcIgcAfzjQbZStt8J23EGju-gDWdrRFnr3JoscZlt3kwmM5MhiYvncWhLdLAzJIvCwC9X1MQsPmkj8UJVApi2glJCgD6SzRgj42auYsdH6vpjIPYtwrV1WAsN5Fpm6kzj33i/s1600/afghan-girl-national-geographic.jpg" imageanchor="1" style="-webkit-transition: all 0.3s ease-in-out; color: #08c3f1; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMP-PD67GwCcIgcAfzjQbZStt8J23EGju-gDWdrRFnr3JoscZlt3kwmM5MhiYvncWhLdLAzJIvCwC9X1MQsPmkj8UJVApi2glJCgD6SzRgj42auYsdH6vpjIPYtwrV1WAsN5Fpm6kzj33i/s320/afghan-girl-national-geographic.jpg" style="-webkit-transition: all 0.3s ease-in-out;" width="316" /></a></div>
<span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;"><br style="-webkit-transition: all 0.3s ease-in-out;" />وبعد مرور 17 عام على إلتقاط المصور لهذه الصورة وبالتحديد عام 2001 حيث تم إلتقاط هذه الصورة عام 1984 أول مرة أراد المسئولين فى المجلة من باب الفضول وكذلك طمعا فى نجاح أكبر من معرفة مصير تلك الفتاة والبحث عنها فأرسلوا نفس المصور مرة أخرى إلى أفغانستان للبحث عن صاحبة الصورة ولكنها لم يجدها بهذه السهولة فقد إستغرق أسابيع حتى وصل إليها وبتطبيق تكنولوجيا المسح الإلكتروني على بؤبؤ عين الفتاة في الصورة القديمة والجديدة للتأكد من أنها نفس الشخص تأكد المصور وفريق العمل المصاحب له من التأكد من انها صاحبة الصورة إلا انهم وجدوها أصبحت سيدة وأما لطفلين وبالرغم من إختلاف البشرة والشكل نوعا ما إلا أن العيون الجميلة بقيت جميلة كما هى </span><span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;"><br style="-webkit-transition: all 0.3s ease-in-out;" />صورتها على غلاف المجلة عندما تم نشرها عام 85</span><span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;"><br style="-webkit-transition: all 0.3s ease-in-out;" /></span><span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;"><span id="goog_1073612508" style="-webkit-transition: all 0.3s ease-in-out;"></span><span id="goog_1073612509" style="-webkit-transition: all 0.3s ease-in-out;"></span></span><span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;"><br style="-webkit-transition: all 0.3s ease-in-out;" />الصورة التى تم نشرها على المجلة </span><span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;"><br style="-webkit-transition: all 0.3s ease-in-out;" /></span><div class="separator" style="-webkit-transition: all 0.3s ease-in-out; clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2pL6eYDkTqTA5w7Ifw-KPHiUnuDkFZbv6QeOoEFA0r4X4LD8EaMdkFnCwiyHDOhop92DaddstuTUkW2cRnjZp_d61EpHnzW89QWyOLC8VHT6BJvLMR3J4wPU_h9rx_Ztvhp2vWoLfEkTX/s1600/17797_png.jpg" imageanchor="1" style="-webkit-transition: all 0.3s ease-in-out; color: #08c3f1; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2pL6eYDkTqTA5w7Ifw-KPHiUnuDkFZbv6QeOoEFA0r4X4LD8EaMdkFnCwiyHDOhop92DaddstuTUkW2cRnjZp_d61EpHnzW89QWyOLC8VHT6BJvLMR3J4wPU_h9rx_Ztvhp2vWoLfEkTX/s320/17797_png.jpg" style="-webkit-transition: all 0.3s ease-in-out;" width="213" /></a></div>
<span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;">صورتها وهى سيدة كبيرة بجانب صورتها وهى صغيرة</span><span style="-webkit-transition: all 0.3s ease-in-out; font-size: small;"><br style="-webkit-transition: all 0.3s ease-in-out;" /></span><div class="separator" style="-webkit-transition: all 0.3s ease-in-out; clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibcC6y6DZcLcrPjlHn-nrjXzQDMVlS6FHK3hivtQ1hLJrTDLd1N2SFHB1bffpm-EY-tnB1CGCbGDTuybLF_w6afNLeMAco4FgfSDiy_aECB7uKApkAskL6wLFd1t4rb2qAoqr45-MAjOnV/s1600/62646.jpg" imageanchor="1" style="-webkit-transition: all 0.3s ease-in-out; color: #08c3f1; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibcC6y6DZcLcrPjlHn-nrjXzQDMVlS6FHK3hivtQ1hLJrTDLd1N2SFHB1bffpm-EY-tnB1CGCbGDTuybLF_w6afNLeMAco4FgfSDiy_aECB7uKApkAskL6wLFd1t4rb2qAoqr45-MAjOnV/s320/62646.jpg" style="-webkit-transition: all 0.3s ease-in-out;" width="320" /></a></div>
</div>
</div>
</div>

صاحبة أجمل عيون فى العالم والتى تُعتبر رمزا للعيون الجميلة بصراح حلوة جدا !!

صاحبة أجمل عيون فى العالم والتى تُعتبر رمزا للعيون الجميلة بصراح حلوة جدا !! تم تصوير هذه الصورة بالصدفة البحتة وذلك عندما قام المص...

مزيد من المعلومات »

8:03 م

الدرس الثاني: العناصر و الوسوم +انشاء موقع

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<h2 style="text-align: center;">
<span style="color: red; font-size: x-large;"><b>الدرس الثاني من الHTML : العناصر و الوسوم + انشاء أول صفحة ويب </b></span></h2>
<div>
<br /></div>
<div>
<span style="color: #3d85c6; font-size: large;"><b>السلام عليكم و رحمة الله تعالى و بركاته في موضوع جديد من مواضيعنا في دورة برمجة الويب ... </b></span></div>
<div>
<span style="color: #3d85c6; font-size: large;"><b>موضوع اليوم هو أساس الدورة يث أننا الأن بصدد التعرف على جوهر "HTML"</b></span></div>
<div>
<span style="color: #3d85c6; font-size: large;"><b>ألا وهي العناصر أو ما يطلق عليه (من الأفضل حفظها بلانجليزية) "tag" هذه الأخيرة هي عبارة عن أوامر تخبر المتصفح ع كيفية عرض الصفحة ... </b></span></div>
<div>
<span style="color: #3d85c6; font-size: large;"><b>و مبدأها واحد كالاتي :</b></span></div>
<div>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;"><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; text-align: start;">تبدأ مع علامة أصغر من </span><span dir="ltr" style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; text-align: start;">"<"</span><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; text-align: start;"> وتنتهي مع علامة أكبر من </span><span dir="ltr" style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; text-align: start;">">"</span></span><span style="font-size: large;">:</span></b></span><br />
<span style="font-size: large;"><span style="color: red; font-family: Arial, Helvetica, sans-serif;"><b>مثال : </b></span></span><br />
<span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">العنصر </span><code style="background-color: white; text-align: start;">em</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية </span><code dir="ltr" style="background-color: white; text-align: start;"><em></code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> ووسم الإغلاق </span><code dir="ltr" style="background-color: white; text-align: start;"></em></code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)</span></b></span><br />
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><b><em>نص مائل.</em></b></pre>
</span></pre>
</span></pre>
</span></pre>
</div>
<div>
<br />
<span style="color: #38761d; font-family: Arial, Helvetica, sans-serif; font-size: large;">سيظهر في المتصفح بهذا الشكل:</span><br />
<em style="background-color: yellow; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">                                                                نص مائل.                                                        </em><br />
<br />
<span style="background-color: yellow;"><br /></span>
<br />
<div style="text-align: start;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>و كقاعدة أساسية في البرمجة فان جميع صفحات الويب تبتدأ بوسم : <span dir="ltr" style="background-color: white;"><html></span><span style="background-color: white;"> ثم وسم الإغلاق </span><span dir="ltr" style="background-color: white;"></html> </span></b></span></div>
<div style="text-align: start;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><span dir="ltr" style="background-color: white;">"/" الفرق هو علامة </span><span style="text-align: right;"></span></b></span></div>
<div style="text-align: start;">
<span dir="ltr" style="background-color: white; color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>اذن فان الوسوم الأخرى تو ضع بين الاثنين </b></span></div>
<div style="text-align: start;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b> لدينا و سوم أخرى مثلا :</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: #3d85c6; font-size: large;"><br /></span>
<span style="color: #3d85c6; font-size: large;"><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">العناصر </span><code style="background-color: white; text-align: start;">h1</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">، </span><code style="background-color: white; text-align: start;">h2</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">، </span><code style="background-color: white; text-align: start;">h3</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">، </span><code style="background-color: white; text-align: start;">h4</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">، </span><code style="background-color: white; text-align: start;">h5</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> و</span><code style="background-color: white; text-align: start;">h6</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> تستخدم للعناوين (حرف h هو اختصار "heading"), حيث </span><code style="background-color: white; text-align: start;">h1</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، </span><code style="background-color: white; text-align: start;">h2</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، و</span><code style="background-color: white; text-align: start;">h6</code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر. </span></span></b></span><br />
<span style="background-color: white; color: red; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: small; text-align: start;"><b>مثال:</b></span><br />
<br />
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><pre style="color: maroon; text-align: start;"><code><h1>هذا عنوان</h1></code></pre>
<pre style="color: maroon; text-align: start;"><code><h2>هذا عنوان فرعي</h2></code></pre>
</pre>
</span></pre>
</span></pre>
</span></pre>
</div>
</div>
<br />
<div class="examplebox">
<em style="background-color: yellow;"><br /></em>
<em style="background-color: yellow;"><br /></em></div>
<span style="color: red; font-size: large;">ستظهر بهذا الشكل في المتصفح:</span><br />
<div class="examplebox">
<h1>
<span style="background-color: white;">هذا عنوان     </span>                                                                  </h1>
<h1>
هذا عنوان فرعي                                                               </h1>
<div>
<span style="background-color: yellow;"><br /></span></div>
<div>
<span style="font-size: large;"><b><span style="color: red;">ملاحظة</span> :</b></span><br />
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>ليست كل الوسوم تعتمد على الاغلاق و البداية .... <span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: </span><code dir="ltr" style="background-color: white; text-align: start;"><br /></code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">.</span></b></span></div>
<div>
<span style="background-color: white; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: medium; text-align: start;"><b>و هذه الوسوم لا تعتمد الحروف الكبيرة أو الصغيرة عند كتابتها لذالك اختر منهجا لأسلوب برمجتك أنا شخصيا أفضل الحروف الصغيرة ...</b></span></div>
<div>
<span style="background-color: white; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: medium; text-align: start;"><b><br /></b></span></div>
<div>
<span style="background-color: white; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: medium; text-align: start;"><b>هكذا نكون قد انتهينا من  أمر الوسوم (اذا أغفلت شيئا فاطرحه في تعليق لتحديث الموضوع و ادراك الخطأ)</b></span></div>
<div>
<span style="background-color: white; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: medium; text-align: start;"><b>الان مرحلت  انشاء أول صفحة من برمجتك </b></span></div>
<div>
<span style="background-color: white; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: medium; text-align: start;"><b>هل أنت جاهز ... كما ذكرا مسبقا حاول تتبع المراحل بتطبيقها ... لهذا ارتأيت عدم وضعها على شكل فيديو ...فقط الاكتفاء بالصور... </b></span></div>
<div style="text-align: start;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>الان لا حظ معي يا أخي و حاول استعاب ألية عمل البرمجة... و اجتناب الأخطاء لأن هذا المشروع الأولي هو الذي سيطور و يستعمل كالية عمل في الموضوعات اللاحقة</b></span></div>
<div style="text-align: start;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>الخطوات الأولية:<span style="text-align: right;"> </span></b></span></div>
<div style="text-align: start;">
<ul style="text-align: right;">
<li><span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>أولا افتح المفكرة "notepad"</b></span></li>
</ul>
<div>
<br /></div>
<div>
<img height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHnuP4dVvaO2875qo7P_Al1YQ3khk2Weq-dh4YMx7wQnwQhNSXlRy6H6huh3pEgynGLKAgdgKMMNVb0xE1Lrn7omrYFkjwHy2sgHUM7Y7-OynOW_dDAqalnSTDI7v3ajWbQAykKlfpGoU/s400/notepad.png" width="290" /></div>
<div>
<br /></div>
<div>
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>سنقوم بانشاء صفحة تقول " مرحى !سأصير مبرمجا " </b></span></div>
<div>
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;">تابع معي أخي بتمعن ... <strong>المتصفح يقرأ HTML كما تقرأ أنت اللغة الإنجليزية: من الأعلى إلى الأسفل ومن اليسار إلى اليمين</strong><span style="background-color: white;">، لذلك صفحة HTML بسيطة تبدأ بما يجب <b>أن تبدأ به أي صفحة HTML وتنتهي بما يجب أن يأتي في نهاية الصفحة.</b></span></span></div>
<div style="background-color: white;">
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>أول شيء عليك فعله هو أن تخبر المتصفح بأنك "ستتحدث" معه بلغة HTML، يمكنك فعل ذلك عن طريق وسم <code dir="ltr"><html></code> لا توجد أي مفاجئة هنا، لذلك قبل أن تبدأ أي شيء أكتب "<code dir="ltr"><html></code>" في أول سطر في برنامج المفكرة.</b></span></div>
<div style="background-color: white;">
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>كما تتذكر من الدروس الماضية، <code dir="ltr"><html></code> هو وسم البداية ويحتاج إلى وسم إغلاق لذلك لا تنسى كتابة وسم الإغلاق بعد سطرين فارغين، وبقية الوثيقة ستكتبها بين <code dir="ltr"><html></code> و<code dir="ltr"></html></code>.</b></span></div>
<div style="background-color: white;">
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>الشيء التالي الذي تحتاجه صفحتك هو أمر رأس الصفحة "head" والذي يقدم معلومات حول الصفحة للمتصفح، وكذلك تحتاج إلى أمر "body" والذي سيحوي المحتويات التي تريد ان تضعها في الصفحة، أمر head أو رأس الصفحة (<code dir="ltr"><head></code>و<code dir="ltr"></head></code>) يوضع فوق أمر body أو "متن الصفحة" (<code dir="ltr"><body></code> و<code dir="ltr"></body></code>).</b></span></div>
<div style="background-color: white;">
<br /></div>
<div style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;">
<span style="color: blue; font-size: large;"><b>يجب أن تكون برمجتك بهذا الشكل:</b></span></div>
<br /></div>
</div>
</div>
</div>
</div>
<div style="text-align: left;">
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><html></span></pre>
<pre class="code"></pre>
<pre class="code"><head></pre>
<pre class="code"></head></pre>
<pre class="code"></pre>
<pre class="code"><body></pre>
<pre class="code"></body></pre>
<pre class="code"></pre>
<pre class="code"></html></pre>
</span></pre>
</span></pre>
</div>
</div>
</div>
<br />
<span style="color: red; font-size: large;">أنصحك أخي بنسخها و حفظها... لأنها ثابتة لا تتغير...</span><br />
<span style="color: red; font-size: large;">الان الوسوم التي نحتاجها...</span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">لتسمية الصفحة نحتاج الى :</span><br />
<br /></div>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><pre style="color: maroon; text-align: start;"><code><title>موقعي الأول</title></code></pre>
<span id="summary5487934719045884650">
</span></pre>
</div>
<br />
<span style="color: red; font-size: large;">لكتابة المحتوى :</span><br />
<br />
<pre style="color: maroon; text-align: start;"></pre>
</div>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><pre style="color: maroon; text-align: start;"><code><p><span style="font-family: 'Times New Roman'; white-space: normal;">مرحى !سأصير مبرمجا</span></p></code></pre>
</pre>
</div>
<span style="color: #666666; font-size: large;"><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;">حرف p في </span><code dir="ltr" style="background-color: white; text-align: start;"><p></code><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"> هو اختصار "paragraph" أو فقرة، وهو أمر بسيط لإنشاء فقرات نصية.</span></span><br />
<span style="color: #666666; font-size: large;"><span style="background-color: white; font-family: sans-serif, 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; font-size: 16px; text-align: start;"><br /></span>
</span><br />
<div style="text-align: start;">
<span style="color: #666666; font-family: sans-serif, trebuchet ms, lucida grande, lucida sans unicode, arial, helvetica, sans-serif; font-size: large;">اذا كنت قد نجحت في النقل يجب أن تكون الوسوم بهذا الشكل:</span></div>
<br /></div>
<pre class="alt2" dir="ltr" style="border: 1px inset; height: 50px; margin: 0px; overflow: auto; padding: 6px; width: 500px;"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><span id="summary5487934719045884650"><pre class="code"><b><html>
<head>
<title>موقعي الأول</title>
</head>
<body>
<p>سأصير مبرمجا</p>
</body>
</html></b></pre>
</span></pre>
</span></pre>
</span></pre>
</div>
<br />
طريقة الحفظ :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDTphPz8Gg1wKeIhfUWU-F3Y3VXo_x0i7JGdSN0v4BZD3kQRF9f6-NavyeKj-lAHpBvBygInmjGehAaAWFRWvGAdH0yrYZARknie8USQ3oNoMn5Pu_ulT7bXHcUZXDRJwrd8af8oP8lZw/s1600/saveas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="516" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDTphPz8Gg1wKeIhfUWU-F3Y3VXo_x0i7JGdSN0v4BZD3kQRF9f6-NavyeKj-lAHpBvBygInmjGehAaAWFRWvGAdH0yrYZARknie8USQ3oNoMn5Pu_ulT7bXHcUZXDRJwrd8af8oP8lZw/s640/saveas.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #3d85c6; font-size: large;"><b>الان قم بفتح و اختبر النتيجة ... </b></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #3d85c6; font-size: large;"><b>يجب أن تكون عبارة عن جملة واحدة "سأصير مبرمجا و اسم الصفحة أعلى المتصفح يجب أن يكون نموقعي الأول</b></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #3d85c6; font-size: large;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #3d85c6; font-size: large;"><b>الى هنا ينتهي درس اليوم في دورة ال html </b></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #a64d79; font-size: large;">لاتقرأ و تغادر ضع تعليقا حتى نعرف "كم من متابع لدورة " </span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #a64d79; font-size: large;">عن مدونة بوابة العلم .... بوابتنا على النت بألواننا</span></div>
<br /></div>

الدرس الثاني: العناصر و الوسوم +انشاء موقع

الدرس الثاني من الHTML : العناصر و الوسوم + انشاء أول صفحة ويب السلام عليكم و رحمة الله تعالى و بركاته في موضوع جديد من مو...

مزيد من المعلومات »

4:55 ص

الدرس الأول ما هي : html

<div dir="rtl" style="text-align: right;" trbidi="on">
<h2 style="text-align: center;">
<span style="color: blue; font-size: x-large;">الدرس الأول ما هي : html</span></h2>
<div style="text-align: center;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">السلام عليكم و رحمة اللله تعالى و بركاته </span></div>
<div style="text-align: center;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">في موضوع جديد على مدونة بوابة العلم</span></div>
<div style="text-align: center;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">.</span></div>
<div style="text-align: center;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">.</span></div>
<div style="text-align: center;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">.و بعد</span></div>
<div style="text-align: right;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">     </span><span style="color: #a64d79;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"> </span><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">نظرا لعدم أهمية تعريف ال:html في دورة البرمجة هذه قررت ارفاقها ب سياسة العمل  حتى لا تواجه مشاكل أثناء التعلم بلاضافة الى الأدوات التي تحتاجها اذا فنحن الان نكون قد دمجنا ثلاث دروس في موضوع واحد.</span></span></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">  </span><span style="color: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size: large;"> أولا نبدا بتعريف html :</span></div>
<div style="text-align: right;">
<span style="color: #0b5394;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">بكل بساطة هي الهيكل الأساسي لصفحات الويب فاذا على سبيل المثال صفحة مبرمجة فقط ب html ستكون عبارة عن خطوط بدون ديكور أو ما شابه ....</span></span></div>
<div style="text-align: right;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">   أما بالنسبة الى التعريف الروتيني الخاص بها فهو كالأتي : </span></div>
<div style="text-align: right;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="background-color: white; text-align: start;">HTML اخترعت في عام 1990م من قبل عالم يسمى تيم بيرنرز لي، الهدف من هذه اللغة هو تبسيط عملية وصول العلماء في جامعات مختلفة إلى البحوث التي ينشرونها، المشروع نجح بشكل لم يتصوره تيم بيرنرز لي، باختراعه HTML قام تيم بوضع أساس شبكة الويب كما نعرفها اليوم....و مستطلح </span><span style="background-color: white; text-align: start;">HTML هو اختصار "HyperText Mark-up Language" :</span></span></div>
<ul style="background-color: white; text-align: start;">
<li style="padding-top: 0.25em;"><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><strong>Hyper</strong> هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.</span></li>
<li style="padding-top: 0.25em;"><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><strong>Text</strong> تعني النص، وهذه تشرح نفسها.</span></li>
<li style="padding-top: 0.25em;"><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><strong>Mark-up</strong> هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.</span></li>
<li style="padding-top: 0.25em;"><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><strong>Language</strong> تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.</span></li>
</ul>
<div>
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">في هذا الدرس أيضا سنتطرق الى تعلم ال <span style="background-color: white; text-align: start;">XHTML والتي تعني "Extensible HyperText Mark-up Language" وهي باختصار طريقة أحدث وأكثر تنظيماً لكتابة HTML.</span></span></div>
<div style="text-align: right;">
<span style="background-color: white; text-align: start;"><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">      و يمكن معاينتها source المثبتة مع المتصفح... كما في الصورة :</span></span></div>
<div style="text-align: right;">
<span style="background-color: white; text-align: start;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">  </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BVi_RvF0Gl5BmOIBB2BZeb2YAtrxB7kRN-kMh-CACn4fY6PL7pVStiM0AmIHjL0_Hg7qVczyasmMywgxSqWv4vQI7yF0dJzJq_45iDNQS9O0KcvYFNCihyphenhypheng9BqEh8AjrltY-vqI1DvM/s1600/viewsource.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BVi_RvF0Gl5BmOIBB2BZeb2YAtrxB7kRN-kMh-CACn4fY6PL7pVStiM0AmIHjL0_Hg7qVczyasmMywgxSqWv4vQI7yF0dJzJq_45iDNQS9O0KcvYFNCihyphenhypheng9BqEh8AjrltY-vqI1DvM/s1600/viewsource.png" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;">عند تجريبها ستحصل على وسوم تبدو معقدة لا تقلق يا أخ ف انك ان اتبعت هذا الدرس سيزول عنها الغموض و ستدرك حينها أنها لا تمس للغموض بأي رابط.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;">الان و بعد التعرف على مفهوم html و الذي أظن اني ألممت بزواياه .... فهنا أوجه لك أخي الزائر طلبا ان أغفلت شيئا فضعه في التعليق فهدفنا الافادة .</span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size: large;">الأن الأدوات التي تحتاجها:</span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">الأدوات التي تحتاجها في الغالب أنت تملكها ... بلااضافة الى أنها مجانية...</span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">و مع ذالك سنذكرها :</span></div>
<div class="separator" style="clear: both; text-align: right;">
</div>
<ul style="text-align: right;">
<li><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">المتصفح و هو البرنامج الذي أنت الان تزور مدونتنا المتواضعة منه ....(موزيلا فايرفوكس,أوبرا,كروم,صافاري...)</span></li>
<li><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">لن تحتاج الى الاتصال بالشبكة عند تطبيق الدروس لانه سيكون بنظام الاتصال الداخلي و يمكن رفعه الى الشبكة بعد الانتهاء من التصميم (اذا لم تكن على اتصال دائم) فترقبو الموقع بنظام عمل داخلي بالفرنسية و سيكون شاملا ....</span></li>
<li><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">أنت يا أخي معنا لن تضطر الى تحميل برنامج أو ماشابه أنت فقط تحتاج الى "note pad" تفتحه من خلا</span><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">ل</span><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">:</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHnuP4dVvaO2875qo7P_Al1YQ3khk2Weq-dh4YMx7wQnwQhNSXlRy6H6huh3pEgynGLKAgdgKMMNVb0xE1Lrn7omrYFkjwHy2sgHUM7Y7-OynOW_dDAqalnSTDI7v3ajWbQAykKlfpGoU/s1600/notepad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHnuP4dVvaO2875qo7P_Al1YQ3khk2Weq-dh4YMx7wQnwQhNSXlRy6H6huh3pEgynGLKAgdgKMMNVb0xE1Lrn7omrYFkjwHy2sgHUM7Y7-OynOW_dDAqalnSTDI7v3ajWbQAykKlfpGoU/s320/notepad.png" width="232" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif; font-size: large;">ا<span style="background-color: white; text-align: start;">ذا لم تكن تستخدم ويندوز يمكنك أن تجد برامج مماثلة في أنظمة التشغيل الأخرى، فمثلاً لينكس يحوي برنامج بيكو "Pico" ونظام ماك يحوي برنامج TextEdit.</span></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="background-color: white; text-align: start;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="background-color: white; text-align: start;"><span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">نصائح لنجاح الدورة التعليمية:</span></span></div>
<div class="separator" style="clear: both; text-align: right;">
</div>
<ul style="text-align: right;">
<li><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">حاول تطبيق كل درس</span></li>
<li><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">ان تعسر عليك أو واجهت مشكلا اطرحه و سنجد حلا انشاء الله </span></li>
<li><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">لا تيأس بفشل أي محاولة فقط استمر و ابحث عن الخطأ فعند النتهاؤء من انشائك للمشروع المترقب ستشعر برضا عن النفس</span></li>
</ul>
<div>
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">و أخيرا :</span></div>
<div>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;"> أود قول كلمتين :</span></div>
<div>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">الدرس الاحق سيكون البداية الفعلية لل html لأننا فقط في مرحلة التمهيد</span></div>
<div>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">لا تقرأ و تغاذر ضع ملاحظة في التعليق حتى نتمكن من تدارك أي خلل أو ما شابه</span></div>
<br />
<div class="separator" style="clear: both; text-align: right;">
<span style="background-color: white; text-align: start;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<br />
<div style="text-align: right;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">                        </span></div>
</div>

الدرس الأول ما هي : html

الدرس الأول ما هي : html السلام عليكم و رحمة اللله تعالى و بركاته في موضوع جديد على مدونة بوابة العلم . . .و بعد نظرا ...

مزيد من المعلومات »

3:17 م

مقدمة دورة-البرمجة (الاعلان الرسمي)

<div dir="rtl" style="text-align: right;" trbidi="on">
<h2 style="text-align: center;">
<span style="color: red;"> مقدمة دورة-البرمجة</span></h2>
<div>
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>!قررت و ضع الدروس مكتوبة نظرا لضعف الصبيب مع ادماج مقاطع فيديو مستغناعنها لمن تعسر عليه الفهم سكرا لتفهمكم.</b></span></div>
<div>
<span style="color: #741b47; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>بداية : </b></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="color: #741b47;">هل أنت أحد هؤلاء ؟</span></span></div>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">- تفكر جديا باحتراف برمجة الويب !!؟</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">- حاولت تعلم برمجة الويب وتركتها لأنها صعبة ومعقدة في نظرك ؟!</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">- تتمنى أن تنشئ مواقع بأفكارك الخاصة ؟!</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">- مللت قراءة الشروح والكتب المليئة بالحشو ولم تجد الطريقة الأمثل لتعلم البرمجة ؟!</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">- التحقت بدورات تدريبية لم تخرج منها بفائدة .. أو كانت الدورة بمستوى مبتدئ ؟!</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">لا تعلم ما فائدة أن تكون مبرمج !!!</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">هل تعلم بأن مبرمج الويب المحترف لديه فرص حقيقية للتالي ؟</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">1- الوظيفة .. فمبرمج الويب لن يطول بحثه عن عمل لقلة المبرمجين نظرا لعدم الالمام بهذه المادة.. فشركات الاستضافة تبحث مبرمجي الويب .. وشركات كبرى أيضا كالاتصالات والمدارس .. وشركات مقدمي الخدمة أيضا .</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">2- الدخل الجيد : إمكانية صنع برامجك الخاصة وبيعها وتسويقها في أي وقت مع تشفيرها لضمان حقوقك .. وبالمبلغ الذي تراه مناسبا .</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">3- لغات البرمجة متقاربة في الأساسيات .. واحترافك لبرمجة الويب سيسهل عليك تعلم أي لغة جديدة دون عقبات بل ستجد في ذلك متعة كبيرة .. وقد تحترف لغات أخرى كلغات تطبيقات الويندوز مثل الفيجوال بيسك أو السي .</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">الآن .. أكبر دورة شاملة لبرمجة الويب حصريا على مدونة بوابة العلم.. تأخذك من الصفر وتضعك على طريق الاحتراف ....</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">نبذة عن الدورة :</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">- مدة الدورة شهر إلى شهر ونصف ( على حسب تحقق الإهداف  )</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">التواصل على</span><br />
<span style="color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: large;">abderrahman1bouichou@gmail.com</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">وعند  انتهاء الدورة سيتم اهداء المنتوج المتوصل اليه</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">محتويات الدورة:</span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">لغة HTML :</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">1-التعريف بها</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">2-التعريف بوسوم لغة HTML</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">3-الشكل العام لكود HTML وتخصيص الوسم و انشاء الصفحة الأساسية لبتقي الدورة</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">4-خلاصة المتوصل اليه</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="background-color: white;">5-</span><span style="background-color: white; line-height: 15.828125px;">الخصائص</span><span style="background-color: white; line-height: 15.828125px;">الروابط</span>الصورالجداول</span><br />
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">6-المزيد حول الجداول</span></span><br />
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span>
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">7-التصميم (CSS)</span></span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">8-نشر الصفحات</span></span><br />
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span>
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">9-المعايير القياسية</span></span><br />
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></span>
<span style="background-color: white; line-height: 15.828125px;"><span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">10-النصائح الأخيرة</span></span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">مشاريع تطبيقية : ( برمجة صفحات HTML كاملة ومباشرة بالكود بدون برامج مساعدة )</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">لغة CSS:</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">1-ما هي تقنية CSS؟</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">2-كيف تعمل تقنية CSS؟</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">3-الألوان والخلفيات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">4-الخطوط</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">5-النصوص</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">6-الروابط</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">7-المطابقة والتجميع للعناصر class وid</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">8-تجميع العناصرspan وdiv</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">9-نموذج الصندوق</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">10-نموذج الصندوق - margin وpadding</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">11-نموذج الصندوق - الإطارات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">12- نموذج الصندوق - العرض والارتفاع</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">13-تعويم العناصر (floats)</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">14-وضعية العناصر</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">15-طبقة فوق طبقة باستخدام z-index</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">16- المعايير القياسية</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">مشروع تطبيقي (دمج css داخل التصميم المبدئي المنتج مسبقا)</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">لغة PHP :</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">1-تعريف بها ( نشأتها – تطورها – مزايا وعيوب )</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">2-المزودات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">3*اننشاء صفحة php</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">4-التعامل مع المتغيرات ( الوقت–التاريخ ) .</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">6- الحلقات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">7- الشروط</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">8-ضع تعليقات في برنامجك</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">9- المصفوفات .</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">10- الوظائف</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">11-تمرير المتغيرات من خلال عنوان الموقع (URL)</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">12- تمرير متغيرات النماذج</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">13- الجلسات (Sessions)</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">14-كوكيز (Cookies)</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">15-ا نظام الملفات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">16-القراءة من ملف نصي</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">17- الكتابة في ملف نصي</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">16- قواعد البيانات (<span style="background-color: white;">قاعدة البيانات MySQL)</span></span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="background-color: white;">17-</span> إنشاء قاعدة البيانات والجداول</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">18- إدخال المعلومات في قاعدة البيانات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">19- استرجاع البيانات من قاعدة البيانات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">20-حذف البيانات من قاعدة البيانات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">21-تحديث البيانات في قاعدة البيانات</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">مشاريع تطبيقية : ( برنامج مجلة للموقع – برنامج إرسال بطاقات تهنئة – عمل حماية للصفحات بكلمة مرور )</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">PHP + Mysql دروس متقدمة إضافية :(لم يتم تقريرها بعد)</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">1-الحماية والأمان لبرنامجك .</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">2-التشفير والاستفادة منه .</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">3-بناء نظام الاستايل أو Templates</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">4-مراقبة الزوار ( منع – سماح – تتبع معلومات أنظمة الزوار – من أين جاء الزائر )</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">5- استخدام أشهر كلاسات Templates</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;">مشروع ختامي .. برنامج أخبار بعمل بقاعدة بيانات مع خاصية الإشراف والتحكم به من خلال الإدارة وبه ميزة الأقسام المتعددة اللانهائية مع إمكانية التعقيب من قبل الزائر بالإضافة لمزايا احترافية ( فلتر كلمات محجوبة – إضافة الابتسامات – عدد القراء – نظام temaplat e ستايل .. وغيرها )</span><br />
<span style="color: #6fa8dc; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="color: lime; font-family: Arial, Helvetica, sans-serif; font-size: large;">أنا لم أحترف بعد هذه البرمجة انما قطعت منها شوطا كبيرا فأحببت أن أشاركم في مدونتنا كل ما تعلمته و ما سأتعلمه ان شاء الله ...</span><br />
<span style="color: lime; font-family: Arial, Helvetica, sans-serif; font-size: large;">مدونة بوابة العلم.... استغل حاسوبك</span><br />
<br /></div>

مقدمة دورة-البرمجة (الاعلان الرسمي)

مقدمة دورة-البرمجة !قررت و ضع الدروس مكتوبة نظرا لضعف الصبيب مع ادماج مقاطع فيديو مستغناعنها لمن تعسر عليه الفهم سكرا لتفهمكم. بداية ...

مزيد من المعلومات »

12:54 م

Top 10 Ways to Improve Your Memory

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<h1 class="gallery-title entry-title" style="background-color: #1e1e1e; color: #555555; font-family: Arial, sans-serif; font-size: 24px; line-height: 30px; margin: 0px; text-rendering: optimizelegibility;">
<br /></h1>
<div class="slideshow-container entry-content" style="background-color: #1e1e1e; color: #333333; font-family: Arial, sans-serif; font-size: 12px; height: auto; line-height: 18px; margin-bottom: 20px; position: relative; width: 622px;">
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 12;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
The human brain is like a library that stocks memories instead of books. In some ways, that makes the hippocampus, the part of the brain most involved in <a href="http://science.howstuffworks.com/life/inside-the-mind/human-brain/human-memory.htm" style="color: #0bbce4; text-decoration: none;">memory</a>, the brain's librarian. The hippocampus has the most responsibility in this cranial library, juggling the new releases of short-term memory while cataloging materials for the permanent collection of long-term memory. It's not the only part at work, however, in storing these chapters of our lives. Different kinds of memory are stored in different areas of the brain. With such a large system, the brain needs a system of encoding and retrieving memories, something a bit more complex than the local library's Dewey Decimal System.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
The brain has to be able to pull information at the drop of a hat, whether it's a fact on hold (such as a <a href="http://electronics.howstuffworks.com/telephone.htm" style="color: #0bbce4; text-decoration: none;">telephone</a> number) or a dusty memory that's been sitting in storage for years (the memory of your first <a href="http://people.howstuffworks.com/kissing.htm" style="color: #0bbce4; text-decoration: none;">kiss</a>). No one likes a library that loses books or shelves them in the wrong place. Yet sometimes we find ourselves with a very poor librarian on our hands, one that doesn't allow us to retrieve memories when we need them. Sometimes it's trivial, like when we tear apart our homes looking for <a href="http://science.howstuffworks.com/innovation/everyday-innovations/lens.htm" style="color: #0bbce4; text-decoration: none;">glasses</a> perched innocuously atop our heads, and sometimes these lapses in memories are more embarrassing, such as when we call a colleague "sport" because we simply can't remember his name.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Whether you're a college student studying for an important test or an aging <a href="http://health.howstuffworks.com/wellness/aging/baby-boomers/baby-boomers.htm" style="color: #0bbce4; text-decoration: none;">baby boomer</a>concerned about forgetting a recent doctor's appointment, there are a few things everyone can do to optimize the storage and checkouts in our private libraries of memories. Alert the librarian and head to the next page for the first tip.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="When your reminders affect your sense of fashion, it's time for some tips on improving memory." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-250x150.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="When your reminders affect your sense of fashion, it's time for some tips on improving memory." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">When your reminders affect your sense of fashion, it's time for some tips on improving memory.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Yo Oura/Riser/Getty Images</small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 11;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
10. Drink in Moderation</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Before you settle in to read this article, you may want to get yourself a glass of <a href="http://recipes.howstuffworks.com/food-facts/red-wine.htm" style="color: #0bbce4; text-decoration: none;">wine</a>. Surprised that such debauchery begins our list of memory improvers? Well, hear us out. Memory and<a href="http://science.howstuffworks.com/alcohol.htm" style="color: #0bbce4; text-decoration: none;">alcohol</a> have an interesting relationship.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
First off, you'll notice we didn't advocate bringing the entire bottle back with you. Too much drinking handicaps the memory, as anyone who's ever <a href="http://science.howstuffworks.com/life/human-biology/hangover.htm" style="color: #0bbce4; text-decoration: none;">woken after a binge</a> with a fuzzy recollection of the night before can attest. And one component of a <a href="http://auto.howstuffworks.com/car-driving-safety/accidents-hazardous-conditions/dui.htm" style="color: #0bbce4; text-decoration: none;">DUI</a> test shows how overconsumption of alcohol can immediately affect the brain: Even simple mental tasks like counting backward and reciting the alphabet can become tricky under the influence. Alcohol abuse will have a negative effect on the <a href="http://science.howstuffworks.com/life/cellular-microscopic/cell.htm" style="color: #0bbce4; text-decoration: none;">cells</a> of the brain related to memory.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
But as long as you're not <a href="http://science.howstuffworks.com/life/human-biology/pregnancy.htm" style="color: #0bbce4; text-decoration: none;">pregnant</a> and able to maintain control of how much you drink, there's evidence that light to moderate alcohol consumption can improve memory and cognition. Though more research needs to be done, some studies have found that moderate drinkers do better on certain tests of memory and cognition than nondrinkers and heavy drinkers [sources: Victoroff, <a href="http://www.medpagetoday.com/PrimaryCare/DietNutrition/tb/3029?pfc" style="color: #0bbce4; text-decoration: none;">Minerd</a>]. There may be some long-term effects as well. A French study that followed almost 4,000 people over the age of 65 found that light drinkers, who consumed up to two glasses of wine a day, were 45 percent less likely to develop <a href="http://health.howstuffworks.com/mental-health/neurological-conditions/alzheimers.htm" style="color: #0bbce4; text-decoration: none;">Alzheimer's disease</a> than nondrinkers [source: Victoroff].</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
But as we said, don't start tipping back beverages if you have certain risk factors, such as a family history of <a href="http://science.howstuffworks.com/life/inside-the-mind/human-brain/alcoholism.htm" style="color: #0bbce4; text-decoration: none;">alcoholism</a>. No one is recommending that teetotalers start drinking, either.<b>Resveratrol</b>, one of the flavonoids in red wine that's believed to have special benefits for blood vessels, is also in red grape juice.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
If you tend to drink when you're sad, head to the next page for some information on how your blues affect your brain.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="Cheers to your health!" class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-2.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="Cheers to your health!" /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">Cheers to your health!</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Stockbyte/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 10;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
9. Seek Treatment for Depression</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Anything that causes major <a href="http://science.howstuffworks.com/life/inside-the-mind/human-brain/how-stress-works.htm" style="color: #0bbce4; text-decoration: none;">stress</a> in life, including anxiety or <a href="http://science.howstuffworks.com/life/inside-the-mind/emotions/anger.htm" style="color: #0bbce4; text-decoration: none;">anger</a>, will eventually eat away at the parts of the brain that are responsible for memory. Chief among these stressors is major depression. Depression is often misidentified as a memory problem since one of the main symptoms of the condition is an inability to concentrate. If you can't concentrate on schoolwork or the information needed to complete a task on the job, then you may feel as if you're constantly forgetting things. As it is, you're not even able to concentrate long enough to learn them in the first place.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Depression causes an increase of <b>cortisol</b> levels in the bloodstream, which in turns elevates the amount of cortisol in the brain. With the help of brain imaging devices, doctors have been able to see how that increased cortisol diminishes certain brain areas, chief among them the hippocampus [source: Tan]. One study showed that people who had been depressed, even if it was years ago, had suffered a 12 to 15 percent loss in the hippocampus [source: Victoroff]. Since the hippocampus is the clearing center for short-term memory, prolonged depression demolishes the brain's ability to remember anything new.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Additionally, depression affects the types of things a person is able to remember. While everyone's brain is selective about which memories make it into long-term storage, people with depression seem only able to retain negative memories [source: Crook]. That means there's a neurological reason why a person with depression remains obsessed with the one time a loved one forgot a birthday or anniversary, even if it was remembered every other year.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
But happy memories needn't be lost forever to someone battling depression. Medications for depression, including selective serotonin reuptake inhibitors (SSRIs), have been shown to jump-start the process of cell regeneration in the hippocampus [source: Tan].</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
The next item on our list can help fight depression while it improves memory as well.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="Can't concentrate at work? It may be depression." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-3.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="Can't concentrate at work? It may be depression." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">Can't concentrate at work? It may be depression.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: altrendo images/Altrendo/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 9;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
8. Get Moving</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
If you've ever taken a break from work or studying to take a quick walk around the block, you may understand the rationale for this next tip. <a href="http://health.howstuffworks.com/wellness/diet-fitness/exercise/sports-physiology.htm" style="color: #0bbce4; text-decoration: none;">Exercise</a> not only exercises the body, it exercises the brain as well.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
<a href="http://science.howstuffworks.com/life/human-biology/obesity-paradox.htm" style="color: #0bbce4; text-decoration: none;">Obesity</a> is a risk factor for many diseases and conditions that eventually wreak havoc on the brain, including <a href="http://health.howstuffworks.com/mental-health/neurological-conditions/stroke.htm" style="color: #0bbce4; text-decoration: none;">stroke</a> and <a href="http://health.howstuffworks.com/mental-health/neurological-conditions/alzheimers.htm" style="color: #0bbce4; text-decoration: none;">Alzheimer's disease</a>. Without regular exercise, plaque builds up in the arteries and blood vessels lose the ability to pump blood effectively. While you may know how plaque buildup leads to <a href="http://health.howstuffworks.com/diseases-conditions/cardiovascular/heart/what-happens-during-a-heart-attack.htm" style="color: #0bbce4; text-decoration: none;">heart attacks</a>, you may not think about the way your brain is gasping for breath as well.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
The brain depends on energy received through a constant intake of oxygen and nutrients from the bloodstream, and when those nutrients don't arrive, the brain's ability to work is compromised. So to keep the <a href="http://science.howstuffworks.com/life/human-biology/blood.htm" style="color: #0bbce4; text-decoration: none;">blood</a> moving to the brain, you're going to need to get up from your chair (after you finish reading this article, of course) and get the blood pumping. It doesn't matter what you do -- a brisk walk, a swim and even a dance move or two can all provide a good mental workout. Studies show that the more physically active a person is, the greater his or her cognitive performance [source: Victoroff].</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Keep a lookout on your brisk walk for interesting images -- you'll need them for the memory tip on the next page.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="A brisk walk can be the best exercise for your brain." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-4.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="A brisk walk can be the best exercise for your brain." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">A brisk walk can be the best exercise for your brain.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Ariel Skelley/Photographer's Choice RR/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 8;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
7. Visualization and Association</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
A picture's worth a thousand words, as the saying goes, so turning a list of random words into images may help you remember the words better. Explaining this method works best by example, so let's say that you need to remember that a parent-teacher conference is taking place at three in the afternoon. Take a moment and think of a visual image for three -- let's say that you and your son just love reading the story of the "Three Little Pigs." Visualize those three little <a href="http://animals.howstuffworks.com/mammals/hoofed-mammals.htm" style="color: #0bbce4; text-decoration: none;">pigs</a>. To remember what exactly you have to do at three, picture your son's teacher cavorting with the pigs out in a meadow. Sometimes, the more unique the image, the easier it will be to remember. Here's another example: say you place your eyeglasses on the kitchen table. When you do so, imagine your eyeglasses eating all the food on the table. Later, when you're wondering where your glasses are, your brain has this image in the bank.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
You can use visualization to remember an entire list of things if you associate the images together. Say that you need to remember to take the following things to your SAT exam: a No. 2 pencil, a calculator, your ID and a snack for the break. You can create a visualization that links all of the images together in a ridiculous story. Picture your pencil as a snake, curving itself into the number two. That snake just loves calculators, so it winds itself around the calculator, using its hissing tongue to press the buttons. When the snake pushes one of the calculator buttons, the calculator turns into a camera and snaps the snake's picture for an ID photo. All of this calculating and picture-taking has worn the snake out, so it wants a snack of pretzels.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Sure, it sounds bizarre, but you can't deny that it also sounds fun. Visualization is at the root of many of the memory tips left to go on our list, so go ahead and practice by visualizing yourself heading to the next page for another memory tip.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="Trying to remember to pick up butter before much more time flies by? Visualize butterflies!" class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-5.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="Trying to remember to pick up butter before much more time flies by? Visualize butterflies!" /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">Trying to remember to pick up butter before much more time flies by? Visualize butterflies!</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Insy Shah/Gulfimages/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 7;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
6. Pay Attention</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Eight seconds is more than just a length of <a href="http://science.howstuffworks.com/science-vs-myth/everyday-myths/time.htm" style="color: #0bbce4; text-decoration: none;">time</a> that bull riders try to stay atop a bucking bronco, it's the amount of time you need to completely focus your attention upon something to effectively transfer it from short- to long-term memory [source: Crook]. No matter how wonderfully you can conjure up entertaining and useful visualizations for incoming information, the skill will be useless if you're not paying attention to what you need to remember in the first place.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Sometimes we can't remember things because we never got the information into the <a href="http://science.howstuffworks.com/life/inside-the-mind/human-brain/human-memory.htm" style="color: #0bbce4; text-decoration: none;">memory</a>bank to begin with. Like an absent-minded professor, we all have moments where we put down keys or an important book without noticing. Or we scribble phone numbers or one-word reminders on Post-It notes, thinking that's all the information we'll need later. However, without paying attention to why you need the information and its value to you, that Post-It is useless.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Try to stay in the present and really pay attention to the task at hand, whether it's learning new information for a job or meeting new people. Minimize distractions such as music, <a href="http://electronics.howstuffworks.com/tv.htm" style="color: #0bbce4; text-decoration: none;">television</a> or<a href="http://electronics.howstuffworks.com/cell-phone.htm" style="color: #0bbce4; text-decoration: none;">cell phones</a> to focus fully. One way to stay mindful of even the smallest actions is to repeat aloud what you're doing; as you take off your eyeglasses, say aloud "I am putting my glasses on the kitchen counter." While talking to yourself may feel awkward, you'll be grateful to find your glasses easily later.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
When meeting new people, we can often be more obsessed with how we look and the impression we're making than truly paying attention to the other person. Simply staying focused will boost your ability to remember the names of new people. But we're not done with faces and names yet. Since that area is troublesome for so many people, the next tip is all about using some of these techniques to attend parties with ease.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="If you pay attention when you meet someone, you have a better chance of remembering a new name." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-6.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="If you pay attention when you meet someone, you have a better chance of remembering a new name." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">If you pay attention when you meet someone, you have a better chance of remembering a new name.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Purestock/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 6;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
5. The Name Game</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
This memory tip builds upon many of the tips we've learned so far. When you meet a new person, it's important to pay attention to the name and the face. As soon as you learn the name, repeat it back to the person by saying, "Nice to meet you, so-and-so." It's not a cheap trick; researchers have found that people have a 30 percent better chance of remembering a name when they repeat it as soon as they learn it [source: Herold].</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Then it's time to put those visualization and association skills to work. Let's say you're meeting a person named Katie Lambert, who just happens to be this humble writer's editor. First, you want to repeat the name, but you also want to start looking for identifying features that will help you with the visualization and association. Check out the person's hair, <a href="http://science.howstuffworks.com/life/human-biology/smell.htm" style="color: #0bbce4; text-decoration: none;">nose</a>, <a href="http://science.howstuffworks.com/life/human-biology/tongue.htm" style="color: #0bbce4; text-decoration: none;">mouth</a>, cheeks and <a href="http://science.howstuffworks.com/life/human-biology/eye.htm" style="color: #0bbce4; text-decoration: none;">eyes</a>. Katie has chin-length blond hair, so you might take that feature and combine it with her last name, Lambert. Suddenly you're picturing little lambs with blond hair frolicking about. You name one of those lambs Katie to help you with your image, but you also take the "kat" from her first name and imagine little cats running around as well.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
If you wanted another way to remember "Lambert," you could picture Katie on the "lam" with "Bert" from "Sesame Street." You could also use rhymes or a <a href="http://entertainment.howstuffworks.com/celebrities-channel.htm" style="color: #0bbce4; text-decoration: none;">celebrity</a> she resembles to make the association. If all else fails, you could just focus on how you would describe her later to a police sketch artist if you were to hear that a girl named Katie Lambert had committed a crime. Whatever it takes to remember her name and face together.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
But enough about a HowStuffWorks editor committing crimes! Let's head to the next page for another valuable memory tip.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="Remember a blond girl with a lamb and you're well on your way to remembering Katie Lambert." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-7.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="Remember a blond girl with a lamb and you're well on your way to remembering Katie Lambert." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">Remember a blond girl with a lamb and you're well on your way to remembering Katie Lambert.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: David De Lossy/Photodisc/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 5;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
4. Chunking</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Maybe you have no problems remembering your grocery list or names and faces but you repeatedly stumble over your PIN number, <a href="http://money.howstuffworks.com/personal-finance/financial-planning/social-security.htm" style="color: #0bbce4; text-decoration: none;">Social Security</a> Number or license plate number. Chunking may be just the memory method for you. You've used chunking if you've ever read off a <a href="http://electronics.howstuffworks.com/toll-free-numbers.htm" style="color: #0bbce4; text-decoration: none;">phone number</a> as three sets of numbers as opposed to one long 10-digit number. Chunking puts a large amount of information into more manageable chunks so that you have less to remember.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Let's tease out the phone number example even further. Say you use this phone number every day but can never remember it: 404-760-4729 (for the record, that's the main line at HowStuffWorks). First, the area code -- do you love <a href="http://entertainment.howstuffworks.com/game-of-golf-channel.htm" style="color: #0bbce4; text-decoration: none;">golf</a>? Picture hitting a <a href="http://entertainment.howstuffworks.com/sports/golf/basics/question37.htm" style="color: #0bbce4; text-decoration: none;">golf ball</a> twice; you might yell, "Fore! Oh! Fore!" Then let's say you have seven children and you were <a href="http://science.howstuffworks.com/life/remember-birth.htm" style="color: #0bbce4; text-decoration: none;">born</a> in 1960. By great coincidence, your <a href="http://entertainment.howstuffworks.com/soccer.htm" style="color: #0bbce4; text-decoration: none;">soccer</a> jersey number was 47, and you'll never be able to forget that the <a href="http://history.howstuffworks.com/american-history/prosperity-and-depression.htm" style="color: #0bbce4; text-decoration: none;">Great Depression</a> started in 1929. To remember how to call HowStuffWorks, you just need to think, "golf, kids, year born, soccer jersey, Great Depression." Make a fun story out of it: Golfing with the kids in the year I was born while wearing my soccer jersey was more fun than the Great Depression. You'll never forget how to call us again.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
OK, maybe that's not the handiest way to remember our phone number. The associations made with certain numbers will be different for everyone. What's important is to look for patterns and numbers associated with memorable things for you. Then you can break a long list into more manageable chunks.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Chunking's not limited to remembering numbers, though. Anything can be reduced to smaller chunks. Say that you need to send an e-mail to George, William, Greg, Jim and Jane. If you remember to invite the 2 G's, the 2 J's and one W, then you're set. If you have a long shopping list, try grouping it according to sections of the store, so that when you get to the dairy section, you'll know you have a few items to look out for.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Do you know your way around the local grocery store by heart? You may be able to put that knowledge to use with our next tip.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="Breaking information into smaller chunks makes it easier to manage." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-8.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="Breaking information into smaller chunks makes it easier to manage." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">Breaking information into smaller chunks makes it easier to manage.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Martin Barraud/Iconica/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 4;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
3. Method of Loci</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
The earliest recorded mnemonic device comes from <a href="http://history.howstuffworks.com/ancient-greece/ancient-greece.htm" style="color: #0bbce4; text-decoration: none;">Ancient Greece</a>. One night, a poet named Simonides was called upon to recite a poem at a banquet. By some stroke of luck, Simonides briefly left the banquet hall, right when the entire <a href="http://science.howstuffworks.com/engineering/structural/building-implosion.htm" style="color: #0bbce4; text-decoration: none;">building collapsed</a>. Because the bodies of those that remained inside were so badly mangled, Simonides identified the dead for their families by recalling where people were sitting at the time of the accident. This memory device of associating things with a place or location became known as <b>the method of loci</b>, and it was all the rage for teaching in Ancient Greece. If you've ever said, "in the first place" or "in the second place" when rattling off a list, then you're using a modern derivative of the method of loci.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
In using the method of loci, you're essentially piggybacking the information you need to remember on top of information that would be near impossible for you to forget. For example, it would be hard for you to forget a bus or <a href="http://science.howstuffworks.com/engineering/civil/subway.htm" style="color: #0bbce4; text-decoration: none;">subway</a> route you use every day, or the setup of your own house. If you select between five to seven locations on these routes or in these places, you can use the landmarks to remember a list of errands by using the visualization methods we discussed earlier.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
For example, let's say that you've selected places you pass daily on your commute to the office. You drive by a large yellow house, a <a href="http://science.howstuffworks.com/innovation/edible-innovations/fast-food.htm" style="color: #0bbce4; text-decoration: none;">fast food</a> chicken restaurant and a tire shop. You need to remember to stop by the store to get detergent, <a href="http://science.howstuffworks.com/innovation/edible-innovations/bread.htm" style="color: #0bbce4; text-decoration: none;">bread</a> and <a href="http://science.howstuffworks.com/life/human-biology/orange-juice-toothpaste.htm" style="color: #0bbce4; text-decoration: none;">orange juice</a>. For each familiar place, visualize an association with an item on the list. You could envision the detergent dripping down the sides of the yellow house, making the yellow even brighter. You picture the chickens eating pieces of bread thrown to them in their chicken coops, and you could imagine tires trying to move through a rising river of orange juice. You can expand the list with more landmarks as needed, and then when you arrive at the store, you just pull up this route information and think of your visualizations.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
For another tip that uses familiar spaces with a twist, go on to the next page.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="Use your familiarity with a place like the bus stop to remember other information." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-9.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="Use your familiarity with a place like the bus stop to remember other information." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">Use your familiarity with a place like the bus stop to remember other information.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Phillip Jarrell Photographer/Taxi/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 3;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
2. Use Your Environment</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Tying a string around your finger to remember something has become a bit of punchline, but the reasoning for it makes sense. By putting something in your environment slightly askew, you create a visual reminder for yourself. The key, as with other methods, is to take the time to create a strong visualization for why there's a string around your finger before you mindlessly tie it on.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
You can use other things in your environment as well. If you don't want to invest in string just yet, you could switch a ring, bracelet or watch from one hand to the other as needed to remember things. For example, if you needed to remember a doctor's appointment, you could visualize a large wristwatch wrapped around your doctor. If it bothers you too much to switch hands, try just turning the watch upside down or switching a ring so the stone points downward.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
There are other things you can manipulate in your environment as well. If you wake up in the middle of the night with a thought you don't want to forget, make an association with something on your nightstand, like an <a href="http://electronics.howstuffworks.com/gadgets/clocks-watches/inside-clock.htm" style="color: #0bbce4; text-decoration: none;">alarm clock</a> or a book. Then place the object on the floor. The next morning, when you trip over the item on your floor, you can bring up the visualization. You can also move furniture slightly if that helps. If you have trouble remembering to take morning medications, place your <a href="http://home.howstuffworks.com/toaster.htm" style="color: #0bbce4; text-decoration: none;">toaster</a> on its side. When you stand it back up again, you can take your medications, enjoy some toaster waffles and then return the appliance back to its sideways position in preparation for the next morning. Move your telephone from one side of the desk to the other, depending on whether you have phone calls to return.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
You could also place things that need to leave the house on the floor in front of the door to serve as an obvious reminder, or you could make use of the doorknob itself by hanging things on it. For example, if you return from home day after day without the <a href="http://home.howstuffworks.com/dry-cleaning.htm" style="color: #0bbce4; text-decoration: none;">dry cleaning</a> you meant to pick up, place an empty hanger on the door. Put it on the front seat of the car, and it will serve as a daylong reminder of an errand you need to run.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Practice using your environment right now: Click "next page" to see our last tip for memory.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="Putting a pony in your bedroom may be an extreme example of using your environment to remember something, but an object slightly out of place can serve as a helpful reminder." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-10.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="Putting a pony in your bedroom may be an extreme example of using your environment to remember something, but an object slightly out of place can serve as a helpful reminder." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">Putting a pony in your bedroom may be an extreme example of using your environment to remember something, but an object slightly out of place can serve as a helpful reminder.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Zia Soleil/Iconica/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 2;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
1. Practice Makes Perfect</h2>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Maybe you're thinking that some of the tips in this article sound a bit too easy. And that's the beauty of them -- but to get the full benefit, you're going to have to practice. Not everyone immediately begins creating helpful visualizations or using the method of loci to remember things, but when your brain becomes trained to think that way, it will become easier.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
You can look at almost anything as a chance to practice these memory tips. If you're out to eat at a restaurant, randomly assign the people around you a name. Introduce yourself to them in your head and give them identifying features. Enjoy your appetizer, then look back around to see how many names you remember. It can also make the time fly by when you're standing in line at the <a href="http://money.howstuffworks.com/personal-finance/banking/bank.htm" style="color: #0bbce4; text-decoration: none;">bank</a> or waiting in a doctor's office. You can do the same things with people in newspapers or magazines.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
Speaking of newspapers and magazines, you can practice your ability to pay attention by reading an article and then explaining the article to someone else. Do you have all the details down, or do you need to pay better attention when you're reading? After enjoying your favorite<a href="http://electronics.howstuffworks.com/tv-shows.htm" style="color: #0bbce4; text-decoration: none;">television program</a>, see if you can remember the outfits that various characters wore throughout the show. If you can remember the small details, then your memory is getting good exercise.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
One of the simplest ways to practice these methods is to teach them to someone else. By explaining with examples, you'll be reinforcing them in your brain.</div>
<div style="font-size: 14px; line-height: 18px; margin-bottom: 9px; width: 602px;">
If you want to practice your ability to pay attention to what you're reading, there are plenty of great articles on memory and the brain for you to use on the next page.</div>
<figure class="list-figure" style="margin: 0px;"><div class="slideshow-image-container" style="text-align: center;">
<img alt="If you can't remember that grocery list, your memory skills may just need more practice." class="slideshow-image" src="http://static.ddmcdn.com/gif/10-ways-improve-memory-11.jpg" style="border: 0px; height: auto; margin: 10px auto; max-width: 100%;" title="If you can't remember that grocery list, your memory skills may just need more practice." /></div>
<small class="image-caption" style="font-size: 16px; width: 622px;">If you can't remember that grocery list, your memory skills may just need more practice.</small><small class="image-credit" style="color: #999999; display: block; font-size: 12px; text-align: center; width: 622px;">Image Credit: Paul Bradbury/OJO Images/<a href="http://www.gettyimages.com/" style="color: #0bbce4; text-decoration: none;">Getty Images</a></small></figure></div>
<div class="slideshow-item" style="margin: 0px 0px 20px; opacity: 1; overflow: hidden; padding: 10px; width: 602px; z-index: 1;">
<h2 style="font-size: 22px; line-height: 24px; margin: 0px 0px 5px; text-rendering: optimizelegibility;">
Lots More Information</h2>
<h3 style="font-size: 18px; line-height: 27px; margin: 0px; text-rendering: optimizelegibility;">
Related Content</h3>
<ul style="list-style-image: initial; list-style-position: initial; margin: 0px 0px 9px 25px; padding: 0px;">
<li style="line-height: 18px;"><a href="http://dsc.discovery.com/tv-shows/curiosity/topics/mad-genius.htm" style="color: #0bbce4; text-decoration: none;">Top 5 Mad Geniuses</a></li>
<li style="line-height: 18px;"><a href="http://dsc.discovery.com/tv-shows/curiosity/topics/mad-genius.htm" style="color: #0bbce4; text-decoration: none;">Human Intelligence Puzzles</a></li>
<li style="line-height: 18px;"><a href="http://dsc.discovery.com/tv-shows/curiosity/topics/human-intelligence-puzzles.htm" style="color: #0bbce4; text-decoration: none;">10 Ways to Improve Your Senses</a></li>
<li style="line-height: 18px;"><a href="http://dsc.discovery.com/tv-shows/curiosity/topics/10-ways-to-improve-senses.htm" style="color: #0bbce4; text-decoration: none;">Geniuses Pictures</a></li>
<li style="line-height: 18px;"><a href="http://dsc.discovery.com/tv-shows/curiosity/topics/geniuses-pictures.htm" style="color: #0bbce4; text-decoration: none;">Who Said It: Einstein or Hawking?</a></li>
</ul>
<h3 style="font-size: 18px; line-height: 27px; margin: 0px; text-rendering: optimizelegibility;">
More Great Links</h3>
<ul style="list-style-image: initial; list-style-position: initial; margin: 0px 0px 9px 25px; padding: 0px;">
<li style="line-height: 18px;"><a href="http://www.exploratorium.edu/memory/" style="color: #0bbce4; text-decoration: none;">Memory Exhibit at Exploratorium</a></li>
<li style="line-height: 18px;"><a href="http://www.nlm.nih.gov/medlineplus/memory.html" style="color: #0bbce4; text-decoration: none;">Medline Plus: Memory</a></li>
<li style="line-height: 18px;"><a href="http://faculty.washington.edu/chudler/chmemory.html" style="color: #0bbce4; text-decoration: none;">Neuroscience for Kids: Memory Experiments</a></li>
</ul>
<h3 style="font-size: 18px; line-height: 27px; margin: 0px; text-rendering: optimizelegibility;">
Sources</h3>
<ul style="list-style-image: initial; list-style-position: initial; margin: 0px 0px 9px 25px; padding: 0px;">
<li style="line-height: 18px;">Crook, Thomas and Christine Allison. "How to Remember Names." HarperCollins. 1992.</li>
<li style="line-height: 18px;">Herold, Mort. "You Can Have a Near-Perfect Memory." Contemporary Books, Inc. 1982.</li>
<li style="line-height: 18px;">Higbee, Kenneth L. "Your Memory." Marlowe & Company. 2001.</li>
<li style="line-height: 18px;">Minerd, Jeff. "Moderate Drinking Linked to Quick-Witted Women." MedPageToday. April 7, 2006. (Oct. 1, 2008)http://www.medpagetoday.com/PrimaryCare/DietNutrition/tb/3029?pfc=101&spc=230</li>
<li style="line-height: 18px;">Schacter, Daniel L. "The Seven Sins of Memory." Houghton Mifflin Company. 2001.</li>
<li style="line-height: 18px;">Tan, Zaldy S. "Age-Proof Your Mind: Detect, Delay, and Prevent Memory Loss -- Before It's Too Late." Warner Books. 2005.</li>
<li style="line-height: 18px;">Victoroff, Jeff. "Saving Your Brain." Bantam. 2002.</li>
</ul>
</div>
</div>
</div>

Top 10 Ways to Improve Your Memory

The human brain is like a library that stocks memories instead of books. In some ways, that makes the hippocampus, the part of th...

مزيد من المعلومات »

8:01 ص

برنامج فوتوشوب أون لاين

الدرس الثالث : الخصائص

كود 216 لون html

الدرس الثالث : خلاصة المتوصل عليه

أحلام غيرت العالم

ظواهر غريبة تحدث مع الإنسان ولا يعرف سببها

صاحبة أجمل عيون فى العالم والتى تُعتبر رمزا للعيون الجميلة بصراح حلوة جدا !!

الدرس الثاني: العناصر و الوسوم +انشاء موقع

الدرس الأول ما هي : html

مقدمة دورة-البرمجة (الاعلان الرسمي)

Top 10 Ways to Improve Your Memory

المشاركات الشائعة

أرشيف المدونة الإلكترونية