من الملائم استخدام الشبكات المعيارية عند تطوير التصميم أو إنشاء صورة معقدة. تعمل كأساس للتكوين ، وتقسيم الورقة إلى عدد محدد من الخطوات الرأسية والأفقية بنفس المسافات أو مسافات مختلفة.
ضروري
برنامج فوتوشوب مقره
تعليمات
الخطوة 1
تحتوي جميع برامج تحرير الرسوم وبرامج تصميم الويب الحديثة على شبكات معيارية مدمجة. إذا كنت تعمل في Adobe Photoshop ، فقم بتشغيل عرض الشبكة لتسهيل ترتيب كائنات الصورة وتحديد موضعها الدقيق على الورقة. للقيام بذلك ، انتقل إلى عنصر القائمة "تحرير" وحرك الماوس فوق التسمية التوضيحية "التفضيل". في القائمة التي تظهر ، حدد عنصر الأدلة والشبكة والشرائح (اعتمادًا على إصدار البرنامج ، قد يكون لهذا العنصر أسماء مختلفة ، اختر كلمة الشبكة).
الخطوة 2
في نافذة الإعدادات التي تفتح ، اضبط معلمات الشبكة المعيارية. في منطقة الشبكة ، حدد لون الخطوط التي تشكل عناصر الشبكة وتباعد الأسطر. انقر فوق "موافق" ، وتحقق من مدى تأثير التغييرات التي تم إجراؤها على مظهر الصورة. في بيئة تطوير الويب Adobe DreamWeaver ، يتم تضمين الشبكة افتراضيًا في تخطيط الصفحة التي تقوم بتطويرها.
الخطوه 3
يمكنك إضافة جداول مختلفة (عناصر الشبكة) مع أي مجموعة من الصفوف والأعمدة باستخدام عنصر إدراج جدول ، وكذلك إدراج جداول جديدة في الخلايا ، وبالتالي إنشاء شبكة معقدة لبناء عناصر الصفحة.
الخطوة 4
يمكنك إنشاء شبكة معيارية يدويًا باستخدام أنماط CSS. للقيام بذلك ، استخدم الأدوات #grid و Gridmaker و CSS Grid Builder و 1 KB CSS Grid و Gridr Buildrrr والوحدات النمطية الأخرى. على سبيل المثال ، يُنشئ مقتطف الشفرة التالي شبكة من أربع وحدات بعرض معين:.page-layout {margin-right: -5px؛ }.layout-box {float: left؛ الهامش: 0 5px 5px 0 ؛ }.lb-1 {width: 779px؛ } / * 100٪ * /. Lb-2 {width: 583px ؛ } / * 75٪ * /. Lb-3 {width: 387px ؛ } / * 50٪ * /. Lb-4 {width: 191px ، } / * 25٪ * /
الخطوة الخامسة
إن وجود شبكة معيارية يجعل الأمر أسهل لكل من المصممين المبتدئين ومطوري الويب والماجستير ذوي الخبرة في هذا المجال. من السهل تعديل ونقل المشاريع التي تم إنشاؤها على أساس شبكة معيارية ، وهو أمر مناسب جدًا لأحجام كبيرة من العمل. يمكنك أيضًا إيقاف العمل في أي وقت والاستمرار في استخدام الملف المحفوظ.
