قد يبدأ بعض الأشخاص أو لديهم فكرة إنشاء صفحة أو تصميم صفحة ويب بلغة ما لغة البرمجة لكن الأمر ليس بهذه السهولة ، لكي تتمكن من أداء مهام تصميم الصفحة ، يتطلب الأمر أن تكون على دراية كاملة باللغة الخاصة بتصميم الصفحة ، وعليك اتباع بعض الخطوات لتحقيق التصميم المطلوب ونحن سنعرف المزيد عن هذا في المقالة والأشياء التي تحتاج إلى تعلمها قبل أن تحاول إنشاء صفحة.
مقالة
ما يجب أن تتعلمه قبل إنشاء الصفحة
قبل أن تصمم صفحة ويب بلغة ما لغة البرمجة جاهز للبدء ، من المهم جدًا التعرف على جميع محتويات Windows ، لأن المعرفة العملية لـ Windows تجعل من السهل تعلم استخدام HTML و JavaScript ، لذلك يجب أن تكون على دراية بما يلي:
- تعرف على كيفية عمل المجلد وكيفية تخزينه وكيفية استخدام المستعرض ومستكشف Windows والمعرفة الأساسية ببرنامج Word.
- تأكد من معرفة كيفية القيام بما يلي:
- تقوم بإنشاء مستند على القرص الصلب الخاص بك.
- قم بإنشاء مجلد في مجلد آخر.
- كيفية نسخ جزء من مستند ووضعه في مستند آخر.
- يجب أن تتدرب على استخدام وظائف القص والنسخ واللصق في برامج Word الكلاسيكية. بمجرد الانتهاء ، يمكنك تعلم HTML و JavaScript.
إذا كنت تواجه مشكلة في هذه المهام ، فاستغرق بضع ساعات لتعلم أساسيات Windows أو اطلب من صديق أو زميل على الكمبيوتر مساعدتك في تعلم استخدام Windows Explorer.
يمكنك الآن أيضًا معرفة كيفية إنشاء تطبيق Android للاستمتاع به دون الحاجة إلى تعلم البرمجة من خلال مقال: قم بإنشاء تطبيق Android واستمتع به دون تعلم البرمجة
ما هي اللغة لغة البرمجة
- إنها لغة برمجة ، أو HTML باختصار ، إنها اللغة المسؤولة عن تصميم صفحة ويب بلغة ما لغة البرمجة جاهز على سبيل المثال ، يمكنك تعيين العناوين والفقرات والنصوص والصور على الويب بتنسيق HTML وسنخبرك المزيد عن هذه اللغة ووظائفها في بناء المواقع ، لأننا نستطيع إنشاء معقد للغاية باستخدام HTML فقط وعدة لغات أخرى. ومع ذلك ، ستكون هذه المواقع ثابتة ، مما يعني أنه يمكن لزوار الموقع تصفح الصفحات ، لكن لا يمكنهم التفاعل معها (ما لم ينقروا على الروابط الموجودة على الصفحات).
- ولكن لبرمجة موقع ويب تفاعلي يمكن الوصول إليه ، سنحتاج إلى لغات برمجة أخرى ، مثل JavaScript أو Dart معهم.
- يمكننا تطوير العديد من التطبيقات الكاملة عبر الإنترنت ، مثل التطبيقات المهتمة بتنفيذ العديد من الحسابات وتطبيقات الألعاب وتطبيقات الدردشة وما إلى ذلك ، وقد تكون هذه التطبيقات قيد التشغيل بالفعل في متصفحك.
- هناك لغات وتقنيات برمجة أخرى ، مثل PHP و Ruby و NET ، تتيح لك إنشاء تطبيقات ويب يمكنها التفاعل معها ، ولكن هذه التطبيقات تعمل في موفر مستضاف (على الخادم).
ما تحتاجه لإنشاء صفحة ويب
نحتاج إلى شيئين مهمين للغاية للدخول إلى عالم البرمجة وإنشاء صفحة ويب ، وكل ذلك لتصميم صفحة ويب بلغة لغة البرمجة جاهز أينما تحتاجه:
محرر
- يتم استخدامه فقط في محرر نص عادي (مثل Notepad على Windows) ولكن من الأفضل استخدام محرر متميز ، مما يجعل مهمتنا أسهل بكثير.
- أوصي باستخدام محرر نصوص حديث مخصص لتحرير HTMLK ومحرر الوسائط ، ومحرر النصوص الذي أوصي به حاليًا هو Brackets (متاح مجانًا من Adobe).
- ولكن يمكنك استخدام أي محرر تريده ، فهناك محرر نصوص عالي الجودة يمكنك استخدامه ، Atom ومحرر نصوص آخر ، على الرغم من أنه قديم بعض الشيء ، فهو برنامج Notepad ++ جيد.
الملاح
- يجب أن يكون موقعنا الإلكتروني متاحًا في جميع المتصفحات الرئيسية. ومع ذلك ، أوصي بـ Chrome للتطوير والبرمجة لأن Chrome يوفر بعض الأدوات المفيدة جدًا لمطوري الويب والتي يتم استخدامها بشكل متكرر. محرر الأقواس متوافق مع Chrome ، لذلك سيتم عرض التغييرات على النص مباشرة في Chrome (عبر الميزة المسماة “Live Reload”).
خطوات تصميم صفحة الويب
لنبدأ الآن في تصميم صفحة ويب بلغة معينة لغة البرمجة جاهز للموقع ، كل ما عليك فعله هو إتباع خطوات إنشاء الموقع ، وهي كالتالي:
- قم بإنشاء مجلد للمشروع ، فأنت بحاجة إلى تسمية مجلد الحافظة.
- افتح برنامج المساعدة.
- من قائمة “ملف” ، حدد الأمر “فتح مجلد” لتحديد المجلد الذي تم إنشاؤه حديثًا وفتحه.
- انقر بزر الماوس الأيمن على اسم المجلد وحدد ملف جديد لإنشاء ملف جديد ، وقم بتسميته html.
- لديك الآن ملف نصي فارغ يسمى html.
لماذا يطلق عليه index.html
- في الواقع ، ملف html له أهمية خاصة في عملية تصميم صفحة الويب. لذلك عندما نطلب من المتصفح عنوان موقع الويب (على سبيل المثال ، http://code.makery.ch) ، سيظهر ملف index.html تلقائيًا أولاً ، وبهذه الطريقة سيكون أكثر وضوحًا ، كما لو كان هذا هو الحالة يجب علينا إدخال العنوان http://code.makery.ch/index.html. بالنسبة لنا ، سيكون index.html هو الصفحة الرئيسية.
ميزات اللغة الخاصة لغة البرمجة
- تحدد السمات المعلومات المحددة لعنصر HTML وتلعب دورًا في تصميم صفحة الويب بلغة ما لغة البرمجة جاهز ، هذه السمات موجودة في العلامة المفتوحة لعنصر HTML ولها دائمًا اسم وقيمة.
- كمثال على السمات ، دعنا نلقي نظرة على عنصر ارتباط HTML. لأنه كما قلنا ، له اسم وقيمة.
يمكنك أيضًا معرفة كيفية تحديث Windows 10 من خلال الإعدادات أو أداة إنشاء الوسائط عبر مقال: كيفية تحديث Windows 10 من خلال الإعدادات أو أداة إنشاء الوسائط
معلومات اللغة لغة البرمجة
هذه اللغة هي اللغة المستخدمة لتصميم صفحة ويب بلغة ما لغة البرمجة جاهز ، ومن معلوماتهم أو خصائصهم يجب أن تعرف وتعرف ما يعبرون عنه:
- إذا كنت دائما تضع
في السطر الأول ، يخبر المتصفح بنوع المستند. - ما هو أكثر من ذلك ، يشير إلى بداية المستند و يشير إلى نهاية المستند.
- العنصر (بين علامتي الفتح والإغلاق) تشير إلى وجود معلومات أخرى على الصفحة.
- ثم نرى
، والتي تحتوي على عنوان المستند الذي سيتم عرضه في شريط العنوان في نافذة المتصفح ويعبر عنه. - المحتوى تحت العلامة سيظهر في نافذة المتصفح الرئيسية.
- العنصر
يحدد العنوان الأساسي الذي سيتم عرضه للمستخدم على صفحة الويب ، يمكنك استخدام عناصر أخرى لإنشاء توقيع.
- نص بين العلامات
و
هي فقرة منفصلة تمثل العنصر.
يوصي بأن تتعرف على خطوات البحث الأكاديمي القصير مع المراجع: كيف تقوم ببحث أكاديمي بمراجع وخطوات قصيرة
أخيرًا ، يمكنك الآن تصميم أي صفحة تريدها بعد معرفة معظم لغة HTML المستخدمة في تصميم صفحة ويب بنفس اللغة. لغة البرمجة جاهز.
يحظر نسخ المقالات أو إزالتها نهائيًا من هذا الموقع ، فهو حصري فقط لموقع زيادة ، وإلا فإنك ستعرض نفسك للمسؤولية القانونية وتتخذ الإجراءات اللازمة للحفاظ على حقوقنا.