كيفية إنشاء صفحة ويب بسيطة باستخدام الأقواس للمبتدئين: 14 خطوة

2025 مؤلف: John Day | [email protected]. آخر تعديل: 2025-01-13 06:56

مقدمة

توفر الإرشادات التالية إرشادات خطوة بخطوة لإنشاء صفحة ويب باستخدام Brackets. Brackets هو محرر التعليمات البرمجية المصدر مع التركيز بشكل أساسي على تطوير الويب. تم إنشاؤه بواسطة Adobe Systems ، وهو برنامج مجاني ومفتوح المصدر مرخص بموجب ترخيص MIT ، ويتم صيانته حاليًا على GitHub بواسطة Adobe ومطوري البرامج مفتوحة المصدر الآخرين. إنه مكتوب بلغة JavaScript و HTML و CSS.

تعليمات

ملاحظة: - يجب أن تكون جميع علامات HTML بين قوسين:

الخطوة 1: تنزيل البرنامج

قم بتنزيل Brackets من هذا الموقع

الخطوة 2: فتح الأقواس

افتح برنامج Brackets الذي تم تنزيله على جهاز الكمبيوتر.

الخطوة 3: قم بإنشاء ملف جديد

بعد فتح Brackets ، انقر فوق رمز الملف في الجزء العلوي الأيسر من النافذة ، ثم انقر فوق جديد ، وسترى ملفًا جديدًا "بدون عنوان".

الخطوة 4: حفظ باسم.. الملف

انقر بزر الماوس الأيمن على هذا الملف "بدون عنوان" ، وانقر فوق حفظ باسم ، ثم يجب عليك حفظه على محرك أقراص

في هذه المرحلة ، يمكنك إعطاء أي اسم للملف ، فقط تأكد بعد الاسم لإضافة ".html" (نقطة html).

الخطوة 5: ابدأ بعلامة DOCTYPE

يجب أن تبدأ كل صفحة html بعلامة البنية التالية ، فهي تخبر المتصفح "بالقواعد التي يجب اتباعها" عند عرض صفحة HTML.

الخطوة 6: علامة HTML

و- هذه العلامات هي لبدء المستند وإنهائه.

الخطوة 7: علامات الرأس والجسم

بين علامات html ، اكتب ، وحيث تحتوي على أشياء "خلف الكواليس". أيضًا ، اكتب وأين يحتوي على نصوص وصور وفيديو وصوت وما إلى ذلك.

الخطوة 8: علامة التعريف

بين العلامات ، اكتب المكان الذي توفر فيه معلومات مثل مصطلحات محرك البحث أو ترميز الأحرف.

الخطوة 9: علامة العنوان

بين العلامات ، وتحت ، اكتب و. لذلك ، أي شيء تكتبه بينهما ، ستراه في الجزء العلوي من نافذة المتصفح وهذه العلامة مهمة لمحرك البحث. على سبيل المثال ، سأكتب "WRD 204"

الخطوة 10: إضافة فقرة باستخدام علامة P

بين ذلك ، اكتب أي معلومات تريد رؤيتها على صفحة الويب ، مثل الصورة والصوت والفيديو والفقرة على سبيل المثال ، على سبيل المثال ، سأكتب فقرة باستخدام هذه العلامات للفقرة:

و.

الخطوة 11: انظر النتائج الخاصة بك

لمشاهدة نتائجك: انقر أولاً بزر الماوس الأيمن على الملف وانقر على "حفظ" بدلاً من النقر على أيقونة "المعاينة المباشرة" في الزاوية اليمنى العليا.

ملاحظة: - في أي وقت تقوم فيه بإجراء تغيير وترغب في رؤية النتيجة ، يجب أولاً حفظ الملف ، يمكنك استخدام الاختصار "Ctrl + S"

الخطوة 12: قم بتغيير التنسيق

إذا كنت تريد تغيير حجم تنسيق النص ، فاستخدم العنوان الأكبر أو هو الأصغر. في المثال الخاص بي سأستخدم.

الخطوة 13: علامة كسر سطر مفرد / مزدوج

إذا كنت تريد عمل فاصل سطر واحد / مزدوج بين الفقرات ، فاستخدم العلامة

الخطوة 14: الخاتمة

تهانينا! الآن يمكنك البدء في بناء صفحة الويب الخاصة بك.

إذا كنت مهتمًا بمعرفة المزيد عن علامات HTML ، فإنني أوصي بهذا الموقع