كيف

HowTo الصفحة الرئيسية

القوائم

شريط الأيقونات أيقونة القائمة الأكورديون نوافذ التبويب علامات تبويب عمودية رؤوس علامات التبويب علامات تبويب صفحة كاملة تحوم علامات التبويب أعلى التنقل توبناف مستجيب Navbar مع الأيقونات قائمة البحث شريط البحث شريط جانبي ثابت التنقل في الصفحة شريط جانبي متجاوب التنقل بملء الشاشة قائمة خارج القماش تحوم على أزرار Sidenav الشريط الجانبي مع الأيقونات قائمة التمرير الأفقية القائمة العمودية التنقل السفلي التنقل السفلي المستجيب ارتباطات التنقل عبر الحدود السفلية ارتباطات القائمة المحاذاة لليمين ارتباط القائمة المركزية ارتباطات قائمة عرض متساوية قائمة ثابتة حرك الشريط لأسفل في التمرير إخفاء شريط التنقل في التمرير تقليص شريط التنقل في التمرير شريط التنقل اللزج Navbar على الصورة تحوم القوائم المنسدلة انقر فوق القوائم المنسدلة قائمة منسدلة متتالية المنسدلة في Topnav المنسدلة في Sidenav Resp Navbar المنسدلة قائمة الملاحة الفرعية إسقاط ما يصل قائمة ميجا قائمة المحمول قائمة الستائر شريط جانبي مطوي لوحة Sidepanel المنهارة ترقيم الصفحات فتات الخبز مجموعة الأزرار مجموعة الأزرار العمودية شريط اجتماعي مثبت ملاحة حبوب منع الحمل رأس مستجيب

الصور

عرض الشرائح معرض الشرائح صور مشروط صندوق مضئ شبكة الصور المستجيبة شبكة الصورة معرض علامات التبويب تراكب الصورة تتلاشى صورة تراكب الشرائح تكبير تراكب الصورة عنوان تراكب الصورة أيقونة تراكب الصورة تأثيرات الصورة صورة بالأبيض والأسود نص الصورة كتل نص الصورة نص صورة شفافة صورة صفحة كاملة النموذج على الصورة صورة البطل طمس صورة الخلفية تغيير Bg في التمرير صور جنبًا إلى جنب صور مدورة الصور الرمزية صور مستجيبة صور المركز المصغرات الحدود حول الصورة قابل الفريق صورة مثبتة قلب صورة هز الصورة معرض المحفظة محفظة مع التصفية تكبير الصورة عدسة مكبرة الصورة منزلق مقارنة الصور فافيكون

أزرار

أزرار التنبيه أزرار المخطط التفصيلي أزرار الانقسام أزرار متحركة أزرار تتلاشى زر على الصورة أزرار الوسائط الاجتماعية قراءة المزيد قراءة أقل أزرار التحميل أزرار التنزيل أزرار حبوب منع الحمل زر الإعلام أزرار الأيقونة أزرار التالي / السابق زر المزيد في التنقل أزرار الحظر أزرار النص أزرار مستديرة انتقل إلى الزر العلوي

نماذج

نموذج تسجيل الدخول التسجيل من نموذج الخروج نموذج الاتصال نموذج تسجيل الدخول الاجتماعي استمارة تسجيل النموذج مع الأيقونات النشرة الإخبارية نموذج مكدس نموذج الاستجابة نموذج منبثق نموذج مضمّن مسح حقل الإدخال إخفاء عدد الأسهم نسخ النص إلى الحافظة بحث متحرك زر البحث بحث بملء الشاشة حقل الإدخال في Navbar نموذج تسجيل الدخول في Navbar خانة اختيار مخصصة / راديو تحديد مخصص مفتاح الفصل الكهربائي تحقق من خانة الاختيار كشف قفل الأحرف الكبيرة زر الزناد على Enter التحقق من صحة كلمة المرور تبديل رؤية كلمة المرور نموذج متعدد الخطوات الإكمال التلقائي قم بإيقاف تشغيل الإكمال التلقائي قم بإيقاف تشغيل التدقيق الإملائي زر تحميل الملف التحقق من صحة الإدخال الفارغ

المرشحات

قائمة الفلاتر جدول التصفية عناصر التصفية قائمة التصفية المنسدلة قائمة الفرز جدول الإملائي

الجداول

طاولة مخطط زيبرا جداول المركز جدول كامل العرض طاولات متجاورة جداول الاستجابة جدول المقارنة

أكثر

