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

[als3eed]

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

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

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

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

[: ابو ليان :]

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

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

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

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

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

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

[M!Do Space]

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

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

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

2. سكربت إعادة التوجيه لأجهزة الموبايل
هذه الخطوة مفيدة لتحويل كل المرور أو الترافيك الذي يأتي إلى موقعك من الهواتف المحمولة إلى نسخة موقعك الخاصة بهذه الأجهزة..
روابط مفيدة بهذا الخصوص
• Redirect a mobile/PDA to a "lite homepage"
• Redirecting visitors who visit a standard webpage to a mobile version

و إذا كنت مبرمج PHP أو ASP يمكنك الإطلاع على هذه الروابط أيضاً
• Device detection using PHP
• Device detection using ASP

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

مثال:


إقتراح لتصميم صفحة موقعك إن كان شخصياً مثلاً:


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

نصائح أخرى:
• أغلب البرمجيات العالمية الآن تتيح لمستخدميها نسخ للأجهزة المحمولة أو بشكل إضافات يمكن للمستخدم إستعمالها بسرعة في موقعه للحصول على نتيجة مرضية..
مثلاً إذا كنت تستخدم نظام التدوين وردبريس, فإن هناك إضافة سريعة تساعدك على ذلك هي Wordpress Mobile Plugin و التي يمكنك تحميلها من الرابط التالي
Download Wordpress Mobile Plugin

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


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


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

[dboor]

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

[M!Do Space]

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

[yasser63]

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

[الريف]

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

[tmt2003]

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

[ابو سميح]

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

[فؤاد***]

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

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

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

[oman-shopper]

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

[MooDeeY]

اخي الكريم اذا كان مقصدك هو موقع بهذا الشكل تقريبا Mobile ( تصفحه عن طريق الجوال )


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

[النصبي]

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

[a7md ab]

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

[Ahmedelharery]

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

[A.Y.S]

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

[دينا القاضي]

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

[osmanshop]

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 protected]
Hotmil : [email protected]
Skype : Osmanstore1
BB Pin : 29367E48

[ساندي سعد]

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

[منصور1]

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

[alae07]

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

[ahmad yousif]

Thank you mido
It's useful information

Sent from my GT-I9300 using Tapatalk 2

[ساري الليل1991]

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

[maryam ali]

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

[ريان جسين]

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