كيف أصمم موقع خاص للموبايل؟
 

بسم الله الرحمن الرحيم

السلام عليكم...

الإخوة الأعزاء.. لدي سؤال يدور ببالي.. الآن تصميم المواقع الخاصة بالكمبيوتر سهل ولعل الكل يعرف فكرة الموضوع.. بغض النظر عن المبرمجين ولغات البرمجة..

لكن.. كيف نصمم موقعا خاصا لأجهزة الموبايل؟؟؟

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

فيه فرق اخوي بين البرمجة والتصميم ولكن كلاهما يكمل الاخر ؟

فعادتاً المبرمج يكون مصمم ولكن المصمم لا يكون مبرمج

بخصوص برمجة الموقع ليتوافق مع المعايير القياسية ويتوافق مع جميع المتصفحات يحتاج عمل وعلى حسب برنامج الموقع

اما بخصوص التوافق مع متصفحات الموبايل عادتاً تكون اضافات او ثيمات تستخدم في برنامج الموقع لتكون طريقة العرض تتوافق مع متصفحات الموبايل ؟

واغلب ما يطبق عملية توافق موقعه مع جميع المتصفحات بما فيهم الموبايلات هم البنوك واصحاب المدونات ؟

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

أخي العزيز السعيد مرحباً بك .. بالنسبة لسؤالك عن تصميم موقع خاص لأجهزة الموبايل فإن الأمر لا يختلف كثيراً عن تصميم موقع للكومبيوتر .. و لعل أبرز الخطوات التي يجب أن تفعلها هي كما يلي:

[B]1. تحديد عنوان مناسب لصفحة نسخة الموبايل[/B]
كأن يكون مجلد يحمل إسم mobile داخل جذر (رووت) موقعك بحيث يكون الدومين
[url="http://www.yoursite.com/mobile"]http://www.yoursite.com/mobile[/url]
أو إن كنت تستطيع إستخدام خاصية النطاقات الفرعية (subdomain) كأن يكون
[url="http://m.yoursite.com"]http://m.yoursite.com[/url] أو [url="http://mobile.yoursite.com"]http://mobile.yoursite.com[/url] أو غيرها مما يناسبك..

[B]2. سكربت إعادة التوجيه لأجهزة الموبايل[/B]
هذه الخطوة مفيدة لتحويل كل المرور أو الترافيك الذي يأتي إلى موقعك من الهواتف المحمولة إلى نسخة موقعك الخاصة بهذه الأجهزة..
روابط مفيدة بهذا الخصوص
• [URL="http://www.webmasterworld.com/forum45/260.htm"]Redirect a mobile/PDA to a "lite homepage" [/URL]
• [URL="http://studiohyperset.wordpress.com/2006/10/06/detecting-and-automatically-redirecting-website-visitors-who-visit-a-standard-webpage-website-on-mobile-handheld-wireless-pda-or-cel-cell-phone-devices-browsers-to-a-mobile-version-of-the-webpage-or-w/"]Redirecting visitors who visit a standard webpage to a mobile version [/URL]

و إذا كنت مبرمج PHP أو ASP يمكنك الإطلاع على هذه الروابط أيضاً
• [URL="http://dev.mobi/article/lightweight-device-detection-php"]Device detection using PHP [/URL]
• [URL="http://dev.mobi/article/lightweight-device-detection-asp"]Device detection using ASP [/URL]

[B]3. بناء صفحة بسيطة صديقة للأجهزة المحمولة[/B]
أفضل أسلوب لصفحة مخصصة لأجهزة المحمول يكون بإستخدام طريقة العمود الواحد, بحيث يكون المحتوى مرتباً بشكل عمودي لسهولة التصفح ..

مثال:
[IMG]http://www.ce4arab.com/vb7/images/sub/04_2012/710732.png[/IMG]

إقتراح لتصميم صفحة موقعك إن كان شخصياً مثلاً:
[IMG]http://www.ce4arab.com/vb7/images/sub/04_2012/710733.png[/IMG]

