جاري تحميل ... ساحر الملاعب للمعلوميات

إعلان الرئيسية

المتابعون

أخبار ساخنة

إعلان في أعلي التدوينة

دورة html

دورة Html. الدرس الأول هيكل صفحة الويب

هيكل صفحة الويب وشرح بعض الوسوم



الدرس الأول 


هيكل صفحة الويب وشرح الوسوم وطريقة إستعمالها

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



                                                          <html>

                                                         <head>       

                                             <title></title>       


                                                        <head/>     

                                                         <body>       

                                                       <body/>     

                                                                <html/>

لابد أن تبدأ أي صفحة ويب ب  <html>   وهذه علامة الفتح وتنتهي الصفحة ب <html/>  وهذه علامة الإغلاق ولابد أن لا تنسى وضع السلاش /  حتى لا تحدث معك مشاكل أثناء تصميم موقع الويب . 

ويكون الشكل هكذا  :-

                                                                   <html>

                                                                  <html/>

ثم بعد ذلك نضيف وسم ال <head></head>  بين وسم ال  <html></html>

ويكون الشكل هكذا  :-

                                                          <html>

                                                         <head>       

                                             <head/>     

                                                                
                                                       <html/>


ثم بعد ذلك نضيف وسم ال <body></body>  بين وسم ال  <title></title>

ويكون الشكل هكذا  :-

                                                          <html>

                                                         <head>       

                                             <title></title>       


                                                        <head/>     
                                                       
                             
                                                                <html/>



ثم بعد ذلك نضيف وسم ال <body></body>  بعد وسم ال  <head></head>

ويكون الشكل هكذا  :-

                                                          <html>

                                                         <head>       

                               <title></title>          
                                                        <head/> 

                                                         <body>       

                                                       <body/>     

                                                                <html/>


هذا هو الشكل النهائي الذي يجب أن تبدأ به الصفحة 

والان دعونا نبدأ بالشغل العملي على هذه الأكواد 

في البداية قم بفتح برنامج   ++Notepad  الذي قمنا بتحميل واتفقنا أنه سوف يكون هو البرنامج الذي سوف نستخدمه طول فترة الدورة

بعد ذلك قم بفتح مجلد جديد New folder واكتب عليه إي إسم تريده ولكن لابد أن ينتهي بكلمة  Html. 

مثلا  : - نسميه drouss. Html 

ثم بعد ذلك نعمل حفظ للمجلد الجديد

بعد ذلك نرجع مرة أخرى إلى برنامج ++Notepad وتضع أكواد صفحة الويب كاملة وتضع إسمك مثلا بين وسم ال   <body> </body>  هكذا


                                                          <html>

                                                         <head>       

                               <title></title> 
         
                                                        <head/> 

                                                         <body>     

ضع إسمك هنا Mohammed 
   
                                                       <body/>     

                                                                <html/>



بعد ذلك أضغط حفظ ثم إذهب إلى المجلد الذي قمت بعمله وهو drouss. Html وقم بفتحه سوف تجد إسمك قد ظهر هكذا 



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


والان دعونا نضيف عنوان للصفحة التي بدأت في إنشائها

عنوان الصفحة نضيفه بين وسم ال <title></title>


ويكون على هذا الشكل  : - 

                                                          <html>

                                                         <head>     
  
   <title> ضع عنوان هنا مثلا drouss.comا</title>

                                                        <head/> 

   
                                                         <body>    

ضع إسمك هنا Mohammed
  
   
                                                       <body/>     

                                                                <html/>


بعد ذلك أضغط حفظ ثم إذهب إلى المجلد الذي قمت بعمله وهو drouss. Html وقم بفتحه سوف تجد إسمك قد ظهر والعنوان أيضا ظهر في الأعلى  هكذا 



 كود أو وسم وضع الأوصاف في الموقع


هذا هو كود وضع الأوصاف

 < - - / --! > < - - --! > 


نضع كود علامة الفتح < - - --! >   فوق وسم ال  <head>

ونضع كود علامة الغلق  < - - / --! >  تحت وسم ال  <head>

ويكون على هذا الشكل  : - 

                                                          <html>

 < - -  ضع هنا وصف مثلا by mohammed    --! >

                                                         <head>     

  
   <title> ضع عنوان هنا مثلا drouss.comا</title>

                                                        <head/> 


 < - -  ضع هنا وصف مثلا by mohammed  /   --! >

                                                         <body>      

ضع إسمك هنا Mohammed
   
                                                       <body/>     

                                                                <html/>


بعد ذلك أضغط حفظ ثم إذهب إلى المجلد الذي قمت بعمله وهو drouss. Html وقم بفتحه لن تجد أي شئ  ظهر معك لأن الوصف يظهر هنا معك في صفحة بناء الموقع ولا يظهر في صفحة الويب نفسها

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

في الدرس القادم سوف نتعلم شرح بعض أكواد التعامل مع النصوص














                                                             



















الوسوم:

ليست هناك تعليقات:

إرسال تعليق

إعلان أسفل المقال