جدول المحتويات:
- الخطوة 1: تنزيل البرنامج
- الخطوة 2: فتح الأقواس
- الخطوة 3: قم بإنشاء ملف جديد
- الخطوة 4: حفظ باسم.. الملف
- الخطوة 5: ابدأ بعلامة DOCTYPE
- الخطوة 6: علامة HTML
- الخطوة 7: علامات الرأس والجسم
- الخطوة 8: علامة التعريف
- الخطوة 9: علامة العنوان
- الخطوة 10: إضافة فقرة باستخدام علامة P
- الخطوة 11: انظر النتائج الخاصة بك
- الخطوة 12: قم بتغيير التنسيق
- الخطوة 13: علامة كسر سطر مفرد / مزدوج
- الخطوة 14: الخاتمة
فيديو: كيفية إنشاء صفحة ويب بسيطة باستخدام الأقواس للمبتدئين: 14 خطوة
2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:37
مقدمة
توفر الإرشادات التالية إرشادات خطوة بخطوة لإنشاء صفحة ويب باستخدام 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 ، فإنني أوصي بهذا الموقع
موصى به:
كيفية إنشاء موقع ويب أساسي باستخدام المفكرة: 4 خطوات
كيفية إنشاء موقع ويب أساسي باستخدام المفكرة: هل تساءل أي شخص & quot؛ كيف يمكنني إنشاء موقع ويب من برنامج الكتابة الأساسي؟ & quot؛ حسنًا ، من الواضح ، ليس تحديدًا … على أي حال ، سأوضح لك هنا كيفية إنشاء BASIC الموقع باستخدام المفكرة فقط
كيفية إنشاء موقع ويب أنيق وبسيط باستخدام خطوات Bootstrap 4: 7
كيفية إنشاء موقع ويب أنيق وبسيط باستخدام Bootstrap 4: الغرض من هذا Instructable هو إعطاء الأشخاص المطلعين على البرمجة - HTML أو غير ذلك - مقدمة بسيطة لإنشاء محفظة عبر الإنترنت باستخدام Bootstrap 4. وسأرشدك خلال الإعداد الأولي من موقع الويب ، وكيفية إنشاء عدد قليل
كيفية إنشاء حرف ثنائي الأبعاد باستخدام وحدة التحكم في الأحرف في Unreal Engine 4 باستخدام برنامج Visual Script للكمبيوتر الشخصي: 11 خطوة
كيفية إنشاء حرف ثنائي الأبعاد باستخدام وحدة تحكم الأحرف في Unreal Engine 4 باستخدام برنامج Visual Script للكمبيوتر: كيفية إنشاء شخصية ثنائية الأبعاد باستخدام وحدة تحكم في الأحرف في محرك Unreal 4 باستخدام برنامج نصي مرئي للكمبيوتر الشخصي مرحبًا ، أنا جوردان ستيلتز. أعمل على تطوير ألعاب الفيديو منذ أن كان عمري 15 عامًا. سيعلمك هذا البرنامج التعليمي كيفية إنشاء شخصية أساسية باستخدام
كيفية إنشاء محطة طقس بسيطة باستخدام Arduino: 6 خطوات (بالصور)
كيفية إنشاء محطة طقس بسيطة باستخدام Arduino: Hello Guys ، سأشرح في هذا Instructable كيفية إنشاء محطة طقس بسيطة لاستشعار درجة الحرارة والرطوبة باستخدام مستشعر DHT11 و Arduino ، سيتم عرض البيانات المحسوسة على شاشة LCD. قبل البدء في هذه التعليمات ، يجب أن تعرف ذلك
كيفية إنشاء خادم ويب سريع باستخدام Raspberry Pi: 10 خطوات
كيفية إنشاء خادم ويب سريع باستخدام Raspberry Pi: سيخبرك هذا الدليل بكيفية الحصول على Raspberry Pi لاستضافة خادم ويب ، والذي يمكن استخدامه لاستضافة مواقع الويب ، وحتى تعديله قليلاً لاستضافة العديد من الخدمات الأخرى عبر الإنترنت مثل كخوادم ألعاب أو خوادم لبث الفيديو. سنكون مختبئين فقط