U3F1ZWV6ZTMzNzE0NzkxNV9BY3RpdmF0aW9uNDQzNjUxMw==

دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة

 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة

 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة (المقالة الثانية)


بسم الله الرحمان الرحيم 

مرحبا بيكم في المقالة التانية في دورة Html5|دورة Html5 الخطوة الأولى نحو برمجة الويب
بعد ان تعرفنا على تعريف بسيط بلغة Html5 
وذالك في المقالة الاولى في هذه الدورة
وهنا رابط المقالة 

Html5|دورة Html5 الخطوة الأولى نحو برمجة الويب


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


 ماذا احتاج لبدأ تعلم  لغة  html5



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

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

 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة





download komodo edit

كدالك برنامج notopad++ فيه ميزات جميلة جدا ولتحمله 


download notopad++


 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة




وكل واحد يختار اي برنامج يحب لانه في النهاية البرنامج لايغير شيئ من ذالك الذي سنتطرق اليه في هذه الدورة 
وكل شيء ستتم كتابته من قبلك ولن يكون هنالك شيء يكتب تلقائي 
لذا لن يختلف شيء بنسبة للمحرر الذي ستختاره فقط مسئلة راحة نفسية 




لنرجع الان بعد ان تمكنا من اختيار محرر انصوص وتم تتبيته لبدء في كتابة اول كود والتعرف على اللغة لغة htnl5
لنتعرف كيفية كتابة الكود وطريقة التي تظهر بيها الصفحة. 

ملاحظة 

خلال هذه الدورة سنستعمل محرر نصوص  komodo edit




بعد فتح محرر نصوص komodo edit
نقوم بختيار New File 
وذالك لبدأ في كتابة اول كود لي صفحة الويب.
ونكون صفحة من الصفر بستعمال برنامج komodo edit 
او اي برنامج تستعمل.




 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة






بعد كتابة هده الالكود كما اتفقنا هذه المقالة لتعريف ميفية كتابة الكود والتعرف على بنية الكود 
وسنتطرق انشاء الله لكل شيء في الدورات القديمة عن كل صغيرة وكبيرة بتبسيط الممل.
 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة



وملاحظة مهمة لتنصيق الكود يجب ان يكون الكود منصق كما في صورة التي من قبل 

بمعنى اخر 
يجب كتابة الكود بهذا التنصيق 


<html>
   <head>   
<title>عنوان الصفحة </title>         
</head>   
  <body>   
</body>   
</html>


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




<html>
   <head>
<title>عنوان الصفحة </title>
</head>
  <body>
</body>

</html>

معضم محريرات النصوص لكي تعمل تنصيق تطغط على select على النص الذي تريد ان تنصقه 
 تم تقوم بضغط على زر Tab  من لوحة المفاتيح
ولكي ترجعه الى الوراء تضغط على زر Shift+Tab يرجعه للوراء 





 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة


ملاحظة

 بعد انتها من كتابت الكود اضغط على زر Control+S لتسجيل الصفحة 
ويجب علي ان اكتب اي اسم لصفحة متبعا ب .html
ودالك لاذهارها على المتصفح يجب ان يكون امداد الصفحة .html



بعد ان كتابنا هذه الصفحة صفحتنا الاولى  لنرى كيفة تضهر 

سنتطرق الى كل شيء فيما يخص الكود في الدروس القديمة انشاء الله بتبسيط الممل 


 دورة Html5|مقدمة دورة لغة HTML وتنصيب الادوات الازمة






كل شيء سنتطرق اليه في قادم المقالة وسنشرح اي شيء في وقتها الاهم من هذه هذه المقالة ان نعرف المحرر الذي سأستخدمه واشغل عليه 
ومطلوب اننا نختار متصفح قوي ك google chrome او mozilla firefox او opira وما الى ذالك من المتصفحات الجيدة
كل واحد بلمحرر والمتصفح الذي يحبه 
هذا الدرس تعرفنا فيه
  • كيفية عرض الصفحة في المتصفح
  • وقد عرفنا اي البرنامج سنستخدم 

ونتلقي انشاء الله في المقالة الاخرى ل تعرف على العناصر وتفصيلات اخرى.



شكرا مرة اخرى على المتابعة







ليست هناك تعليقات
إرسال تعليق

إرسال تعليق