يفضّل أن تكون الصفحة ذات شبه كبير أو مقاربة لنسخة الكومبيوتر حيث أن ذلك يترك إنطباعاً بالألفة لدى زوارك و عدم التشتت بين نسخة الكومبيوتر و نسخة الموبايل..

[B]نصائح أخرى:[/B]
• أغلب البرمجيات العالمية الآن تتيح لمستخدميها نسخ للأجهزة المحمولة أو بشكل إضافات يمكن للمستخدم إستعمالها بسرعة في موقعه للحصول على نتيجة مرضية..
مثلاً إذا كنت تستخدم نظام التدوين وردبريس, فإن هناك إضافة سريعة تساعدك على ذلك هي [URL="http://wordpressmobile.mobi/"]Wordpress Mobile Plugin [/URL] و التي يمكنك تحميلها من الرابط التالي
[URL="http://wordpressmobile.mobi/download.zip"]Download Wordpress Mobile Plugin [/URL]

كذلك هناك ستايلات لأجهزة الموبايل فيما يخص أنظمة المنتديات كـ vBulletin و غيرها..


أرجو أن أكون قد افدتك و لو بشيئ بسيط عن سؤالك .. و أعذرني على التقصير


مع أطيب تحية
أحمد

كيف ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

أخ دبور يعني شنو كيف ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

شكراااااااااااااااااااا

يعطــــــــــيك العـــــــافيـــــــــه
يعطــــــــــيك العـــــــافيـــــــــه

مشكوووووووووور

العلم يأتي بعد الدراسة

اخي اول شي حدد ايش الموقع الي تبغاه مثلا منتدى او مدونة

بعد كذا هناك هاكات جاهزة و اضافات للمدونة تضيفها وتعمل لها تفعيل بشكل مبسط

ويصير يتعرف على جميع الي يدخلو من الجوال

جزاك الله الف خير

اخي الكريم اذا كان مقصدك هو موقع بهذا الشكل تقريبا [url="http://www.konoz.com/bb"]Mobile[/url] ( تصفحه عن طريق الجوال )


فيلزمك انشاء مدونة وورد بريس مع ثيم My Mobile Page V2 فقط لا غير وتغيير اللوجو وبقية الاغراض سهل جدا مجرد استبدال للايقونات والصور

يعطيك الف عافية
والف شكر لك

افادوك الاخوان

شكر خاص للاستاذ احمد علي هذه المعلومات القيمة

شكراً لمعلومة

شكراااااااااااااااااااااااااااااااااااااا

Apple iPhone 5, Blackberry Porsche P'9981,BB10 and Samsung Galaxy
 

Mobile Phones
===============

Brand New Original ftory unlocked mobile phones comes with full accessories, 1 year international warranty and 6 months guarantee


1) Apple iPhone 5

2) Blackberry Porsche and BB Z10

3) Samsung Galaxy Note and Tab

4) Apple iPads


Phone ready to use with any network at any Location in the world cos it is sim free(Factory Unlocked)


To place an order,

Gtalk : [email]osmanshop@gmail.com[/email]
Hotmil : [email]osmanshop@hotmail.com[/email]
Skype : Osmanstore1
BB Pin : 29367E48

مشكووووووووووووووور

مشكوووووووووووور

مشكووووووووووووووور

Thank you mido
It's useful information

Sent from my GT-I9300 using Tapatalk 2

تحياتي لك من يساعد اخوانه

شكرررررراااااااا

ميرسيييييييييييي

[B]الموضوع سهل جدا هوا اصلا نفس الفكره بس
بتروح على اداه جوجل لفحص سرعه الموقع ومدي توافقه مع الكمبيوتر والموبايل
وجوجل نفسها بتقولك على الاصلاحات اللي الفروض تعملها عشان يكون متوافق وغالبا بتكون حاجات تافهه
وبعد ما تخلص الموقع هتلاقي جنبه فى بحث الموبايل متوافق مع الجوال ولو احتجت اي خدمه راسلني خاص[/B]

شكرا أخي الغالي أحسنت

مقيد جدا ما شاء الله

فيه مواقع تحول لك موقعك تقدر تتصفحه من الجوال