النتائج 1 إلى 13 من 13

الموضوع: [مقال] الوصول للعالمية - Unicode

  1. #1
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128

    [مقال] الوصول للعالمية - Unicode




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

    مع سرعة تطور الانترنت وسرعة انتشاره ووصوله تقريبا إلى كل بلد وإلى كل منزل، بدأت الحاجة إلى تنظيمه وعولمته ليصل إلى هؤلاء المستخدمين بلغاتهم، وهنا ظهرت هذه المنظمات التي ترعى تطور هذه الشبكة العالمية وضمان وصولها بالشكل السليم إلى هؤلاء المستخدمين باللغة التي يفهومنها، وهنا ظهر ترميز Unicode.


    Unicode هي مجموعة رموز عالمية تستخدم لتعريف جميع الرموز والحروف المستخدمة في أغلب لغات العالم وتجميعا في ترميز واحد لستهيل عرض وارسال المعلومات بغض النظر عن اللغة المستخدمة. هذا الترميز العالمي يستخدم من 1 إلى 4 بايت (البايت=8 بت) لترميز الحروف، ولم يستخدم حتى هذه اللحظه سوى ثلث العدد المتاح في Unicode لترميز حروف هذه اللغات.

    هناك ثلاثة أنواع رئيسية تستخدم حاليا لترميز الUnicode:
    • UTF-8

    وهو المفضل لدى مبرمجي الويب، حيث يستخدم 1 بايت اذا كانت الرموز موجودة في ترميز ASCII، وتستخدم 2 إلى 4 بايت للرموز المعقدة.

    • UTF-16

    هذا الترميز يستخدم إما 2 بايت للترميز إذا كانت الرموز موجودة في Basic Multilingual Plane (BMP) و4 بايت للرموز الغير موجودة.


    • UTF-32

    أما بالنسبة لهذا الترميز فإنه يستخدم 4 بايت على الدوام.

    جدول1: مقارنة الرموز مع ما يقابلها من ترجمة - المصدر


    وهناك الكثير من الاشتقاقات لهذا الترميز العالمي Unicode منها UTF-2 و UTF-7 وقد أرفقت بعض المراجع لزيادة الاطلاع.

    وبعدما عرضنا وعرفنا ماهو Unicode وأنواعه المختلفه، عليك أن تعلم أخي الكريم أن هذا الترميز لا يستخدم فقط في صفحات الويب، وإنما صمم ليشمل كل الملفات التي يمكن تخزينها على أي جهاز ألكتروني، والآن قد جاء السؤال المهم وهو لماذا كل هذا الاهتمام بهذا الترميز؟ وهل علينا فعلا التحول لاستخدامه؟
    والجواب سأحاول تلخيصه في عذة نقاط رئيسية تهم مصممي الويب خصوصا:
    الوصول بموقعك إلى العالمية، صمم لكي يرى كل الناس عملك وﻻ تجعله حكرا لنظام تشغيل معين، أو متصفح معين، حيث ليس لدى الجميع نظام تشغيل Windows كي يستطيعوا رؤية صفحتك المرمزة بترميز Windows-1256.

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

    احترافية التصميم ومتابعة المعايير القياسية، وهذه لعلها قد تكون أهم ما تنادي به منظمة الويب العالمية في مقالها حول عولمة الويب.


    الخطأ الشائع بين مصممي الويب

    هناك الخطأ الشائع بين مصممي صفحات الويب وهو اعتقادهم أن سطر الميتا meta:
    كود HTML:
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    أو بمجرد تغيير ترويسة الصفحة header
    كود PHP:
     <?php
       header
    ('Content-Type: text/html; charset=utf-8');
    ?>
    وحده يكفي لترميز الصفحة بالترميز المناسب، والصحيح أن هذا السطر ما هو إلا لجعل المتصفح فقط يترجم ما تحتويه الصفحة من رموز إلى ما هو موجود بهذا السطر ويبقى ترميز الملف نفسه بالترميز الذي خُزّن به، وكما تعلم عزيزي القارئ بغض النظر عن نوع الملف، فإن أي ملف يتم تخزينه في الحاسب يتحول إلى مجموعة من البايتات المشفرة على حسب نوع الترميز المستخدم في التخزين وعند طلبها فإنه يتم ترجمتها باستخدام نفس الترميز، لذلك فمن المهم التأكد دائما من نوع الترميز المستخدم في ملفاتك قبل تخزينها ومن ثم إضافة السطر المساعد سواء كان ميتا أو ترويسة لمساعدة المتصفح على اختيار النوع المناسب لفك التشفير.


    المراجع وبعض الوصلات المفيدة

    http://www.w3.org/International/tuto...nc/en/all.html
    http://www.w3.org/TR/unicode-xml/
    http://www.unicode.org/standard/principles.html
    http://en.wikipedia.org/wiki/HTML_Unicode
    http://www.alanwood.net/unicode/
    http://www.microsoft.com/typography/unicode/cs.htm

    هذا وصلى الله على محمد وعلى آله وصحبه وسلم،
    مع تحياتي
    ---------------------------------------------------------

    :: كتبه Bo3oof
    :: المصدر: http://www.devpedia.org/articles/index.php?p=80






    __________________
    مدونة المبدع العربي


  2. #2
    عضو فعال
    تاريخ التسجيل
    Oct 2005
    المشاركات
    1,250


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

    شكرا ً على هذا الموضوع المهم ....

    ونتمنى بمشاركة الإخوان التحدث أكثر عن قراءة الملفات بعد التحويل ووو ...

    والحمد لله استطعت تحويل ترميز موقعي "www.lawwen.com" الى utf-8 ولم يستغرق العمل وقت طويل ...

    بإستخدام برنامج رائع جدا ً وسهل ... ونتمنى من الإخوة أيضا ً إفادتنا ببرامج أخرى تفيد في تحويل الترميز من والى ...
    هذا موقع البرنامج ..
    http://www.elfdata.com/encodingmaster/index.html

    يتضمن البرنامج تحويل كلمات او جمل أو ملف أو مجلد كامل ...

    السلبية الوحيدة هي تغير الكلمات لحروق ورموز غير معروفه عند تحرير الملف ...

    تحياتي





    __________________
    اعلانات لوّن - أسعار رمزية جدا

    موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب

  3. #3
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    بالنسبة لي لا أرى أي مشكلة في طريقة التحويل..
    أراه سهلاً..
    عند حفظك للصفحة أو القالب أو ماكان.. مثلاً في النوت باد
    اضغط save as ثم اختار الـunicode الخاص بالـUTF ..
    هذا كلما في الأمر

    وفي التعليقات على المقال ستجد معلومات أكثر عن الطريقة إن شاء الله
    http://www.devpedia.org/articles/index.php?p=80


    ------------------------------------
    خارج الموضوع
    موقعك رائع ^_^..
    لكن بالحديث عن هذا:
    http://validator.w3.org/check?uri=ht....lawwen.com%2F
    أرجوا ملاحظة الأخطاء المذكورة وكلها سهلة الحل بإذن الله

    ملاحظات أخرى..
    - لو تجعل البسملة في أول سطر فوق الـDocType حتى سيكون أجمل
    - تستخدم <b> كثيراً.. الأفضل أن تستبدل:
    <b> بــ <strong>
    و </b> بــ </strong>
    لأن الأول أصبح من الأكواد المهملة والمحذوفة فيما بعد والأخير هو المعتمد الآن

    أيضاً بالنسبة لـ<font> .. رأيت في الكود:
    كود HTML:
    <font color="#C60000">»</font>
    تستطيع استبداله بـــ:
    كود HTML:
    <span style="color: #C60000;">»</span>
    لأن الأول أصبح غير قياسي والأخير قياسي


    - أخيراً.. في بداية الموقع في أعلى الهيدر، الكلام لونه أحمر وهذا ربما يؤثر على جمال التصميم.. فلو تختار لوناً آخر.. وتأكد أن مكان الكلام سيجعل الجميع يقرأونه إن شاء الله دون الحاجة لتلوينه بهذا اللون.



    أتمنى لك التوفيق





    __________________
    مدونة المبدع العربي

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Jan 2005
    المشاركات
    77


    شكرا اخي المبدع العربي على المقال المهم اوي وربنا يخليك وفعلا ياريت تتحول كل موقعنا عشان نصل للعالمية بالتشفير الخاص باللغة لنتوحد مع باقي اللغات اشكرك مر تنيه

    وبالنسبة لتعليقك على اخي ABo.AzAzI كمان مش مشكله حتى لو في اخطاء لان المعايير والمقاييس في كتير اوي متخصصين و مهندسين بالويب بيطنشو شوي استخفاف منهم وليهم وجهة نظر اكيد يعني مش مهتمين ان لازم يطلع عدد الاخطاء 0 وكأنهم بإمتحان او مسببه العملية دي هاجس ليهم ولا مقياس لقدرتهم لاننا بنتكلم عن لغة نصيه مش برمجية يعني مش الحاجه الكبيرة مقارنة بالبرمجيات التنيه .

    بص هنا : ( موقع ياهو yahoo.com )
    http://validator.w3.org/check?uri=ht...doctype=Inline

    في اكتر من 41 خطأ

    وبص هنا : ( موقع جوجل google.com )
    http://validator.w3.org/check?uri=ht...doctype=Inline

    وبص هنا : ( موقع مايكروسوفت http://www.microsoft.com/ )

    http://validator.w3.org/check?uri=ht...doctype=Inline

    وبص كمان على موقع cnn العالمي ( http://www.cnn.com/ ) كم خطأ فيه وبص كمان على موقع البي بي سي ولي حاصل على جوائز مش طبيعيه ( http://www.bbc.co.uk ) حتلاقي كمان فيه اخطاء اكتر من 37 خطأ بالصفحة الاولى فقط غير إلي بالداخل

    وكلها فيها اخطاء بس للاسف بسوالف اي موضوع ينفتح كمواضيع ال css او الانجاكش او المعايير والمقاييس الكل بيفكر انو خلاص لازم نطبقه حرفيا من غير منشوف ايه التبعيات وليه في كتير مش بيهتم للدرجة إلي اصبحنا بنهتم فيها مع انهم ممكن يكونوا اكتر مننا معرفة بالكمبيوتر وتخصصاته يعني اهل علم .

    وفي مثلا الـ msn البريطاني بيهتم بالمعايير والمقاييس وفي msn الاسترالي مثلا مش بيهتم يعني المسألة فيها لبس في كتير اوي ميحبوش التقيد الحرفي بالمعايير مع بقاء مواقعهم ممتازه وثبته بكل المتصفحات . دي وجهة نظر مش للنقاش وكل واحد ليه فكره اكيد

    وربنا يكرمك على الموضوع






  5. #5
    عضو فعال
    تاريخ التسجيل
    Jun 2006
    المشاركات
    1,645


    شكرا لك يالمبدع
    مع التحية





    __________________
    قيد الانشاء

  6. #6
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    اقتباس المشاركة الأصلية كتبت بواسطة sales
    شكرا اخي المبدع العربي على المقال المهم اوي وربنا يخليك وفعلا ياريت تتحول كل موقعنا عشان نصل للعالمية بالتشفير الخاص باللغة لنتوحد مع باقي اللغات اشكرك مر تنيه

    وبالنسبة لتعليقك على اخي ABo.AzAzI كمان مش مشكله حتى لو في اخطاء لان المعايير والمقاييس في كتير اوي متخصصين و مهندسين بالويب بيطنشو شوي استخفاف منهم وليهم وجهة نظر اكيد يعني مش مهتمين ان لازم يطلع عدد الاخطاء 0 وكأنهم بإمتحان او مسببه العملية دي هاجس ليهم ولا مقياس لقدرتهم لاننا بنتكلم عن لغة نصيه مش برمجية يعني مش الحاجه الكبيرة مقارنة بالبرمجيات التنيه .

    بص هنا : ( موقع ياهو yahoo.com )
    http://validator.w3.org/check?uri=ht...doctype=Inline

    في اكتر من 41 خطأ

    وبص هنا : ( موقع جوجل google.com )
    http://validator.w3.org/check?uri=ht...doctype=Inline

    وبص هنا : ( موقع مايكروسوفت http://www.microsoft.com/ )

    http://validator.w3.org/check?uri=ht...doctype=Inline

    وبص كمان على موقع cnn العالمي ( http://www.cnn.com/ ) كم خطأ فيه وبص كمان على موقع البي بي سي ولي حاصل على جوائز مش طبيعيه ( http://www.bbc.co.uk ) حتلاقي كمان فيه اخطاء اكتر من 37 خطأ بالصفحة الاولى فقط غير إلي بالداخل

    وكلها فيها اخطاء بس للاسف بسوالف اي موضوع ينفتح كمواضيع ال css او الانجاكش او المعايير والمقاييس الكل بيفكر انو خلاص لازم نطبقه حرفيا من غير منشوف ايه التبعيات وليه في كتير مش بيهتم للدرجة إلي اصبحنا بنهتم فيها مع انهم ممكن يكونوا اكتر مننا معرفة بالكمبيوتر وتخصصاته يعني اهل علم .

    وفي مثلا الـ msn البريطاني بيهتم بالمعايير والمقاييس وفي msn الاسترالي مثلا مش بيهتم يعني المسألة فيها لبس في كتير اوي ميحبوش التقيد الحرفي بالمعايير مع بقاء مواقعهم ممتازه وثبته بكل المتصفحات . دي وجهة نظر مش للنقاش وكل واحد ليه فكره اكيد

    وربنا يكرمك على الموضوع
    طيب يا عزيزي..
    من قال لك أني أهوجس بالمعايير
    شكراً لك.. ولكن أستغرب من كلامك

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

    أما عن أهمية المعايير وما إلى ذلك.. فليس هذا هو محور حديثنا هنا.. فهناك مواضيع كثيرة في هذا

    أخيراً.. شكراً من جديد على ردك

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

    رقيق المشاعر..
    العفو.. وحياك الله عزيزي ^_^





    __________________
    مدونة المبدع العربي

  7. #7
    عضو فعال
    تاريخ التسجيل
    Oct 2005
    المشاركات
    1,250


    اقتباس المشاركة الأصلية كتبت بواسطة المبدع العربي
    خارج الموضوع
    موقعك رائع ^_^..
    لكن بالحديث عن هذا:
    http://validator.w3.org/check?uri=ht....lawwen.com%2F
    أرجوا ملاحظة الأخطاء المذكورة وكلها سهلة الحل بإذن الله

    ملاحظات أخرى..
    - لو تجعل البسملة في أول سطر فوق الـDocType حتى سيكون أجمل
    - تستخدم <b> كثيراً.. الأفضل أن تستبدل:
    <b> بــ <strong>
    و </b> بــ </strong>
    لأن الأول أصبح من الأكواد المهملة والمحذوفة فيما بعد والأخير هو المعتمد الآن

    أيضاً بالنسبة لـ<font> .. رأيت في الكود:
    كود HTML:
    <font color="#C60000">»</font>
    تستطيع استبداله بـــ:
    كود HTML:
    <span style="color: #C60000;">»</span>
    لأن الأول أصبح غير قياسي والأخير قياسي


    - أخيراً.. في بداية الموقع في أعلى الهيدر، الكلام لونه أحمر وهذا ربما يؤثر على جمال التصميم.. فلو تختار لوناً آخر.. وتأكد أن مكان الكلام سيجعل الجميع يقرأونه إن شاء الله دون الحاجة لتلوينه بهذا اللون.



    أتمنى لك التوفيق
    أنت الأروع والحمد لله أني أضفت ردا ً في هذا الموضوع ....
    تم التعديل والعمل بالملاحظات السابقة ...

    ولا يزال هناك خطأ !! من ماذا !! من كود رتّب !!! :court:
    ماذا افعل برأيك؟ لأني عندما ازيله الصفحة تكون مطابقة للمعايير !!

    وهذا هو الكود
    كود:
      <script src="http://www.ratteb.com/js.js" Language="JavaScript" Type="Text/JavaScript"></script>
     <script Language="JavaScript" Type="Text/JavaScript">
     _rid = ****;
     _rd = "****.com";
     _rs = 0;
     _rz = 0;
     _rfunction(_rid, _rd, _rs, _rz);
     </script>
     <noscript>
     <a href="http://www.ratteb.com" target="_blank"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="" border="0" height="18" width="18" /></a> | 
     <a href="http://www.ratteb.com/lawwen.com"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="" border="0" height="18" width="18" /></a>
     </noscript>
    وأخيرا ً شكرا ً شكرا ً شكرا ً .... لأني غفلت ونسيت لإنشغالي في قسم الدروس ...
    وأنفعنا بما اوتيت من علم ... ..

    تحياتي





    __________________
    اعلانات لوّن - أسعار رمزية جدا

    موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب

  8. #8


    اقتباس المشاركة الأصلية كتبت بواسطة ABo.AzAzI
    أنت الأروع والحمد لله أني أضفت ردا ً في هذا الموضوع ....
    تم التعديل والعمل بالملاحظات السابقة ...

    ولا يزال هناك خطأ !! من ماذا !! من كود رتّب !!! :court:
    ماذا افعل برأيك؟ لأني عندما ازيله الصفحة تكون مطابقة للمعايير !!

    وهذا هو الكود
    كود:
      <script src="http://www.ratteb.com/js.js" Language="JavaScript" Type="Text/JavaScript"></script>
     <script Language="JavaScript" Type="Text/JavaScript">
     _rid = ****;
     _rd = "****.com";
     _rs = 0;
     _rz = 0;
     _rfunction(_rid, _rd, _rs, _rz);
     </script>
     <noscript>
     <a href="http://www.ratteb.com" target="_blank"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="" border="0" height="18" width="18" /></a> | 
     <a href="http://www.ratteb.com/lawwen.com"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="" border="0" height="18" width="18" /></a>
     </noscript>
    وأخيرا ً شكرا ً شكرا ً شكرا ً .... لأني غفلت ونسيت لإنشغالي في قسم الدروس ...
    وأنفعنا بما اوتيت من علم ... ..

    تحياتي
    صارت لي نفس المشكلة

    فقط حول الحروف الكبيرة "كابيتال" الى حروف صغيرة "سمول"

    يعني كذا




    كود:
      <script src="http://www.ratteb.com/js.js" language="javascript" type="text/javascript"></script>
     <script language="javascript" type="text/javascript">
     _rid = ****;
     _rd = "****.com";
     _rs = 0;
     _rz = 0;
     _rfunction(_rid, _rd, _rs, _rz);
     </script>
     <noscript>
     <a href="http://www.ratteb.com" target="_blank"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="" border="0" height="18" width="18" /></a> | 
     <a href="http://www.ratteb.com/lawwen.com"><img src="http://www.ratteb.com/ratteb_icon.gif" alt="" border="0" height="18" width="18" /></a>
     </noscript>






    __________________
    موقع رياض القرآن متخصص بالقرآن الكريم
    WwW.Ryadh-Quran.NeT

  9. #9
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    العفو عزيزي وكلنا نتعلم ونصحح أخطاءنا

    كلام رياض القرآن صحيح.. فعلت نفس الشيء في موقعي..
    لكن هناك إضافة أيضاً
    في كود رتب ستجد:
    language="javascript"
    قم بحذفه.. فهذا أيضاً غير قياسي وtype الموجودة معه تغني عنه وتكفي





    __________________
    مدونة المبدع العربي

  10. #10
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    بالمناسبة عزيزي بوعزازي..
    لماذا تستخدم <strong> و <b> أصلاً في الموقع وتكثر عليك الأكواد.. طالما أنك وضعت في ملف الـcss الأمر التالي:
    font-weight : bold;
    إذاً فوجود <strong> و <b> لاجدوى منهم لأن الكود أصلاً <bold فحتى لولم تكن هذه الأكواد موجودة سيكون bold تلقائياً

    لا أدري ما سبب وضعك له، أفدنا إن كان هناك شيء





    __________________
    مدونة المبدع العربي

  11. #11
    عضو فعال
    تاريخ التسجيل
    Oct 2005
    المشاركات
    1,250


    فقط حول الحروف الكبيرة "كابيتال" الى حروف صغيرة "سمول"
    نتمنى من رتّب تعديل الكود !!

    شكرا ً على المعلومة عزيزي رياض ...

    المبدع العربي ... قليل ٌ فيك معنى الشكر ... جزاك المولى كل خير ...

    بالنسبة للـ <b> وقد تم تغييرها كم تفضلت ...

    فتستخدم في حدود الجداول المنحنيه ...

    كما ترى لا استخدم الصور كل ذلك بالـ css ...





    __________________
    اعلانات لوّن - أسعار رمزية جدا

    موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب

  12. #12
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    لم ألاحظ ذلك
    سأعيد النظر للكود مرة ثانية قريباً

    ومنكم نستفيد ^_^

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

    http://validator.w3.org/check?uri=ht....lawwen.com%2F
    الحمدلله، كل شيء بخير بفضل الله





    __________________
    مدونة المبدع العربي

  13. #13
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    مجرد up للفائدة





    __________________
    مدونة المبدع العربي





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
0
موقع مكملات غذائية | نظارات طبية | أضف موقعك هنا