إنشاء وعرض صفحة ويب على جهاز الكمبيوتر الخاص بك
إذا كنت قد بدات التعلم في الجامعة العربية اونلاين ، ولكنك ما زلت تجد نفسك تسأل: “أين يمكنني كتابة الكود على جهاز الكمبيوتر الخاص بي؟”
إنشاء وعرض صفحة الويب على جهاز الكمبيوتر الخاص بك
المتطلبات:
محرر النص https://www.sublimetext.com/
متصفح انترنت
مقدمة
عند الانتقال إلى صفحة ويب على الإنترنت ، يقوم المتصفح بالكثير من العمل. يقرأ المتصفح جميع الملفات الضرورية (HTML و CSS وجافا سكريبت) ويفسر تلك الموارد الأولية لرسم الصفحة المعقدة التي تراها.
في هذه المقالة ، ستتعلم كيفية إنشاء صفحة ويب باستخدام محرر نصوص على جهاز الكمبيوتر الخاص بك ، ثم عرض صفحة الويب في متصفحك. إذا كنت مهتمًا بنشر صفحة الويب الخاصة بك إلى شبكة الويب العالمية (الإنترنت) ليراها الجميع ، راجع هذه المقالة بعد فهمك للخطوات التالية.
الخطوة 1: افتح محرر النصوص الخاص بك
الخطوة الأولى هي فتح محرر النص الخاص بك. من المهم استخدام محرر نصوص “رئيسي” وليس معالج نصوص منسق.
تضيف معالجات النصوص الأحرف التي تجعل الصفحة تبدو جيدة ، ولكنها ليست HTML صالحة. إنها أدوات رائعة لصنع المستندات الأنيقة ، مثل الأوراق الأكاديمية والنشرات الإعلانية ، ولكنها أيضًا تُدرج الأحرف غير HTML الصحيحة. بما أن ملف صفحة الويب يجب أن يحتوي على HTML صالح ، فإن محرر النصوص هو أداة أفضل من معالج الكلمات لبناء صفحات الويب.
الخطوة 2: كتابة لوحة HTML الخاصة بك
الآن وقد فتح محرر النصوص الخاص بك ، يمكنك البدء في كتابة HTML الخاص بك. كما تعلمت في الدرس الأول من دورة HTML & CSS ، هناك بعض الأشياء التي تكون موجودة دائمًا في ملف HTML جيد التنسيق. هنا كلهم معا مرة أخرى:
<! DOCTYPE html>
<HTML>
<رئيس>
<title> My First Web Page! </ title>
</ رئيس>
<body>
<h1> Hello World! </ h1>
</ body>
</ html>
يمكنك استخدام هذا الهيكل العظمي الدقيق إذا أردت. ما عليك سوى نسخها ولصقها في محرر النصوص. تأكد من تضمين كل شيء!
الخطوة 3: احفظ ملفك
صفحة الويب الخاصة بك جاهزة الآن ، ولكنها موجودة حاليًا داخل محرر النصوص فقط. الخطوة التالية هي حفظ الملف على جهاز الكمبيوتر الخاص بك. إذا أغلقت محرر النص الآن دون حفظ ، فستفقد صفحة الويب الجديدة! هناك بعض الأمور المهمة التي يجب مراعاتها عند حفظ الملف:
استخدم ملحق ملف HTML .html ، أي about_me.html
لا تستخدم أي مسافات أو أحرف خاصة في اسم الملف. استخدم الشرطات السفلية (_) أو الشرطات (-) بدلاً من ذلك.
تقرر أين في جهاز الكمبيوتر الخاص بك سوف تقوم بحفظ الملف ، وتأكد من تذكر الموقع!
استخدم ملحق ملف HTML .html
ملحق الملف هو لاحقة اسم الملف ، ويصف نوع الملف. دائمًا ما يكون امتداد الملف هو آخر 3 أو 4 أحرف في اسم الملف ، مسبوقة بنقطة. على سبيل المثال ، يكون امتداد ملف HTML هو html ، ويخبر المتصفح (وتطبيقات أخرى) بتفسير محتويات الملف كصفحة ويب. لاحظ أنه في صفحات الويب القديمة قد ترى .htm ، لكن هذا قديم ولم يعد مستخدمًا.
لا تستخدم أي مسافات أو أحرف خاصة في اسم الملف
عند اختيار اسم ملف ، اجعله بسيطًا. التمسك بالأرقام والحروف. استخدم الشرطات السفلية (_) أو الشرطات (-) بدلاً من المسافات. اترك علامات النسبة المئوية ، والشرطة المائلة ، وعلامات الاستفهام ، ونقاط التعجب ، والفواصل ، وغيرها من “الأحرف الخاصة”. يحتاج المستعرض إلى تحديد موقع الملف استنادًا إلى اسمه ، ويمكن أن تتسبب الأحرف الخاصة في اسم الملف في مقاطعة هذه العملية. يجب أن تبقى أسماء الملفات بسيطة ويجب أن تتبع الاصطلاحات لجعل التنقل إلى صفحة الويب الخاصة بك أكثر موثوقية.
قرر أين ستحفظ الملف في جهاز الكمبيوتر الخاص بك
بعد اختيار اسم ملف ، حدد موقعًا مناسبًا في نظام الملفات لديك لحفظ صفحة الويب الخاصة بك. من الجيد إنشاء مجلد جديد لإيواء صفحة الويب هذه. إذا قمت بإنشاء مجلد جديد ، فاستخدم نفس اصطلاحات التسمية المشار إليها أعلاه لتقليل المستقبل المستقبلي. أهم شيء عند تحديد موقع الحفظ هو تذكر المكان الذي حفظته فيه. إذا قمت بحفظه بالفعل ولكنك لا تتذكر المكان ، فما عليك سوى النقر فوق ملف> حفظ باسم … ، واختيار موقع جديد للحفظ ، وتأكد من تذكر هذا الوقت.
الخطوة 4: افتح صفحة الويب في متصفّحك
أنت الآن على استعداد لعرض صفحتك الجديدة في متصفحك! أولاً ، افتح متصفحك. في القائمة العلوية ، انقر فوق ملف> فتح ملف. انتقل إلى الموقع الذي قمت بحفظ صفحة الويب الخاصة بك. انقر فوق ملف صفحة الويب الخاص بك ، ثم انقر فوق فتح. سترى صفحة الويب الخاصة بك!
استعراض
تعلمت في هذا الوقت القصير كيف تأخذ ما تتعلمه في في دورات الجامعة العربية اونلاين وتستخدمه على جهاز الكمبيوتر الشخصي الخاص بك. تعلمت أيضًا عن إضافات الملفات ، وبرامج تحرير النصوص ، وحفظ الملفات المحلية وعرضها. الآن أنت لديد القدرة لاختبار أي شيء
0 responses on "كيف يمكنني إنشاء موقع ويب باستخدام HTML ؟"