الرئيسية التسجيل التحكم اتصل بنا  
التسجيل الأسئلة الشائعة قائمة الأعضاء التقويم بحث مشاركات اليوم اجعل كافة المشاركات مقروءة
ღ تطوير المواقع العام ღ القسم العام بتطوير المواقع


::.. سيتي يتارز ..:: ::.. شبكة ومنتديات الدار داركم ..:: ::.. منتديات وورش عمل الصحوة الإلكترونية ..:: ::.. منتديات كعبول ..::
::.. منتديات رونو التعليمية..:: ::.. منتديات رونو التعليمية..:: ::.. ~•«:||[ منـتديـات رونو التعليمية]||:»•~ ..:: ::.. منتديات ملاك الغربة : ينتهي الإعلان في 11 يونيو..::
العودة   منتديات رونو التعليمية > ღ مدرسـة رونـو الـتـعليمية ღ > ღ تطوير المواقع ღ > ღ تطوير المواقع العام ღ

 

رد
 
LinkBack أدوات الموضوع إبحث في هذا الموضوع طرق عرض الموضوع
قديم 30-Jan-2007, 08:18 PM   #1 (permalink)
ღمــلــ al-e7sas ـــكـღ
 
صورة رمزية ملك الإحساس
 

الدرس : كيفية عمل موقع متعدد اللغات ..

[align=center]

--------------------------------------------------------------------------------

×?°بسم الله الرحمن الرحيم ×?°
لدينا موقع محتوياته باللغة العربية ونريد أن نصنع منه نسخة باللغة الإنجليزية .. وربما نسخا بالفرنسية ولغات أخرى ..
الصعوبات
1- اتجاه الصفحة ككل سيكون مختلفا عند التحويل من أو إلى اللغة العربية ..
2- يجب تغيير كل المحتويات النصية وإتاحتها لتظهر باللغات الأخرى عن طلبها ..
3- استايلات الصفحات من أنواع الخطوط وأحجامها لا يصلح كما هو لكل اللغات ويحتاج إلى تعديل يناسب كل لغة ..
4- إذا كانت هناك أوامر طباعة محتويات باستخدام لغة برمجة (مثلا echo في لغة PHP) فيجب تغيير المحتويات المطبوعة أيضا ..
5- يجب أن يتذكر الموقع اللغة التي اختارها الزائر لتكون هي اللغة الأساسية له في كل الصفحات ..
المعلومات المستخدمة
1- معلومات عادية عن HTML ويهمنا جدا منها:





Code..

<html dir="rtl"> <!-- نستخدمها لتحديد اتجاه محتويات الصفحة من اليسار لليمين أو العكس -->






- معلومات من لغة PHP ويهمنا منها:


Code..


<?
$a = "Hello";
// وهي طريقة تعيين قيمة معينة لمتغير بأي اسم
$a[0] = "Number 1";
$a[1] = "Number 2";
// تعيين قيمة معينة لمتغير بأي اسم ولكن على هيئة مصفوفة متعددة العناصر
echo $a;
// طباعة القيمة الموجودة في متغير ما
if($a == $b) {
$c = $d;
}
// تستخدم لتحقيق شيء ما إذا كان الشرط داخل الجملة صحيحا
set******("Language", "ar");
// وضع كوكيز بجهاز الزائر لتخزين قيمة معينة فيها
$a = $_******["Language"];
// استدعاء القيمة التي في الكوكيز
$a = $_GET['a'];
// معرفة القيمة التي أرسلتها الصفحة السابقة إلى هذه الصفحة بناء على اختيار الزائر
?>






- معلومات من تقنية الستايلات CSS ومنها:


Code..

