حان الوقت للانتقال إلى المهمة الثانية في هذه الدورة.
هذا الأسبوع كنا قد غطت أزرار, أشكال
, الجداول, بطاقات, الصور, ووسائل الإعلام ثم أخيرا غطينا شارة.
لذلك، هذه المهمة سوف ننظر في
محاولة لاستكشاف فهمك لجميع هذه المواضيع.
وتتكون مهمتك الثانية من ثلاث مهام.
دعونا نذهب من خلال كل واحد منهم خطوة بخطوة.
مهمتك الأولى هي إنشاء نموذج في الملعب جدول استراتيجية الفهرس الخاص بك.
لذلك، هذا هو الحق بعد الأوصاف التي لدينا حتى
استخدام صف آخر مع محتوى الصف هناك.
إنشاء بطاقة هناك مع عنوان. قم
بحجز جدول، ثم قم
بتضمين نموذج داخل تلك البطاقة في كتلة البطاقة.
سيحتوي النموذج على أزرار الاختيار.
يمكنك التحقق من وثائق النماذج لفهم كيفية إنشاء أزرار الاختيار.
فهي واضحة إلى حد ما.
لذلك، لدينا أزرار الاختيار مضمنة على طول الطريق تتراوح من واحد إلى
ستة وسوف تسمح للمستخدم لتحديد أي واحد من هذه أزرار الاختيار.
لذلك النقر على واحد منهم،
سيسمح لك بتحديد عدد الضيوف.
وقطعة المعلومات الثانية هي التاريخ،
والجزء الثالث من المعلومات هو الوقت.
لذلك، سيتم دعم التاريخ والوقت من قبل اثنين من حقول الإدخال
هنا ومن ثم لدينا زر إرسال هنا اسمه
«الاحتياطي» مع الزر يجري باللون الأزرق.
لذلك، تذكر كل هذه التفاصيل المختلفة هنا وهذا هو في بطاقة.
الآن، هذه البطاقة إذا كانت على صغيرة إلى حجم الشاشة الكبيرة،
سيتم توسيطها في هذا الصف وسوف تشغل ثمانية أعمدة.
لذلك لديك عمودين اليسار هنا واثنين من الأعمدة اليسار هناك.
هذه بعض القرائن حول كيف ستضع هذا
بالنسبة لأحجام الشاشة الصغيرة الإضافية،
تشغل عرض الشاشة بالكامل،
وإلا لا يمكن استيعاب النموذج الخاص بك بشكل مفيد هناك.
لذلك، هذه هي المهمة الأولى في مهمتك الثانية.
إذا كنت تتذكر، يسار السحب الثاني لمحتوياتنا غير مصمّم،
فستستخدم كائن الوسائط الآن لتصميم هذا المحتوى.
لاحظ على وجه الخصوص أنه
بالنسبة لكائن الوسائط، سوف تظهر صورتك على الجانب الأيمن،
لذلك استخدم المجموعة الصحيحة من
الفئات لجعل صورتك تظهر على الجانب الأيمن من المحتوى،
على عكس تلك الأخرى حيث تظهر الصورة على الجانب الأيسر.
ويجب أن يكون مركزًا عموديًا هنا.
لاحظ أيضًا أنك تحتاج إلى تضمين شارة هنا بكلمة «جديد».
وهكذا رأينا هذا بالفعل في
الممارسة من قبل لذلك لا ينبغي أن يكون من الصعب جدا تحقيقه.
لذا، مهمتك الثانية، مرة أخرى،
هي استخدام كائن الوسائط لتصميم هذا من خلال.
المهمة النهائية في المهمة الثانية،
هي إنشاء زر هنا.
هذا سيكون زر كتلة.
لذلك، زر كتلة الطبقة التي كنت تسير على استخدامها.
الآن، ما يمكنك القيام به هو يمكنك إعادة وضع هذا المحتوى
هنا لاحتلال نصف الشاشة
وبعد ذلك هذين سوف يحبون الجزء المتبقي من الشاشة.
واستخدم جدول حجز الكلمات هناك.
ليس هذا فقط، عند النقر على هذا الزر،
سيتم نقلك إلى النموذج في أسفل الصفحة،
والذي يسمح لك بإجراء الحجز.
لذلك، هذا هو المكان الذي تحتاج فيه إلى استخدام طرق HTML
لتحديد المعرفات من أجل تحقيق هذا الإجراء.
لذا بالعودة مرة أخرى، يجب وضع هذا الزر عموديًا في
الجدول ويجب أن يشارك مساحة الشاشة نصف مع شعارك هنا.
يمكن أن تشغل الصيغ هنا النصف المتبقي من النصوص البرمجية.
حتى تتمكن من استخدام فئات العمود لضبط هذه الأشياء.