شرح HTML

  • كما سبق الإشارة في دروس ومقالات سابقة فإن لغة HTML هي لغة هيكلية ، أي أنها تستخدم من أجل بناء الهيكل الأساسي للصفحة ، بحيث كل وسم من وسوم ال HTML مخصص للقيام بمهمة ما أو الإشارة إلى جزء أو عنصر من عناصر الصفحة ، من هذه الوسوم هو وسم ال <head> وهو من الوسوم…

    المزيد…

  • أول ما قد تلاحظه عند البدأ في تعلم لغة ال HTML هو وسم <html> نفسه ، وهو يعتبر العنصر الرئيسي في الصفحة ، وداخله تكتب جميع الوسوم الأخرى الأساسية ، فهو يعتبر اللبنة الأولى التي عليها يتم بناء باقي هيكل الصفحة، مثال  من هنا يمكن أن نلاحظ أن جميع الوسوم الأساسية مكتوبة داخل وسم <html>…

    المزيد…

  • عندما نتحدث عن بناء وإنشاء المواقع ، أول بحث ستقوم به أو أول كتاب أو دليل مخصص لتعلم إنشاء المواقع ، سيشير إلى لغة HTML كأول خطوة من أجل البدء في تعلم بناء المواقع ، والسبب بسيط حيث أن لغة HTML تعتبر هي اللغة التي تمكن من بناء الهيكل الأساسي للموقع ، فهي تستخدم لتعريف…

    المزيد…

  • أحيانا نقوم ببعض عمليات البحث في محرك البحث جوجل، أو نقوم بالنقر على رابط ما في مواقع التواصل الإجتماعي ، نتوقع الوصول إلى الموقع المرغوب من أجل تصفحه وأخذ المعلومة التي تبحث عنها أو من أجل تحميل فيلم أو برنامج ، لكن نفاجأ برسائل من هذا النوع . خطأ 404 الصفحة غير موجودة  ،ما الذي…

    المزيد…

  • الحقول أو Form تعتبر من المكونات المهمة في أي موقع ، وقد يكون لها عدة استخدامات في الموقع ، ليس فقط فورم تسجيل الدخول أو فورم تسجيل مستخدم جديد أو من أجل إعداد صفحة اتصل بنا ، بل يمكن إعداد فورم مثلا لطب مساعدة أو فورم من أجل جمع المعلومات أو فورم خاص بحجز المواعيد…

    المزيد…

  • الكلاس في HTML هو ببساطة طريقة تمكن من وضع علامة يمكن من خلالها تمييز عناصر الصفحة , ومن خلال هذه العلامة يمكن التحكم بكل عنصر بشكل كامل دون تأثر بقية العناصر , هنا تتبين أهمية الكلاس من أجل التحكم الكامل في عناصر الصفحة. تعرف على Class في HTML  يستخدم الكلاس في عناصر صفحة HTML من…

    المزيد…

  • الجداول مكون أساسي في صفحات الإنترنت , حيث تستخدم الجداول بشكل أساسي من أجل عرض البيانات والمعلومات وترتيبها وتصنيفها , إنشاء الجداول في HTML بسيط للغاية ويمكنك ذلك على هذا الشكل لأن سنقوم بمراجعة العناصر المكونة للجدول في البداية إستخدمنا الوسم <table> وداخل الوسم استخدمنا الخاصية “border” واعطيناها القيمة “1” وهي خاصية تمكنك من تحديد…

    المزيد…

  • تعرفنا في الأمثلة السابقة على مجموعة من الوسوم التي تمكننا من إضافة مجموعة من العناصر إلى صفحة HTML , وسنتعرف على المزيد طبعا . لكن قبل ذلك من الجيد أن نتعرف على عنصر من عناصر صفحة HTML وهو عنصر <head> يحتوي على الأكواد المهمة والتي تتحكم في طريقة عمل وعرض الموقع ككل , وهذه الأكواد…

    المزيد…

  • تعرفنا في الدرس السابق من لغة HTML الخاصة ببناء المواقع على عدة عناصر أساسية من اللغة وكيفية إستخدامها , حيث تعرفنا على هيكل الصفحة الأساسي وأهم مكوناته وماهي أهميتها , وأيضا تعرفنا على عنصر ال Heading بالإضافة إلى الصور في HTML وكيفية التعامل معها,في هذا الشرح والذي هو الجزء الثاني سنتعرف على المزيد من خصائص…

    المزيد…

  • تعتبر لغة HTML هي اللغة الأساسية لبناء المواقع وهي إختصار ل “HyperText Markup Language” وهي تتكون من وسوم أو Tags وهذه الوسوم هي التي تشكل عناصر صفحة HTML , من أجل إنشاء صفحة HTML نحتاج إلى متصفح و محرر نصوص , من ثم نقوم بإنشاء ملف وهذا الملف يجب أن يكون إمتداده .HTML على سبيل…

    المزيد…

  • نظام ال Grid في بوتستراب يمكن اعتباره أهم خاصية , حيث يمكن من التحكم بالصفحة التي تعمل عليها وتقسيمها بشكل دقيق, وهو ما يجعل من عملية بناء أجزاء وعناصر الموقع عملية سهلة وسلسلة. كما يمكن أن تلاحظ هنا في الصورة التوضيحية أن بوتستراب يقوم بتقسيم الصفحة إلى 12 جزء , هنا يمكنك التحكم بهذه الأجزاء…

    المزيد…

  • تعرفنا في الدرس السابق بشكل سريع على إطار العمل بوتستراب وكيفية اضافة ال CSS الخاص به إلى صفحة HTML طبعا بوتستراب لا يحتوي على CSS فقط بل أيضا جافا سكريبت وحزم من الأيقونات والمزيد , وسنتعرف على هذه العناصر في الفرصة المناسبة. طبعا كما سبق الإشارة فإن التوثيق الخاص بوتستراب يوفر كل ما تحتاج لمعرفته…

    المزيد…

  • تعرفنا في الدروس السابقة على بعض الأساسيات المتعلقة بالويب بشكل عام ,ولغات مثل HTML و CSS وهي في الحقيقة مجرد أمور بسيطة للغاية تقدم فكرة ومسار يمكن إتباعه من أجل تطوير مهاراتك , حيث كما سبق فمن  أجل تطوير مستواك يحتاج الأمر إلى إجراء الكثير من التجارب وقراءة التوثيق من أجل التعرف على المزيد. ماهو…

    المزيد…

  • ال Div وهي إختصار لكلمة Division وكما يمكن أن تستنتج من الإسم فهي مخصصة لتقسيم صفحة HTML ,حيث يمكنك إستخدام <div> </div> من أجل جمع عناصر محددة من الصفحة في حاوية , والتحكم بهذه العناصر كما تريد. على سبيل المثال لدينا هذا العنوان والفقرة وسنقوم بإدخالها في  <div> </div> <div class=””>  <h1>  مرحبا هذا عنوان…

    المزيد…

  • قمنا في المقالة السابقة بالتعرف على بعض الأمور البسيطة حول عالم تطوير المواقع , وهي مجرد مقدمة بسيطة ومختصرة , في هذه المقالة سنتعرف على أهم لغة عندما يتعلق الأمر ببناء المواقع ,حيث أن لغة HTML لا غنى ولا يوجد لها بديل لبناء الهيكل الأساسي للموقع , سابقا كانت تستخدم تقنية الفلاش , لكن هذه…

    المزيد…

  • تطوير المواقع يمكن أن يأخذ مجموعة من الإتجاهات , رغم ذلك هناك بعض الأساسيات التي تطبق في كل الحالات , على سبيل المثال عندما يتعلق الأمر بتطوير واجهة الموقع هنا لا مفر من تعلم HTML و CSS و JAVASCRIPT , وهي اللغات التي ستمكنك من الإلمام بالمرحلة الأولى وهي تطوير الواجهة الأمامية أو ما يعرف…

    المزيد…

  • من الأساسيات التي يحتاج كل من يريد البدء في تعلم بناء المواقع هي تعلم طريقة إنشاء حقول عن طريق HTML ومن ثم إرسال المعلومات التي يتم إدخالها عبر هذه الحقول إلى قاعدة البيانات MySql في الحقيقة هذه العملية ليست صعبة بل في غاية السهولة ,ربما التفاصيل الخاصة بها هي التي يمكن أن تأخد الكثير من…

    المزيد…