فواصل » تصميم،موقع،ويب،متوافق،مع،المعايير،تصميم،دروه،دروس،شروحات،فيديو،فواصل http://portal.fwasl.com Wed, 16 Oct 2019 18:49:35 +0000 ar hourly 1 https://wordpress.org/?v=3.9.40 تصميم موقع ويب يعمل علي كل الاجهزه والمتصفحات http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8-%d9%8a%d8%b9%d9%85%d9%84-%d8%b9%d9%84%d9%8a-%d9%83%d9%84-%d8%a7%d9%84%d8%a7%d8%ac%d9%87%d8%b2%d9%87-%d9%88%d8%a7%d9%84%d9%85/ http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8-%d9%8a%d8%b9%d9%85%d9%84-%d8%b9%d9%84%d9%8a-%d9%83%d9%84-%d8%a7%d9%84%d8%a7%d8%ac%d9%87%d8%b2%d9%87-%d9%88%d8%a7%d9%84%d9%85/#comments Sat, 07 Jan 2012 14:58:23 +0000 http://www.portal.fwasl.com/?p=7095 لا يمكن لأحد أن يتنبأ كيفيه عمل الموقع علي جهاز الزائر ولكن نجد من الأهميه أن نراعي أن معظم الزائرين أجهزهتهم مختلفه وأنظمة تشغيلهم مختلفه لذا اقرأ معي سطور هذه التدوينه جيدا لتستطيع مواكبه هذه الإختلاف والعمل عليها لكي يصبح موقعك قادرا علي العمل علي أي جهاز

كيفية إنشاء موقع على شبكة الانترنت لجميع الأجهزة

الآن يمكنك جعل الموقع مع تخطيط واحد فقط، والتي سوف تعمل على الأجهزة بدءا من الهواتف،الي أجهزة التلفزيون الكبيرة.

وهذا يسمي الويب المستجيب لأي موقع :

الفكرة الأساسية هي صيغة لحساب النسب المئوية «الهدف / النتيجة = السياق». على سبيل المثال، لدينا تخطيط PSD مع عرض 1000px. انها قسمين : واحد على اليسار عرض 270pxوأخر 730px . سنرمز لهم بهذه الطريقة :

[html] .leftcolumn { width: 27%; /* 270px / 1000px = 0,27 */ float: left; } rightcolumn { width: 73%; /* 730px / 1000px = 0,73 */ float: right; }

[/html]

العمود الأيسر سيكون كتلة واحده،عرض 170px،

[html] .leftcolumn .some-div { width: 62,962963%; /* 170px / 270px = 0.62962963 */ float: left; }
[/html]

استفسارات وسائل الإعلام

نحن في حاجة إليها لإظهار التخطيط الأمثل لحلها. هذا هو جزء من معيار CSS ،  على سبيل المثال :

[html] /* beginning css */

[/html]

على سبيل المثال ، للهواتف المحمولة التي ليست من مستوى رفيع الغاية. Internet Explorer هو نفسه ويندوز موبايل 6.5 .

[html] @media only screen and (min-width: 480px)
[/html]

وهذا أيضا لـAndroid, iPhone

[html] @media only screen and (min-width: 768px) {
[/html]

المحمول أولا
هذا الإسلوب يقوم بترميز موقع للأجهزة مع فرص أقل ثم تضاف ميزات استخدام مع استفسارات سائل الإعلام. هذه هي الطريقة’المتصفحات الغبية” دون فهم واستخلاص الصفحة ، مع الأخذ بعين الاعتبار استفسارات وسائل الإعلام.

]]> http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8-%d9%8a%d8%b9%d9%85%d9%84-%d8%b9%d9%84%d9%8a-%d9%83%d9%84-%d8%a7%d9%84%d8%a7%d8%ac%d9%87%d8%b2%d9%87-%d9%88%d8%a7%d9%84%d9%85/feed/ 0