فيديو بملء الشاشة مربعات مشروطة حذف مشروط الجدول الزمني مؤشر التمرير أشرطة التقدم شريط المهارات رينج سلايدر تلميحات عرض عنصر التمرير تظهر ظهور مفاجئ انهيار تقويم يتضمن HTML عمل قائمة لوادر تصنيف النجوم تقييم المستخدم تأثير التراكب رقائق الاتصال البطاقات بطاقة الوجه بطاقة الملف الشخصي بطاقة المنتج تنبيهات صرخ ملحوظات ملصقات الدوائر نمط HR قسيمة قائمة المجموعة قائمة بدون تعداد نقطي نص متجاوب نص قطع نص متوهج تذييل ثابت عنصر مثبت ارتفاع متساوي كليرفكس يطفو استجابة مطعم الوجبات الخفيفة نافذة ملء الشاشة رسم التمرير تمرير سلس انتقل إلى التدرج Bg رأس مثبت تقليص الرأس عند التمرير جدول التسعير المنظر ابعاد متزنة إطارات Iframes المتجاوبة تبديل أعجبني / لم يعجبني تبديل إخفاء / إظهار تبديل الوضع الداكن تبديل النص تبديل الفصل إضافة فئة إزالة الفصل فئة نشطة عرض الشجرة إزالة الخاصية الكشف دون اتصال البحث عن العنصر المخفي إعادة توجيه صفحة الويب تكبير تحوم فليب بوكس توسيط عموديًا زر الوسط في DIV الانتقال عند Hover السهام الأشكال رابط التحميل عنصر ارتفاع كامل نافذة المتصفح شريط تمرير مخصص إخفاء شريط التمرير إظهار / فرض شريط التمرير مظهر الجهاز حدود المحتوى القابلة للتحرير لون العنصر النائب لون تحديد النص لون الرصاصة خط عمودي المقسمات تحريك الأيقونات العد التنازلي آلة كاتبة قريبا الصفحة رسائل الدردشة نافذة الدردشة المنبثقة تقسيم الشاشة الشهادات - التوصيات عداد القسم عرض الشرائح اقتباسات عناصر قائمة قابلة للإغلاق نقاط توقف الجهاز النموذجية عنصر HTML قابل للسحب استعلامات وسائط JS تمييز بناء الجملة شبيبة الرسوم المتحركة طول سلسلة JS شبيبة الأس معلمات JS الافتراضية احصل على URL الحالي احصل على حجم الشاشة الحالي احصل على عناصر Iframe

موقع إلكتروني

إنشاء موقع مجاني أنشئ موقعًا على شبكة الإنترنت إنشاء موقع ثابت إنشاء موقع على شبكة الإنترنت (W3.CSS) إنشاء موقع على شبكة الإنترنت (BS3) إنشاء موقع على شبكة الإنترنت (BS4) إنشاء موقع على شبكة الإنترنت (BS5) إنشاء وعرض موقع إنشاء موقع شجرة الارتباط قم بإنشاء محفظة أنشئ سيرة ذاتية إنشاء موقع مطعم إنشاء موقع تجاري اصنع كتاب ويب موقع المركز قسم الاتصال حول الصفحة رأس كبير مثال على الموقع

شبكة

2 تخطيط العمود 3 تخطيط العمود 4 تخطيط العمود توسيع الشبكة قائمة عرض الشبكة تخطيط العمود المختلط بطاقات العمود تخطيط منعرج الزاك تخطيط المدونة

متصفح الجوجل

مخططات جوجل خطوط جوجل اقتران خطوط Google جوجل إعداد التحليلات

المحولات

تحويل الوزن تحويل درجة الحرارة تحويل الطول تحويل السرعة

مدونة

احصل على وظيفة مطور كن مطورًا للواجهة الأمامية.

كيفية إنشاء موقع شجرة الارتباط

يتيح لك موقع شجرة الارتباط مشاركة جميع الروابط الخاصة بك على موقع واحد.

إنها صفحة مقصودة حيث يمكنك عرض الروابط الخاصة بشبكات التواصل الاجتماعي ومنشورات المدونات والأعمال والمشاريع والمزيد.

إنشاء موقع ويب لشجرة الروابط مجانًا »

لماذا إنشاء موقع شجرة الارتباط

يعد موقع الروابط رائعًا لتنمية وجودك عبر الإنترنت.

يجعل من السهل مشاركة الروابط للأماكن التي يوجد بها محتوى.

بالإضافة إلى ذلك ، يساعد موقع الروابط الأشخاص على التواصل معك في أكثر من مكان.

من خلال إنشاء موقع الروابط بنفسك ، يكون لديك سيطرة كاملة عليه.

كيف يبدو الموقع يعكس علامتك التجارية. صمم بالطريقة التي تريد أن تظهر.


ما الذي أحتاج إلى معرفته لإنشاء موقع شجرة الروابط الخاص بي؟

