أساسيات التخطيط

هيكل صفحة ويب slidde

تستخدم Slidde.co هيكلًا بسيطًا مكونًا من أربع طبقات:

صفحة

طبقة صفحة هي في الأعلى وتستخدم لتعيين الأنماط العالمية مثل الخطوط والألوان وأنماط الروابط، حيث إن خصائص CSS قابلة للتوريث.

يمكنك اختيارياً استخدام متغيرات CSS لجعل القالب الخاص بك أكثر سهولة للمستخدم.

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

ميزة قسم الهاش يمكنها محاكاة موقع ويب متعدد الصفحات. تحقق من هذا العرض التوضيحي: رابط العرض التوضيحي

شريحة

يعتبر شريحة العنصر الأول تحت صفحة، ويستخدم لتقسيم المحتوى.

• الصفحات البسيطة، مثل صفحات "الرابط في السيرة الذاتية"، قد تحتوي على شريحة واحدة فقط.
• صفحات الهبوط المعقدة قد تتضمن أقسامًا متعددة مثل #header، #hero، #works، #contact، #footer.

يعتبر معرف الرابط (HTML ID) في الأساس معرف HTML. قم بتسميتها بناءً على المحتوى داخل شريحة لسهولة التنقل باستخدام روابط مثل “#ID”. تعرف على المزيد حول روابط التخطي.

لإخفاء شريحة من الموقع النهائي ولكن الاحتفاظ بها محفوظة، تحقق من خاصية مخفي. هذا مشابه للشرائح المخفية في PowerPoint ويمكن استخدامه أيضًا للدروس التعليمية.

ميزة ثابت مخصصة لأشرطة التنقل العائمة أو أي عناصر أخرى. انظر مثال هنا: عرض توضيحي للعنصر الثابت

حاوية

يدير حاوية عرض الاستجابة والعروض متعددة الأعمدة.

• عادةً ما تختلف عروض الجوال وسطح المكتب. استخدم خاصية العرض في حاوية لعروض متكيفة عبر الأجهزة.
• تحدد الأعمدة عدد الأعمدة في الحاوية. يمكنك تعيين العروض مثل x/12 (على سبيل المثال، عمودان 6/12 لكل منهما عرض 50%).

يمكن لكل عمود أيضًا أن يحتوي على إعدادات محاذاة أفقية وعمودية.

أخرى

العناصر الأخرى هي عناصر مضمنة، يمكن وضعها داخل الحاوية.

باتباع هذا النهج المنظم، يمكنك إنشاء صفحات ويب جذابة ومتجاوبة بسهولة باستخدام Slidde.co.