تعرف على كيفية إنشاء موقع الويب الخاص بك باستخدام HTML5 و CSS3


الدرس: النشاط HTML5- الأسبوع 3


الصفحة السابقة

حان الوقت للعمل في التخطيط! في الوقت الحالي ، كانت صفحاتنا عمودية كليا. يمكننا العمل في اتجاه القراءة والتمتع بقوة تخطيط CSS لصفحاتنا!

سأطلب منك هنا تنظيم الصفحة كما يلي:

  • على اليمين ، حد (زخرفي بحت ، ولكن يمكنك أيضًا وضع المعلومات في الداخل)
  • على اليسار ، محتوى سيرتك الذاتية ، والذي سيحتوي من الداخل ، من اليمين إلى اليسار على الأقسام التالية:
    • تجربتي
    • مهاراتي
    • تدريبي

العمل ينبغي أن يعطي شيئا مثل هذا:

css img float

إذا كان يمكن تعريف ارتفاع الحد بالقيمة المطلقة (بالبكسل) ، فيجب أن يكون كل ما تبقى من التخطيط بالقيمة النسبية (النسب المئوية). يجب أن يشغل المحتوى كل المساحة المعروضة ، بغض النظر عن عرض النافذة.

تذكر أن تستخدم العلامات الدلالية ، كما رأينا في الدورة.

بالطبع لديك الحق في تعديل كود HTML بالإضافة إلى كود CSS لتحقيق عرض مماثل.

قم بإنشاء مجلد يحتوي على ملف .html وكذلك صورك وملف .css والملفات الأخرى اللازمة لسيرتك الذاتية (مثل الخطوط إذا كنت تستخدمها)