صفحة 1 من 3 123 الأخيرةالأخيرة
النتائج 1 إلى 15 من 32

الموضوع: تبادل الخبرات[7](صفحاتنا و المعايير القياسية)

  1. #1
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920

    تبادل الخبرات[7](صفحاتنا و المعايير القياسية)



    السلام عليكم

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

    تمهيد

    كلنا يتذكر عندما بدأ محرر الثعلب في الظهور، كيف بدأت مواقعنا العربية تتكسر واجهاتها إمام هذا المتصفح
    مما كون فكرة لذى العديد، أن الثعلب فاشل ولا يراعي مشاعرهم، فعادوا وتواصوا فيما بينهم أن متصفح مايكروسوفت سياسته الدبلوماسية مع المواقع العربية راقية لأنه يقدم لهم واجهة الموقع كما يشتهون
    و هناك من اتهم الثعلب المسكين انه عميل ما جاء الا ليفضح المواقع العربية
    فجأتهم إنباء إن صفحاتهم لا تخضع للمعايير القياسية، فقالو ومن تكون هذه المعايير؟
    منظمة عالمية اتفقت معها شركات عالمية بما فيهم مايكروسوفت ان تكون الصفحات وفق قياس واحد
    فقالو فاشلون كان عليهم ان يضعو تلك القياسات وفق فرونت بيج

    إن عاتبنا هنا فرونت بيج فلأنه كان من بين الأسباب التي جعلت اغلب المواقع المنجز بهذا المحرر غير قياسية، وكان المتصفح انترنت اكسبلورر يزين هذه الصفحات، لكن في الحقيقة كان يخدعهم

    الفرونت بيج طوال اصداراته لم يراعي المعايير، كانت دائما أصوات تنادي بان يحترم هذا المحرر تلك المعايير نظرا لشعبيته، والتي تؤهله بأن يكون رائد المحررات القياسية، لكن لا جواب على من تنادي، لذالك كان على المصمم ان يغرق مع الشفرة المصدرية ويتعامل مع الوسوم ليكون الناتج قياسي، مما جعل مؤشر محرر عملاق آخر يصعد ليصبح الرائد في المتصفحات القياسية dreamweaver
    غير ان مايكروسوفت تلعب على الأعصاب ومرت مدة طويلة لتخرج لنا بمحررين قياسيين SharePoint Designer و Expression Web
    انذاك بدأ المصممين المعتمدين على الفرونت بيج بالاقتلاع من هذا الأخير واستعمال المحرر الجديد مما أهل بعض المواقع العربية بأن تصمد واجهاتها بباقي المتصفحات غير المتصفح التجميلي انترنت اكسبلورر

    ان التحول من التصميم التلقائي الى التصميم القياسي ليس فقط بتغيير المحررات، بل يجب كذالك ان يوازيه، تغييرات في معارفنا التقليدية بالوسوم، الان ليس كما السابق، حينما كنا نضع المحتوى و التصميم في قفة واحدة عن طريق html بل اصبح الان الفرز بين المحتوى و التصميم، المحتوى بالوسوم المقيدة xhtml والتصميم يكون بالإبحار في التوصيف بال css اما المستندات الخارجية كقواعد بيانات صغير فتكون بال xml وقاعدة هذه الأخيرة هي نفس قواعد xhtml غير ان xml نحن من يحدد الوسوم والتسميات.

    الوسوم القياسية

    ستجد ان هناك فرق كبير بين الوسوم القياسية و الوسوم التقليدية، على سبيل المثال
    كود HTML:
    <FONT SIZE="4" COLOR="#FF3300"  FACE="VERDANA"  " >السلام عليكم</FONT>
    و
    كود HTML:
    <span style="font-size:14; color:#f30; font-family:verdana">السلام عليكم</span>
    وهنا الامتياز سيكون من نصيب css خصوصا اذا كثر المحتوى، وكانت هناك بعض التصميمات متشابهة في وصفها وسترون الفرق شاسعا خصوصا اذا استعملنا class عوض style

    HTML
    html هناك كثرة الوسوم لكن متقيد في الوصف لايمكن ان يتعدى حجم الخط 7 لايمكن ان تع عنصرا في تموضع ما على الصفحة اي ان تحدد انت نقطة معينة في الصفحة حسب الإحداثيات، لايمكن ان تستورد تصميم خارجي لتطبقه في الصفحة

    XML

    xml هي التي دفعت html الى xhtml
    في ال xml نحن من يحدد الوسوم
    كود:
     
    <هي>
                </انا تسمية="أعود بالله من قولة أنا" >
                </هو>
    </هي>
    والتعامل مع ملفات xml يتم عن طريق اللغات البرمجية، فلغات البرمجة النصية التي تتعامل مع المتصفح ك javascript و jscript و vbscript تنصحهم المنظمة بأن يتعاملوا مع هذه الملفات بالتقنية القياسية DOM وهذه التقنية مدعومة في اغلب لغات البرمجة سواء النصية (سكريبت جافا و سكر يبت اكشن وغيرها ) اولغات البرمجة التطبيقية c++ جافا، سي شارب وغيرها واباقي اللغات php asp jsp cfm الخ

    XHTML

    xhtml متقيدة مثل xml ولا مجال للخطأ فيها، وعندما نسمع كلمة متقيدة فلا يجب ان يكون تفكيرنا جانبي ونتخيلها انها تضييق، بل يجب ان نفكر فيها انها عكس تشتيت، فالمسائل المقيدة، سهل ان نعرف حدودها، عكس الأشياء الحرة التي كل واحد منا يرسم لها حدود خاصة به.
    في html يكون وسم الصورة هذا صحيح
    كود HTML:
    <img src="test.png" alt="test image">
    وفي xhtml يعتبر خاطئ، لانه وسم مستقل ولايحتوي على اي شيء بداخل، اي لايحمل وسوم اخرى. اذا يجب ان يغلق الوسم على نفسه ويصبح
    كود HTML:
    <img src="test.png" alt="test image" />
    لماذا هو صحيح في الاول؟
    لانها ان كانت html فالمتصفح وحده من سيقرأها وبعرف انها صورة لأنه يتجاوزها ويعتبرها html، اذا في الممتصفح لاتشمل خطأ اما ان قرأنها عن طريق برنامج اخر او لغة اخرى دون استعراض الصفحة سيعتبر الوسم مازال مفتوح وانه يحتوي كل الوسوم التي تأتي بعده مالم يغلق الوسم على نفسه
    لنفهم الامر جيدا مع هذا المثال البسيط

    <أ> الوسم الف مفتوح ربما به شيء او اشياء
    <ب/> نعم به الوسم باء وهذا الاخير مقفل على نفسه
    <أ/> تم اغلاق الوسم المفتوح ألف
    هنا سنفهم ان الف يحتوي على العنصر باء

    وهنا مثال قد يعتبر صحيح في html لكن خطأ فادح في xhtml
    كود HTML:
    <b><a href="test.html">salam</b></a>
    هذه الاسطر ستفهم هكذا الوسم a يحصر الوسم b والوسم b غير مقفل و يحصر كلمة سلام بعدها يأتي الوسم a مغلق يعني يحصره بدوره بعدها سيغلق الوسم b فهذه الاسطر غير منطقية، فكيف للوسم b ان يحصر الوسم a الذي هو اصلا يحصره!! هذه الطريقة غير مقبولة الا من باب ستره !

    حينما تضع صفحتك على وزن xhtml فإنك تصنفها ضمن ملفات xml اي انك تجعل الصفحة وثيقة يمكن الوصل الى مستنداته دون استعراضه وهذا سيجعل صفحتنا ممكنة القرائة بأي برنامج وأية برمجة تدعم xml وأغلب لغات البرمجة الان الحية تتعامل مع هذه المستندات
    فلهذا يجب ان نفهم ان xhtml ليست بكائن غريب عنا بل أوجبته الضروف ليضبط لنا قواعد الوسوم القياسية،
    فالتقييد هنا لتسهيل قراءة محتوى صفحتك، سواء للمتصفح او غيره، كالجوال او POCKETPC او أي جهاز كفي آخر.
    حقيقة ان اغلب المتصفحات تتجاهل بعض الأخطاء أومخلفات ال WYSIWYG الغير القياسية (فمثلا في الفرونت بيج اذا كتبت نصا وأعطيته نمط معين، وبعدها مسحت النص، فإن مايمسح هو النص الذي بين الوسوم المستخرجة على حسب النمط الذي اعطيته له، هذا ذكاء اصطناعي حتى اذا كتبت نص اخر يبقى بنفس النمط، لكنه ذكاء غير مكتمل لأنك ان مسحت النص ولاتريد ان تضع مكانه شيء اخر فإن تلك الوسوم تبقى في الصفحة دون محتوى، لذالك لا تستغرب اذا وجدت العديد من الصفحات بها وسوم بدون محتوى، فإنه هو سببها)، لكن ليكن في العلم ايضا انه حتى يتجاهل المتصفح تلك الوسوم فإنه يستهلك موردا، وببداهة حتى تتجاهل شيئا فيجب ان تعرفه مسبقا)

    الروابط القياسية

    من بين الأشياء التي تنادي بها المنظمة هي الروابط القياسية
    رابط عادي
    كود:
    http://sudoku.ma/sudoku?save=salam
    رابط غير قياسي
    كود:
    http://sudoku.ma/sudoku?save=<"swalif&soft">
    الرابط الصحيح
    كود:
    http://sudoku.ma/sudoku?save=&lt;&quot;swalif&amp;soft&quot;&gt;
    يجب علينا هنا تعويض هذه العلامات بمقابل لها في اسكي، وذالك لمصلحة صفحتنا حتى لا يتعارض النص والكود، لان ذالك سيشكل خلل بين القيمة و المتغير
    مثلا نريد المتغير save ان يرسل القيمة التالية
    الاسم=ابراهيم&الكنية=بيدي
    اذا وضعنا رابط كالتالي
    فهذا خطأ لأنه ستعتبر كلمة الاسم واللقب كمتغيرين وهما ليسا كذالك بل هما قيمة
    الرابط الصحيح
    وهذه الاشكالية تقع خصوصا مع تقنية اجاكس

    CSS

    في ال css يكون style و class وجهان لعملة واحدة
    style نمط نضعه في الوسم ونصف فيه التصميم، وهذا التوصيف يطبق فقط على ذاك الوسم وما يحتويه
    class لكي يفهم جيدا وببساطة فيمكن ان لم يكن تشبيهه بمتغير يحمل قيمة التصميم يطبق ذاك التصميم على اي وسم تم ذكره فيها
    شبيه جدا بدالة تقوم بتطبيق الدوال التي بها اينما استدعيت

    المنظمة لاتناديك وحدك

    عندما تنادي المنظمة بإتباع المعايير القياسية فإنها لاتعنيك انت وحدك(مصمم او مبرمج) إنما يتوجهون بكلامهم أيضا وبالدرجة الأولى الى شركات برامج التصميم ليكون ناتج برامجهم متوافق مع العايير العالمية، فهم يقولون ل adobe يجب ان يكون ناتج يرنامج ullistrator الذي يكون على هيئة svg قياسيا مع انه كذالك، ونفس الكلام مع office word حينما تحفظ الصفحة على هيئة html وتكون لغة التصميم بها vml ونفس الأمر لباقي المحررات سواء الصغيرة و الكبيرة، وكذالك مع لغات البرمجة فهي تنادي بالإعتماد وإتباع تقنية دوم في التعامل مع مستندات xml
    حتى ان العملية تسهل على مبرمج احدى لغات البرمجة التطبيقية، ويريد برمجة متصفح خاص به، فإن هو اعتمد على البدأ من الصفر وبطلايقته الخاصة دون مسايرة التجديدات الحاصلة ومعرفة اخر ما وصل اليه ترمومتر الشبكة العنكبوتية، فكأنه يحاول اعادة اكتشاف معادلة قطر الدائرة، التي اكتشفت هذه قرون، لكن ان توجه الى المنظمة العالمية، فسيجد قاعدة واسعة ومعلومات شاملة عن تطور المتصفحات، وعن القواعد والبنية التحتية للمتصفح القياسي، وجميع المراجع المتفق عليها، وبإمكانه الإنظمام الى المجموعة، واذا كان دوبال قد يصبح بدوره مرجعا.

    موقع validator

    ليس ان يقول لنا موقع validator ان الموقع الفلان الفلاني لا يتوافق مع المعايير القياسية فهو كذالك، والعكس صحيح
    فيجب ان نعرف اولا ما نوع الخطأ هل هو خطأ قصده المبرمج او المصمم كأن يقحم تعريفات ووسوم لا علاقة لها بالتصميم، فمبرمجي سكريبت جافا تحلو لهم لعبة اقحام وسوم او تعريفات خاصة بهم يستجلبونها ويتعاملون معها من خلال سكريبت جافا، لأنهم يعتبرونها كقاعدة بيانات صغيرة خارجية، لكنها لاتشكل اي مشكلة مع المتصفح او اي قارئ لمستندات xml

    تذكير
    تيم بريزلي هو صاحب html وهو نفسه صاحب هذه المنظمة ففيما العيب لو اتى عندك استاذك وقال لك امس تعلمت الحروف الأبجدية كلها، اليوم سنتعلم قواعد ضبط الحروف


    ابتسامة اخيرة

    لمن يعارض المعايير القياسية فأقول له لأنظم الى حزبك فأنت تلزم علي ان اجر صفحتي واصممها بالفرونت بيج اذا انا اعارضك واريد ان احرر صفحتي ببرنامج الوورد واحفظها بصيغة html فالتصميم بالword اسهل واجمل مايكون حيث انك حينما تحفظ الصفحة يكون الناتج خليط رائع من الوسوم افضل من ال html التقليدية، انها تحفة محررات ال wysiwyg في السورس-الشفرة المصدرية-
    ستجد راس الصفحة يبدا بدوكيتيب وان بها وسوم vml القياسية يليها وسم css وبعض وسوم اكواد jscript وهي بدورها قياسية وفق المنظمة الاوروبية ecma ويتجد كذالك بعض الوسوم المايكروسوفتية الناذرة التي لن يفهمها سوى المحرر الورد وربما يفقه فيها شيء اخوه القارئ انترنت اسبلورر
    وبما ان الامر كذالك، فإننا ننصح جميع السيكريتيرات اللواتي لايعرفن شيء في سطح المكتب سوى ايقونتي الوورد والاكسل، ليلتحقو بنا ويلجو عالم التصميم من بابه الوسع ولما لا منافستهم ايضا، حتى ان لهم خيال واسع في عالم التصميم واختيار الالوان، فبإطلالة صغيرة في ادوات الفوتوشوب النسائية الخاصة بهم)المساحيق( تغنينا عن اي استطلاع رأي اخر
    سنجد حينها ان اكثر من نصف المواقع لون خلفيتها بلون وردي، ويؤسسو منظمة على غرار w3c بإسم w3r و r هنا تعني rose لان النساء سهل ان يتفقو على شيء عكس الرجال الذين مازالو مختلفين حول اضافة x او ازالته من html لتصبح xhtml
    _________________________________

    تبادل الخبرات[6]ملحق Greasemonkey في Firefox
    تبادل الخبرات[5]الكوكيز وثغرة الـ MSN
    تبادل الخبرات[4]إيجابيات وسلبيات أجاكس
    تبادل الخبرات[3]تقنية أجاكس
    تبادل الخبرات[2]البكسل و النسبة المؤية
    تبادل الخبرات[1] مالبديل للدالة for







  2. #2
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    الله يعطيك العافيه اخوي ابراهيم

    ليس لدي اي اضافات

    موضوع رائع جدا

    عجبني توضيحك للروابط القياسيه فعلا مهمه


    تحيتي لك





    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer

  3. #3


    أبدعت
    شكرا أخي الكريم على التوضيح






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


    يكفي اسلوبك في الموضوع

    كذلك اعجبتني العبارة:
    تذكير
    تيم بريزلي هو صاحب html وهو نفسه صاحب هذه المنظمة ففيما العيب لو اتى عندك استاذك وقال لك امس تعلمت الحروف الأبجدية كلها، اليوم سنتعلم قواعد ضبط الحروف
    شكرا ً جزيلا ً ....





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

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

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Jul 2007
    المشاركات
    375


    موضوع رائع

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

    بانتظار اضافات الاعضاء لتعم الفائده






  6. #6
    عضو فعال
    تاريخ التسجيل
    Aug 2004
    المشاركات
    1,974


    الله يعطيك العافيه...
    موضوعك جعلني أراجع موضوعاتك السابقه لاني لم اتابع سوالف من فترة

    تحياتي لك





    __________________
    انا أريد وأنت تريد والله يفعل مايريد!

  7. #7
    عضو فعال
    تاريخ التسجيل
    Apr 2006
    المشاركات
    1,362


    شكرا لك
    موضوع مميز بالفعل
    وبدئت حديثا اهتم للمعاير
    لدي استفسار بسيط بخصوص الروابط القياسية
    كيف استطيع الحصول على رابط قياسي ؟؟
    لنفرض ان لدي موقع بسيط جداا مكون من عدة صفحات كيف استطيع ضبط الروابط
    ام ان مثل هذا الامر محصور على الصفحات التي تدخل فيها البرمجة بشكل اساسي





    __________________
    Ramy

  8. #8

    (( تعليق ))



    عزيزي Zizwar

    إن عاتبنا هنا فرونت بيج فلأنه كان من بين الأسباب التي جعلت اغلب المواقع المنجز بهذا المحرر غير قياسية، وكان المتصفح انترنت اكسبلورر يزين هذه الصفحات، لكن في الحقيقة كان يخدعهم
    علاقه طرديه ليس إلا !


    ...


    وربما نلفت النظر في النهايه ربما و من الممكن فقط ...

    اللقاء الاول يبقى في الفكر الى الابد

    اي عندما تتعامل مع الفرونت بيج مثلاً في بدايات مشوارك تبقى تستخدمه رغم صدور و وجود برامج بديله اكثر فائده و سهوله و ارفع تقنيه ..


    ...



    ولي سـؤال ؟

    اذا كانت مايكروسوفت استحدثت كلاً من الاكسبلور و الفرونت بيج فهل من مساند لدريم ويفير ؟ كمتصفح ..


    ...


    جدير انت بالتصفيق الحار


    مودتي
    Garebooo





    __________________
    منتدى مجاني و برامج مجانية • بوابة مركزي • تابعني عّ تويتر

  9. #9
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    613


    نعم للمعايير القياسية ..

    شركة Microsoft عندما حاولت المشي عكس التيار لم تصمد طويلاً فها هي منتجاتها الحالية تبدأ بالإتجاه نحو المعايير القياسية ..

    موقع validator

    ليس ان يقول لنا موقع validator ان الموقع الفلان الفلاني لا يتوافق مع المعايير القياسية فهو كذالك، والعكس صحيح
    بالطبع عندما نتحدث عن المعايير القياسية فنحن لا نقصد أن يكون متوافقاً مع الـ Validator ، بل نقصد أن يكون المحتوى مرتب والشفرة منطقية !!
    وأشدد على منطقية ..
    فلا يصح وضع
    كود:
    <b><a href="test.html">salam</b></a>
    مثلا!!

    والشخص الذي يحاول المشي عكس التيار سيقاوم قليلاً ، لكنه سيتعب في النهاية ويمشي معه ..

    جزيل الشكر لك أخي العزيز Zizwar






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


    أهلاً زيزوار..
    قرأت رؤوس الأقلام وسأعود غداً بإذن الله لأقرأه كاملاً ثم أعرض ردي..

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


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





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

  11. #11


    بارك الله فيك أخي إبراهيم





    __________________
    السيف أصدق أنباء من الكتب

  12. #12

    تاريخ التسجيل
    Mar 2007
    المشاركات
    500


    نقاط في غاية الأهمية, سلمت يمينك ابراهيم
    تحياتي





    __________________
    بتفرج بس

  13. #13
    عضو نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    38


    شكرا لك
    موضوع مميز بالفعل

    eBooksBay - eBook Search Engine & Site Indexer





    __________________
    كتب حاسوب مجانية
    http://www.ebooksdb.net

  14. #14


    لا ادري ما اقول

    لكن جزاك الله خير هي اعم وافضل

    مزيد من التقدم باذن الله .






  15. #15


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

    موضوع غاية فى الجمال

    ذاهب الأن لقراءة باقى الموسوعة وتبادل الخبرات

    سأعود بتعليقات قريباً لكن بعد قراءة باقى الموضيع :app:






صفحة 1 من 3 123 الأخيرةالأخيرة




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

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