كيف

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 جوجل إعداد تحليلات

المحولات

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

مدونة

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

كيف - إنشاء موقع مجاني


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

ابدأ بموقعك المجاني ببضع نقرات.

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

إنه سهل الاستخدام - جربه!

ابدأ مجانًا »

أنشئ موقع الويب الأول الخاص بك باستخدام W3Schools Spaces

W3Schools Spaces عبارة عن مكان شخصي يمكنك من خلاله إنشاء التعليمات البرمجية وتجربتها واستضافة موقع الويب الخاص بك.

باستخدام W3Schools Spaces ، يمكنك الإنشاء باستخدام HTML و CSS و JavaScript.

تحرير التعليمات البرمجية مباشرة في المتصفح الخاص بك.

قم بتحميل واستضافة الملفات والصور الخاصة بك.

ابدأ في تنمية وجودك على الإنترنت اليوم!


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

تم إنشاء المساحات بواسطة مطوري الويب لمطوري الويب.

  1. الواجهة بسيطة وسهلة الاستخدام.
  2. قم باستضافة وتعديل ملفاتك مباشرة في المتصفح.
  3. قوالب مجانية.

يمكنك البدء مجانًا ولا يلزمك إدخال بطاقة الائتمان الخاصة بك.


تحرير ومعاينة التعليمات البرمجية

المحرر سهل الاستخدام - مما يساعدك على التركيز على الأشياء الأكثر أهمية.

تحقق من استجابة موقعك ببدائل المعاينة المختلفة.

معاينة التغييرات على موقعك على الهواء مباشرة!


قم بالبناء من أي مكان

استضف ملفاتك وصورك في السحابة.

حافظ على التنظيم من خلال إنشاء هيكل مع المجلدات.

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


قوالب مجانية

تصفح واستخدم قوالب مواقع الويب سريعة الاستجابة الخاصة بنا.

قم بتعديلها وحفظها ومشاركتها واستخدامها في مشاريعك.

The templates are powered by W3.CSS


What Do I Need to Know to Get Started?

HTML, CSS and JavaScript are the foundational languages to build a website.

  1. Create the structure with HTML. The first thing you have to learn, is HTML, which is the standard markup language for creating web pages.
  2. Learn HTML »
  3. Style with CSS. The next step is to learn CSS, to set the layout of your web page with beautiful colors, fonts, and much more.
  4. Learn CSS »
  5. Make it interactive with JavaScript. After studying HTML and CSS, you should learn JavaScript to create dynamic and interactive web pages for your users.
  6. Learn JavaScript »

Do not worry if you do not know how to code. The most important thing is to get hands on, early on. Learning how to code is best done with getting practical. Start to build something today!


Lets Get Started in a Few Steps

Do you already have a W3Schools Account? If so, skip the first step


Step One: Sign Up For an Account

To be able to use Spaces you need to sign up and get your account.

Lets get you set up!

Go to - Click "Sign up" and enter your email and password, then click the "Sign up for free" button.

Remember to validate your account in your email. Check the spam filter if you cannot find the validation email in your inbox.

Get more information about how to sign up in our article - How to sign up


Step Two: Start with a template or HTML skeleton

Go to

Select one of the options and click the "Continue" button.

Do not worry too much about this decision. You can reset your Space and start over again whenever you want.


Step Three: Give your space a name

Personalize your Space by giving it an amazing name.

You can not use special letters in the name, such as (#, ! or :). The only exception is dash ( - )

The name will be the link that you share with others to see your site. For example: yourname.w3spaces.com


Step Four: Enter your space

Great job! you made it to the dashboard.

In the dashboard you get an overview of your spaces and usage.

Enter your space and its File Overview by clicking somewhere on the space's row or click the button with the three dots to the right inside the row.

You can only have one space with the free plan. However, you can always upgrade to get more spaces.


Step Five: Edit code or upload files

This is where the magic happens!

Start to edit code or upload files

  • Edit code by clicking on the "Pen icon" to the right of the file that you want to edit.
  • Create new files by clicking on the "New file" button.
  • Upload files by clicking on the "Upload files" button.

Step Six: Publish your site and share it with someone

This is the start of building your online presence.

Learn, test, build, and go live with your space.

Create your website and share it with others.

Note: Your space name with the .w3spaces.com extension is your shareable link. Read more about how to share your space in this article How can I share my space?


W3Schools Spaces

مساحات W3Schools

Build your own website with W3Schools Spaces.

Get Started for Free