p, td {font-family: Tahoma; font-size: 12px; color: #000000}





فكرة الطريقة
تعتمد الطريقة على تخزين كل المحتويات النصية الموجودة بالموقع (الكتابات) من محتويات عادية معروضة للزوار أو مختفية مثل الستايل ووسم الهتمل الخاصة باتجاه الصفحة - تخزين كل هذه المتغيرات في متغير من نوع المصفوفة المزدوجة متعددة العناصر (يمكن الكلام صعب بس الطريقة سهلة إن شاء الله) .. وهكذا فبمجرد طلب الزائر للصفحة بلغة ما نستدعي المتغير الذي حدد على أنه خاص للغة التي طلبها الزائر ..
أما من ناحية تذكر الموقع للغة التي اختارها الزائر فسنستخدم الكوكيز ..
ملاحظات
1- الطريقة هنا سوف تكون على مراحل .. فإذا كنت تنوي أن تستفيد من هذه الطريقة فافتح برنامج التصميم الذي تستخدمه وابدأ في تنفيذ الأمثلة واحدا واحدا .. لأن المقصود هو الشرح وليس وضع الطريقة مرة واحدة ..
2- لا تأخذ الأمثلة نسخ ولصق .. اكتبها من جديد لأنه ممكن تكون هنا أخطاء إملائية ..

المثال
لنفترض أن لدينا صفحة هكذا:



Code..


<html dir="ltr">
<head>
<title>Internet Plus Home Page</title>
<style type="text/css">
body, p, td {font-family: Verdana; font-size: 14px; color: #ffffff}
a {color: #ff0000}
a.hover {color: #00ff00}
</style>
</head>
<body>
<p>Welcome to my website. I am glad you are here .</p>
<p><a href="page.htm">Click here</a> to visit the other page.</p>
</body>
</html>






الطريقة
1- تحويل كل محتويات الصفحة إلى مصفوفة
هذا الكود سنجعله يوضع في أعلى الصفحة قبل أي محتويات أخرى بما فيها الهتمل:



Code..


<?
// سنقوم بوضع محتويات الصفحة المطلوبة كما هي في مصفوفة
// ولكي نعرفها أن لغة هذه المحتويات هي الإنجليزية فسوف نستخدم حرفي: en
$a = array();
$a[0]['en'] = "ltr"; // سوف يكون هذا العنصر هو المحدد لاتجاه الصفحة
$a[1]['en'] = "Internet Plus Home Page"; // عنوان الصفحة
$a[2]['en'] = "body, p, td {font-family: Verdana; font-size: 14px; color: #ffffff}
a {color: #ff0000}
a.hover {color: #00ff00}"; // الستايل كله
$a[3]['en'] = "Welcome to my website. I am glad you are here .";
$a[4]['en'] = "Click here";
$a[5]['en'] = "to visit the other page.";
?>






2- تغيير الصفحة لنجعلها تقرأ المحتويات من المصفوفة
هنا سوف نضع قبل الكود السابق سطرا يخبر الصفحة بأن اللغة المطلوبة هي الإنجليزية (ليس لدينا غيرها للمحتويات حاليا):



Code..


<?
$lang = "en";
?>






إذن سيمكننا استخدام المتغير الذي اسمه $lang ليكون مكان كلمة en حيث إن قيمته هي en ..
ونبدأ في تغيير الصفحة .. بدلا من كل محتوى سوف نضع المتغير الخاص بهذا المحتوى .. إذن مكان العنوان الخاص بالصفحة سنستخدم:



Code..

$a[1][$lang]





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



Code..


<html dir="<? echo $a[0][$lang]; ?>">
<head>
<title><? echo $a[1][$lang]; ?></title>
<style type="text/css">
<? echo $a[2][$lang]; ?>
</style>
</head>
<body>
<p><? echo $a[3][$lang]; ?></p>
<p><a href="page.htm"><? echo $a[4][$lang]; ?></a> <? echo $a[5][$lang]; ?></p>
</body>
</html>






ببساطة وضعنا المحتويات في مصفوفة (a) ووضعنا اسم اللغة في متغير (lang) .. ولذلك فسوف تظهر الصفحة الجديدة المصنوعة بالـPHP كما كانت في السابق بالهتمل .. كل ده وانتهينا من عمل الصفحة بلغة واحدة بس

3- إضافة اللغات الأخرى
عايزين نضيف اللغة العربية .. طيب نرمز لها باي حروف؟ ar? أوكي .. فاكر الكود الأول اللي عملناه ووضعنا فيه كل المحتويات؟ خذ منه نسخة (copy) والصقها بعد نهاية المصفوفة الخاصة باللغة الإنجليزية .. وغير كل حروف en فيها إلى ar .. يعني يكون عندنا نسختين من المصفوفة الآن واحدة en وواحدة ar ..
غير محتويات المصفوفة الجديدة إلى الكلمات العربية المقابلة لها .. يعني ح يكون عندنا بعد كود أول خطوة:



Code..


$a[0]['ar'] = "rtl";
$a[1]['ar'] = "إنترنت بلس - الصفحة الرئيسية";
$a[2]['ar'] = "body, p, td {font-family: Tahoma; font-size: 12px; color: #ffffff}
a {color: #ff0000}
a.hover {color: #00ff00}";
$a[3]['ar'] = "أهلا بك في موقعنا .. أنا سعيد بوجودك .";
$a[4]['ar'] = "اضغط هنا";
$a[5]['ar'] = "لزيارة الصفحة التالية.";






طبعا ممكن نكرر هذه الخطوة لأي عدد من اللغات .. والطريقة -يارب- تكون واضحة ..
الآن جرب شيئا صغيرا .. فاكر في الخطوة رقم 2 لما وضعنا متغير اسمه lang وقلنا قيمته en? غيره إلى قيمة تانية وهي ar .. الآن الصفحة تعرض بالعربية ومن اليمين للشمال وبخط تاهوما وكله تمام

color=FF0000]4- معرفة اللغة التي يريدها الزائر[/color]
الآن يمكننا عرض الصفحة بلغة من اللغتين .. لكن يجب أن نحددها من الأول طبعا .. وده مش صح .. المفروض الزائر يختار .. يبقى أولا نضع وصلات لتغيير اللغة ولتكن في كود الصفحة نفسها .. في أي مكان بالصفحة بعد رسالة الترحيب مثلا ضع:



Code..


<a href="?lang=ar">1</a><br><a href="?lang=en">2</a>






كده يظهر للزائر رقم 1 للعربي و 2 للانجليزي ..
بس برضو احنا محددين من الاول في الكود اللي اعلى الصفحة ان lang يساوي قيمة محددة .. الحل هو أننا نشيل السطر اللي فيه



Code..

$lang = "ar"; // أو en





ونضع التالي:



Code..


<?
if(isset($_GET['lang'])) $lang = $_GET['lang'];
// بنشوف لو الزائر ضغط على رقم عشان يختار لغة واللا لا .. لو ايوه يبقى نخلي المتغير قيمته تكون القيمة اللي اختارها الزائر
else $lang = "ar";
// لو ما كانش اختارها ح نحددها احنا تكون عربي
?>






كده الزائر لما يضغط على لغة الصفحة لغتها تتغير .. جربها ..
5- تذكر اختيار الزائر
فاضل حاجة؟ ايوه .. ان الموقع كله يفتكر اختيار الزائر! بس لأنها مش مضمونة فأنا بافضل اني ارسل قيمة lang من كل صفحة للصفحة التانية مباشرة من غير تسجيل كوكيز .. لأنه بعض الناس الكوكيز عندهم مش شغالة كويس .. انما اذا احتجتها ف ح نغير الكود اللي لسه عاملينه في الخطوة السابقة ليكون:



Code..


<?
if(isset($_GET['lang'])) {
$lang = $_GET['lang'];
set******("lang", $lang);
}
elseif(isset($_******['lang'])) $lang = $_******['lang'];
else $lang = "ar";
?>


][®][^][®][انتهــى ، [/align]][®][^][®][[/align]



التوقيع:
{ ..
:
مَا قِلتْ لَكْ يَا لِيْلْ: إِنَّ الأَمَانِيْ وَيِلَّ..
{ حِلَمْ وَلَا تَحَقْقْ.. وَذِكْرَىّ تِهِدْ الحِيِلْ ..!
:
يا رَبْ،،هوّنها عليّ و اغْسِل رُوْحِي بِمَاءِ رَحْمَتِك
وعَطِّرْها بغُفْرَانِك،،و قوّيها بإرادَتِك
:
.. }
ملك الإحساس غير متواجد حالياً   رد باقتباس
قديم 03-Feb-2007, 07:19 PM   #2 (permalink)
شـ VIP ـخصية هامة
 
صورة رمزية Mr.Damar
 

إرسال رسالة عبر مراسل MSN إلى Mr.Damar
افتراضي

مشكور اخي ملك //// تحياتي لك //// يعطيك العافية

Mr.Damar غير متواجد حالياً   رد باقتباس
قديم 06-Feb-2007, 06:24 AM   #3 (permalink)
ღمــلــ al-e7sas ـــكـღ
 
صورة رمزية ملك الإحساس
 

افتراضي

العفوو اخي دماار ,,

التوقيع:
{ ..
:
مَا قِلتْ لَكْ يَا لِيْلْ: إِنَّ الأَمَانِيْ وَيِلَّ..
{ حِلَمْ وَلَا تَحَقْقْ.. وَذِكْرَىّ تِهِدْ الحِيِلْ ..!
:
يا رَبْ،،هوّنها عليّ و اغْسِل رُوْحِي بِمَاءِ رَحْمَتِك
وعَطِّرْها بغُفْرَانِك،،و قوّيها بإرادَتِك
:
.. }
ملك الإحساس غير متواجد حالياً   رد باقتباس
قديم 26-Feb-2007, 09:35 PM   #4 (permalink)
// الـ *_*ـروح //
 
صورة رمزية AL-R007
 

افتراضي

<< يدربي راسه ولا يدري وش السالفه

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

التوقيع:
يالله عساني ما أموت الا وانا ساجد ... أسجد إذا صليت والسجدة هي .. {{ السجدة }}
AL-R007 غير متواجد حالياً   رد باقتباس
قديم 26-Feb-2007, 09:47 PM   #5 (permalink)
ج ـذابهـ بالعشق غ ـلابهـ
 

افتراضي

مشكور أخوي ملك

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

عزوف الحب غير متواجد حالياً   رد باقتباس
قديم 26-Feb-2007, 11:13 PM   #6 (permalink)
ღمــلــ al-e7sas ـــكـღ
 
صورة رمزية ملك الإحساس
 

افتراضي

جنون,,تسلم لي ياشيخ.

التوقيع:
{ ..
:
مَا قِلتْ لَكْ يَا لِيْلْ: إِنَّ الأَمَانِيْ وَيِلَّ..
{ حِلَمْ وَلَا تَحَقْقْ.. وَذِكْرَىّ تِهِدْ الحِيِلْ ..!
:
يا رَبْ،،هوّنها عليّ و اغْسِل رُوْحِي بِمَاءِ رَحْمَتِك
وعَطِّرْها بغُفْرَانِك،،و قوّيها بإرادَتِك
:
.. }
ملك الإحساس غير متواجد حالياً   رد باقتباس
قديم 26-Feb-2007, 11:13 PM   #7 (permalink)
ღمــلــ al-e7sas ـــكـღ
 
صورة رمزية ملك الإحساس
 

افتراضي

العنون,,مشكوره يا غاليه.

التوقيع:
{ ..
:
مَا قِلتْ لَكْ يَا لِيْلْ: إِنَّ الأَمَانِيْ وَيِلَّ..
{ حِلَمْ وَلَا تَحَقْقْ.. وَذِكْرَىّ تِهِدْ الحِيِلْ ..!
:
يا رَبْ،،هوّنها عليّ و اغْسِل رُوْحِي بِمَاءِ رَحْمَتِك
وعَطِّرْها بغُفْرَانِك،،و قوّيها بإرادَتِك
:
.. }
ملك الإحساس غير متواجد حالياً   رد باقتباس
قديم 25-Aug-2008, 07:34 PM   #8 (permalink)

حلاتيـ بشطانتيـ

 
صورة رمزية بنو UAE وتة
 

افتراضي رد: الدرس : كيفية عمل موقع متعدد اللغات ..

مشكور اخوي
سلمت يمناك
ربي يعطيك العافية

التوقيع:
بنو UAE وتة غير متواجد حالياً   رد باقتباس
قديم 31-Aug-2008, 03:33 AM   #9 (permalink)
نائبة المراقب العام
 
صورة رمزية hanae
 

افتراضي رد: الدرس : كيفية عمل موقع متعدد اللغات ..

شكرا لك على الطرح
الله يعطيك العافيه

التوقيع:
اعذروني عن قله دخولي بسبب الدراسه


لاتنسوني من دعائكم
احبكم
/
/
/
استمعوا لهذا النشيد يجنن
hanae متواجد حالياً   رد باقتباس
رد


أدوات الموضوع إبحث في هذا الموضوع
إبحث في هذا الموضوع:

البحــــــث المتقــــــدم
طرق عرض الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع جديدة
تستطيع كتابة ردود جديدة
لا تستطيع إرفاق مرفقات في مشاركاتك
لا تستطيع تحرير مشاركاتك

رمز [IMG] متاحة
رمز HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة
الانتقال إلى


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
7 قواميس ( فرنسي + إنجليزي + متعدد اللغات ) أبــو ريــمــا ღ تورنت البرامج ღ 11 20-Nov-2008 10:59 PM
Panorama Factory 4.4 متعدد اللغات أبــو ريــمــا ღ تورنت البرامج ღ 6 15-Aug-2008 12:47 AM
Apple QuickTime Pro 7.3.0.70 متعدد اللغات أبــو ريــمــا ღ تورنت البرامج ღ 3 14-Aug-2008 03:22 PM
[درس] قالب موقع كامل - أنشئ موقع إحترافي بهذا الدرس المفصّل أبــو ريــمــا ღ Adobe Photoshop ღ 3 30-Nov-2007 07:35 PM
شرح كيفية التحميل من موقع الرابيد شير ملك الإحساس ღ بـــــــــــرامـــج نـــــــــت ღ 8 04-Jun-2007 03:20 AM


حسب توقيت جرينتش +4 الساعة الآن : 02:33 AM

 


SEO by vBSEO 3.1.0