فاصلة
  • HTML
  • ?
    : ترتيب الدرس
  • 17
    عدد الدروس
  • ?
    أخر تحديث

أدوات لغة HTML

 استخدام الأدوات شيء اساسي في اي موهبة او تخصص لأجل أنجاز العمل بدقة وتنظيم , ستجد المعلم والطبيب والمهندس والنجار  وغيرهم الكثير لديهم أدوات تساعدهم في اعمالهم او حتي ادوات لا يمكن الأستغناء عنها أبداً وتعتبر جزئاً لا يتجزأ من روتين العمل اليومي 


Page Title

الأدوات

سنتحدث عن نوعين من أدوات مصممي المواقع , النوع الأول أساسي يجب استخدامة مع لغة HTML ولا يمكن الأستغناء عنة أبداً والنوع الثاني أختياري يمكن استخدامة أو الأستغناء عنة.

  • أدوات أساسية
  • أدوات غير أساسية


الأدوات الأساسية

  1. المحرر : المحرر هو البرنامج الذي ستستخدمة لتقوم بكتابة أكواد HTML  بداخلة ويتوفر بكثرة علي الانترنت ولكن سنختصر عليك وقت البحث وسنعرض عليك الأن أفضل المحررات حسب تجارب المستخدمين
  • Notepad++ (Free): النسخة الأحدث من برنامج NotePad المتوفرة علي أكثر الأجهزة ولكن بأمكانيات وخصائص أكثر , ويحتوي علي خاصية الأكمال التلقائي للكود الغير متوفره في النسخة السابقة من البرنامج 
  • Aptana Studio 3 (Free) : محرر نصوص يحتوي علي خيارات تحرير الكثير من اللغات HTML ,Javascript ,Css 
  • NetBeans (Free) : برنامج ذكي جداً يستطيع ايضاً التعامل مع الكثير من اللغات ومنها  HTML
  • SublimText : برنامج معروف جدا بين المستخدمين ويتميز بالبساطة والحجم الصغير ويعمل بشكل جيد علي الأجهزة الضعيفة ولكن لا يدعم اللغة العربية بشكل كامل.


  1. المتصفح :  المتصفح هو حلقة الوصل بين المستخدم والموقع , لان الأصل في الموقع هو عبارة عن أكواد وأوامر يقوم المتصفح بقرائتها  وبتحويلها الي صورة مرئية كما تري في المواقع التي تحتوي علي الوان ورموز وأشكال تتم كتابتها عن طريق اوامر HTML ومن ثم يتم قرائتها وترجمتها عن طريق المتصفح, وعند كتابة الأوامر فأنت بحاجة الي المتصفح لتري نتيجة تلك الأوامر
  • Mozila FirFox   :  البرنامج يأخذ المرتبة الأولي في عدد المستخدمين ويحتوي علي مميزات تؤهلة ليكون في المركز الأول
  • GoogleChrom : برنامج من انتاج شركة جوجل وهو برنامج غني عن التعريف ويمتلك شعبية كبيرة جداً


    الأدوات الغير أساسية 

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

    • ColorZilla :  في حالة وجود الوان جميلة في اي موقع وانت تدريد معرفة درجة اللون , في تلك الحالة يمكنك أستخدام تلك الأداة لسحب اللون من العنصر عن طريق النضغط علي العنصر   بأستخدام الأداة
    • CodePen: هي منصة مشترك بها عدد كبير جدا من مصممي الويب ويشاركون أعمالهم بحيث يمكنك ان تزور الموقع وتري عدد كبير من المشاريع المتوفرة وتبدأ في دراسة المشاريع وكيف تم انشائها .

    الأدوات أساسيات العناصر خصائص العناوين الفقرات الأنماط التنسيق التعليقات الألوان الروابط الصور الجداول القوائم الترتيب النماذج الميتا تاج