gridsystem

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

يتجه الآن تصميم الويب لنظام التصميم الشبكي,عادة مانشاهد هذا النظام على صفحات الصحف والمجلات
هذه الأداة تساعد على تكوين هذا النظام والتحكم به عبر 3 خطوات بسيط تتضمن اختيار عدد الأعمده وحجمها  ثم الخطوة الثانيه التعديل على الخطوط والخطوة الثالثه وهي التصدير عبر ملفين CSS و HTML

7 comments on “النظام الشبكي Grid System في التصميم”

  1. عماد says:

    كنت أبحث عن هذه الأداة ووجدتها بفضلك. شكرا لك.

    أعتقد بأن هناك مشكلة في صفحة عرض تصنيف معين http://www.neeart.com/?cat=131

    • Nora AbdulRhman says:

      العفو وجزيل الشكر على تنبيهك قمت بإصلاح المشكله

  2. إحسان says:

    حلوة الأداة كثير ..
    لسا كنت ح ـقولك إنو التصميم الشبكي هو أكثر شي متعب في الـ CSS .
    ساعات أريح دماغي وأستخدم الجداول .. بس أحس بتأنيب ضمير :) .
    شكرًا أبلة نورة .

  3. انس says:

    نيارات

    ندوينة مفيدة لكي جزيل الشكر

  4. انس says:

    شيلي الالف _ نيارت _

  5. tariq says:

    السلام عليكم

    هى زيارتى الاولى لمدونتك المفيدة

    ولا اماك الا الشكر والامتنان

    جزاكِ الله خيراً وفى ميزان الحسنات ان شاء الله

    تحياتى

  6. فاطمة أحمد says:

    شكرًا نورة
    في الرابط الذي أشرتِ إليه وجدت هذه الصورة
    http://z.about.com/d/graphicdesign/1/8/V/-/-/-/grid1.jpg

    ويتضح بها عمود أفقي وتحته ثلاثة أعمدة رأسية
    بينما الأداة تُنشئ فقط الأعمدة الرأسية

    فكيف أنشئ عمود أفقي فوق الأعمدة الرأسية كما في الصورة ؟