اذهب الي المحتوي
أوفيسنا

كيف أحافظ على التنسيق


الردود الموصى بها

السلام عليكم ورحمة الله وبركاته 

 

 

عند انتهائي من تطبيق لدروس HTML  فوجئت أن التنسيق قد تغير عند عرضه بواسطة متصفح آخر

 

أو على جهاز آخر !

 

فالكلمات بعضها اختفت خلف الصورة ، والمحاذاة تغيرت من اليمين إلى اليسار !

 

كيف يمكنني الحفاظ على التنسيق ؟

 

شاكرة ردودكم سلفاً :) 

 

  • Like 1
رابط هذا التعليق
شارك

سؤال جميل وممتاز جدا جدا جدا

ولو حضرتك كنتى صبرتى شويه لما نتابع الدروس سويا

كنتى هتعرفى الاجابه

بصى يا ست الكل على كل حال
فى حاجه اسمها مكتبة البوتستراب
دى مكتبه بيتم ارفاقها داخل مجلد العمل الذى يحتوى على مكونات الموقع لانها تدخل ضمنها
ومن خلال التكويد بالـ html يتم ربط هذه المكتبه
ومن ضمن خصائص هذه المكتبة 
اكواد خاصة بكل متصفح حتى يخرج العمل بتنفس النسق على كل المتصفحات
والاجمل من هذا كل خاصية تسمى التصميم المتجاوب او بلغة البرمجة responsive design

قبل سؤالنا عن ماهية التصميم المتجاوب علينا ان نعرف حقيقة مثبتة فأجهزة الحاسوب ليست هي فقط الاجهزة الذكية التي يمكن ان تتصفح من خلالها المواقع الالكترونية
هناك العديد من اجهزة التابلت والحواسب المحمولة اي العديد من مقاسات الشاشات لذا نحن الآن امام مشكلة حقيقية .
علينا ان نواكب تلك التقنية الحديثة ونصمم ما يتناسب مع كل هذه المقاسات المختلفة من الشاشات.
فكل تصميم يجب ان يتوفر بالمقاس العادي “لأجهزة الكمبيوتر”
وكذلك نسخة اخرى تتناسب مع اجهزة الجوال  
واخرى لأجهزة التابليت واجهزة النوت بوك.

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

مقاسات سلسة – Fluid grids : 

اول مبدأ من اساسيات التصميم المتجاوب هو استخدام ما يسمى بالمقاس السلس.
وهو شكل متطور من النسخة القديمة liquid layout.
فالنموذج الجديد صمم بنسب متنوعة.
ولهذا حينما يتقلص مقاس شاشة العرض مثلا كشاشة الجوال او حتى حينما تتمدد لتصل لمقاس شاشة الحاسوب المكتبي
كل العناصر الموجودة بالتصميم يعاد تغيير حجمها من حيث العرض بحيث تتناسب بشكل تلقائي مع مقاس شاشة العرض.

ومن اجل حساب الابعاد والنسب الصحيحة لكل عنصر يجب تقسيم العنصر المستهدف حسب سياق المحتوى الخاص به في صفحة العرض . ومن اجل فعل هذا يجب في البداية صنع نموذج عالي الدقة بالحجم الطبيعي في برنامج مثل “الفوتوشوب”.
وبهذا النموذج يمكن انهاء عملية التقسيم.

رابط هذا التعليق
شارك

  • 1 month later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

زائر
اضف رد علي هذا الموضوع....

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • تصفح هذا الموضوع مؤخراً   0 اعضاء متواجدين الان

    • لايوجد اعضاء مسجلون يتصفحون هذه الصفحه
×
×
  • اضف...

Important Information