HTML و CSS و JavaScript هي اللغات الأساسية لإنشاء موقع ويب.

هذا هو كل ما تحتاجه لجعل موقع الروابط الخاص بك.

  1. أنشئ الهيكل باستخدام HTML. أول شيء يجب أن تتعلمه هو HTML ، لغة الترميز القياسية لإنشاء صفحات الويب.
  2. تعلم HTML ❯
  3. أسلوب مع CSS. الخطوة التالية هي تعلم CSS ، لتعيين تخطيط صفحة الويب الخاصة بك بألوان وخطوط جميلة وغير ذلك الكثير.
  4. تعلم CSS ❯
  5. اجعلها تفاعلية مع JavaScript. بعد دراسة HTML و CSS ، يجب أن تتعلم JavaScript لإنشاء صفحات ويب ديناميكية وتفاعلية لمستخدميك.
  6. تعلم JavaScript ❯

كيف أبدأ

هناك طريقتان لبدء إنشاء موقع ويب لشجرة الروابط.

البناء من الصفر أو باستخدام نموذج.

قم بالبناء باستخدام W3Schools Spaces

في Spaces ، يمكنك إنشاء موقع ويب لشجرة الروابط وتجربته.

يمكنك هنا إنشاء مواقع ثابتة باستخدام HTML و CSS و JavaScript.

كل ما تحتاجه في المتصفح.

يتعلم أكثر ❯

بناء صفحة ويب لشجرة الارتباط من البداية

أول شيء عليك القيام به هو إنشاء تخطيط ، ثم إضافة محتوى.

لإنشاء تخطيط موقع ويب ، انتقل إلى مقالتنا حول كيفية إنشاء موقع ويب: كيفية إنشاء موقع ويب

بمجرد الانتهاء من التخطيط. قم بإنشاء القسمين الرئيسيين المدرجين أدناه:

1. قسم العضوية.

قسم السيرة الذاتية هو أول ما يراه الناس عند زيارة موقع شجرة الروابط الخاص بك.

يتم عرضه أعلى موقع شجرة الارتباط.

أبقها مختصرة و لطيفة.

يمكن أن يحتوي قسم السيرة الذاتية على صورتك واسمك ومهنتك.

يشعر الأشخاص براحة أكبر في التواصل معك إذا كانوا يعرفون اسمك وكيف تبدو.

قسم الصورة

2. قسم الروابط.

يحتوي قسم الروابط على جميع الروابط التي تريد مشاركتها.

يتم عرضه تحت قسم السيرة الذاتية.

تأكد من أن الروابط منظمة بشكل جيد.

قسم الروابط

البناء بقالب

يعد البدء بالقوالب طريقة ممتازة للحصول على الإلهام والتعلم.

يمكن تحميل قوالب شجرة الارتباط مباشرة في Spaces. ابدأ ببضع نقرات.

انسخ الكود والصقه في محرر Spaces أو احفظه في Spaces من محرر TryIt.

البدء "

* بطاقة الإئتمان غير مطالب بها

إضفاء الطابع الشخصي على القالب

فيما يلي نهج من أربع خطوات لجعل القالب خاصًا بك.


الخطوة الأولى: تغيير الخلفية

ابحث عن خاصية background أو background-image في الكود وغيّر عنوان URL.

اقرأ هنا لمعرفة كيفية تغيير صورة الخلفية: كيفية تغيير صورة الخلفية


الخطوة الثانية: أضف صورتك

ابحث عن علامة <img> وقم بتغييرها إلى عنوان URL الخاص بصورتك.

اقرأ هنا لمعرفة كيفية تغيير صورة: كيفية تغيير صورة


الخطوة الثالثة: اكتب سيرتك الذاتية

ابحث عن علامات الفقرة في الجزء العلوي من التعليمات البرمجية وقم بتغيير النص بين علامتي <p> و </p>.

اقرأ هنا لمعرفة المزيد حول الفقرات: حول فقرات HTML


الخطوة الرابعة: أضف الروابط الخاصة بك

ابحث عن علامات الارتساء وقم بتغيير النص بين علامتي <a> و </a>.

اقرأ هنا لمعرفة المزيد حول علامات الارتساء: حول علامات ارتساء HTML


تصفح واختر قالبًا

لدينا قوالب جاهزة لتستخدمها. وهنا بعض الأمثلة:

الروابط الاجتماعية 1

الروابط الاجتماعية 2

الروابط الاجتماعية 3


مساحات W3Schools

مساحات W3Schools

قم ببناء موقع الويب الثابت الخاص بك باستخدام W3Schools Spaces.

ابدأ مجانًا