NID@L

السلام عليكم ورحمة الله وبركاته 

هذه  دورة بسيطه مبسطه  لكي تساعد من يريد التعلم  عن HTML وهي لغة برمجية تخص  صفحات الويب

ومن يتعلم هذه اللغة الإبتدائية يتعلم بعدها لغات والويب بسهوله وسوف أرفق المواقع المشهورة بهذا الخصوص

الموضوع

 سوف ابداء   بالشرح ولكن بعد هذه  العملية التي تساعد في  تجريب علمك في خصوص هذا الموضوع HTML

هناك برامج كثيره جدا ولكن لسنا بحاجتها فلدي طريقة سهله  ولكن تابعوا معي  الصورة

وهي انك عندما تتعامل مع الأكواد تكتبها في مفكره  وعندما تقوم بالحفظ  من الطبيعي أنك  ستعطي المفكرة أسما

إكتب الأسم وبعد ذلك نقطه وبعد ذلك HTML  بهذه الطريقة

كما بالصورة :




         هل تعلمون ما ذا سيحصل لو حفظت بـ  html.صورة2   سوف تفتح هذه المفكره وكأنها صفحة متصفح مثل فايرفوكس او الأكسبلورر وغيرهاااااا....

هذا الموضوع بحد ذاته  يفيدنا في عملية   التخطيط وتجريب كل كود ماذا سيفعل وغيرها ومن هنا تتعلم تخطي وتعدل الخطأ وهكذا نتعلم              
_______________________________________________________________
    وهنا قبل البدء في معرفة كيف نتعامل مع هذه اللغه وهو التركيب الأساسي وكيف يكون 
كما في الصورة 




ماذا تلاحظ اخي العزيز  طلاسم ام ماذا ؟؟؟؟؟؟؟


لا عليك  احفظ هذا التركيب كما في الصورة وستلاحظ ايضا ان  كل كلمه ولها اغلاق اي علامة  / هذه العلامة مهمة جدا  جدا جدا  <html> هذه الكلمه هي الاساس  </html>

انظر الصورة بالاسفل  وشاهد الشرح الإبتدائي:




شاهدوا  الصورة بالرابط :

http://up2.m5zn.com/photo/2009/4/7/06/qaneszpg6.jpg/jpg

في الصورة  مثال صغير جدا  very small  عن تطبيق وطريقة عملك مع الأكواد 

#############################################################
(++) تكون اوامر  تستخدمها كيفما تريد  داخل في وسط        

   <body>

   هنااااااااااااااااااا 

   <body / >  

        
++
 من حيث الخط  وتنسيق الصفحه 

http://up2.m5zn.com/photo/2009/4/7/06/peld5xsor.bmp/bmp

++الآن نوع الخطوط  ARIAL ,....وغيرها   ولون الخط وحجمة   

http://up2.m5zn.com/photo/2009/4/7/06/p20m92rel.bmp/bmp

++الآن هنا رابط صورة لرموز الألوان نظرا  لإن  البعض لا يعرف كتابة الألوان بالأنجليزي وبدلت برموز 

http://up2.m5zn.com/photo/2009/4/7/06/hk3msmiju.bmp/bmp


 



#  اضافة   لون لصفحه 
نتستخدم هذا الكود   
<body bgcolor ="هنا رمز اللون">


#اضافة  صور لصفحة

كود:
<img src= "هنا رابط الصورة" alt ="هنا الأسم الذي على مزاجك">
وتستطيع أنت ان تبحث  كيف  تضع حجما للصور المرفقة     هذا مفتاح حل   وانت   اكمل  



# اضافة   مقطع صوتي  لصفحة

<EMBED SRC="هنا رابط مقطع الصوت" CONTROLS=CONSOLE 

AUTOSTART=TRUE LOOP=-1 VOLUME=1 WIDTH=1 HEIGHT=1 >
لابد أن يكون صيغة  المقطع الصوتي من نوع mp3  او  wav



الآن أن تعلمت كيف  تعمل صفحة ابتدائية ليس ببرنامج FORNTPAGE  ولكن بنفسك عن طريق اكواد

الآن إبحث هنا وهناك وفي كل المواقع التعليمية لكي تزداد معرفة .



   هناك لغة  جميلة   وجميل من يتعلمها   css    وموجودة في المرجع الأول شرحا نسنخدمها مع html 





                             عفوا لتحميل بعض الصور على روابط خارجية  لكبر حجم الصور


++++++++++++++++++++++++++++++++

 تستطيع اخي القارئ التعديل على المقال في إذا كنت تعلم ولك خبرهــ في ذلك إن وجدت خطى سهوا او زيادهــ من خبرتك

اتشرف بذلك  اخوكم / عبد الله العصيمي
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

________________________________________________________________



اتمنى أن اكون قد قدمت لكم   الشيء والشيء  الكثير 

اتمنى الدعاء لمؤلف المقال  بالتوفيق في دراسته الجامعية وما بعد  البكالوريوس :







المصادر

  1. المصدر الأول
    http://www.w3schools.com/default.asp
  2. المصدر الثاني
    http://www.davesite.com/webstation/html/
  3. المصدر الثالث
    http://www.tizag.com/htmlT

Subpages (1): Wisam

Attachments (2)

  • 08032011118_2.JPG - on Mar 19, 2011 9:05 AM by NIDAL Alburbar (version 1)
    55k View Download
  • مثل صيني.pps - on Mar 19, 2011 8:49 AM by NIDAL Alburbar (version 1)
    1650k View Download

Sign in  |  Recent Site Activity  |  Terms  |  Report Abuse  |  Print page  |  Powered by Google Sites