| |||||||
| المدوّنات | البحث | مشاركات اليوم | اجعل كافة المشاركات مقروءة |
 |
| | LinkBack | أدوات الموضوع |
| |||||
| تبادل الخبرات[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> HTML html هناك كثرة الوسوم لكن متقيد في الوصف لايمكن ان يتعدى حجم الخط 7 لايمكن ان تع عنصرا في تموضع ما على الصفحة اي ان تحدد انت نقطة معينة في الصفحة حسب الإحداثيات، لايمكن ان تستورد تصميم خارجي لتطبقه في الصفحة XML xml هي التي دفعت html الى xhtml في ال xml نحن من يحدد الوسوم كود:
<هي>
</انا تسمية="أعود بالله من قولة أنا" >
</هو>
</هي> XHTML xhtml متقيدة مثل xml ولا مجال للخطأ فيها، وعندما نسمع كلمة متقيدة فلا يجب ان يكون تفكيرنا جانبي ونتخيلها انها تضييق، بل يجب ان نفكر فيها انها عكس تشتيت، فالمسائل المقيدة، سهل ان نعرف حدودها، عكس الأشياء الحرة التي كل واحد منا يرسم لها حدود خاصة به. في html يكون وسم الصورة هذا صحيح كود بلغة HTML: <img src="test.png" alt="test image"> كود بلغة HTML: <img src="test.png" alt="test image" /> لانها ان كانت html فالمتصفح وحده من سيقرأها وبعرف انها صورة لأنه يتجاوزها ويعتبرها html، اذا في الممتصفح لاتشمل خطأ اما ان قرأنها عن طريق برنامج اخر او لغة اخرى دون استعراض الصفحة سيعتبر الوسم مازال مفتوح وانه يحتوي كل الوسوم التي تأتي بعده مالم يغلق الوسم على نفسه لنفهم الامر جيدا مع هذا المثال البسيط <أ> الوسم الف مفتوح ربما به شيء او اشياء <ب/> نعم به الوسم باء وهذا الاخير مقفل على نفسه <أ/> تم اغلاق الوسم المفتوح ألف هنا سنفهم ان الف يحتوي على العنصر باء وهنا مثال قد يعتبر صحيح في html لكن خطأ فادح في xhtml كود بلغة HTML: <b><a href="test.html">salam</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=<"swalif&soft"> مثلا نريد المتغير 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 | |||||
|
| |||||
|
الله يعطيك العافيه اخوي ابراهيم ليس لدي اي اضافات موضوع رائع جدا عجبني توضيحك للروابط القياسيه فعلا مهمه تحيتي لك
__________________ # محمد "محلل لنظم المعلومات" - برمجه وتحليل فلاشـــــــيات Flashyat.com flash, flex, s e o, javascript, actionscript, php لمراسلتي إضغط هنا | |||||
|
| |||||
|
يكفي اسلوبك في الموضوع  كذلك اعجبتني العبارة: اقتباس:
__________________ اعلانات لوّن - أسعار رمزية جدا موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب | |||||
|
| |||||
|
موضوع رائع ويعطيك العافيه بانتظار اضافات الاعضاء لتعم الفائده
__________________ دليل المواقع العربية - صديق محركات البحث اضف موقعك - اتمنى اضافة موقعك او موقع احد الاصدقاء او موقع اعجبك مراسلتي | |||||
|
| |||||
|
شكرا لك موضوع مميز بالفعل وبدئت حديثا اهتم للمعاير لدي استفسار بسيط بخصوص الروابط القياسية كيف استطيع الحصول على رابط قياسي ؟؟ لنفرض ان لدي موقع بسيط جداا مكون من عدة صفحات كيف استطيع ضبط الروابط ام ان مثل هذا الامر محصور على الصفحات التي تدخل فيها البرمجة بشكل اساسي | |||||
|
| |||||
| (( تعليق ))
عزيزي Zizwar اقتباس:
... وربما نلفت النظر في النهايه ربما و من الممكن فقط ... اللقاء الاول يبقى في الفكر الى الابد اي عندما تتعامل مع الفرونت بيج مثلاً في بدايات مشوارك تبقى تستخدمه رغم صدور و وجود برامج بديله اكثر فائده و سهوله و ارفع تقنيه .. ... ولي سـؤال ؟ اذا كانت مايكروسوفت استحدثت كلاً من الاكسبلور و الفرونت بيج فهل من مساند لدريم ويفير ؟ كمتصفح .. ... جدير انت بالتصفيق الحار مودتي Garebooo
__________________ يسرنا اضافة موقعكم الى دليل " عرب اكسجين " | |||||
|
| |||||
|
نعم للمعايير القياسية .. شركة Microsoft عندما حاولت المشي عكس التيار لم تصمد طويلاً فها هي منتجاتها الحالية تبدأ بالإتجاه نحو المعايير القياسية .. اقتباس:
وأشدد على منطقية .. فلا يصح وضع كود: <b><a href="test.html">salam</b></a> والشخص الذي يحاول المشي عكس التيار سيقاوم قليلاً ، لكنه سيتعب في النهاية ويمشي معه .. جزيل الشكر لك أخي العزيز Zizwar | |||||
|
| |||||
|
أهلاً زيزوار.. قرأت رؤوس الأقلام وسأعود غداً بإذن الله لأقرأه كاملاً ثم أعرض ردي.. لكن في المقدمة عندما تحدثت عن الفايرفوكس.. نعم، كان الفايرفوكس مخطئ بعض الشيء، فكانت هناك بعض الأخطاء فيه هي التي تسببت في الكثير من لخبطة المواقع، وفي 1.5 انحلت الأخطاء واعتدلت بعض المشاكل التي كانت تظهر في المواقع دونهما سبب.. وأظن أن المشكلة االوحيدة التي كنت ألاحظها وكانت من فايرفوكس.. هي مشكلة قلب الجداول يمنى ويسرة.. لا مشكلة هنا، المعايير هي من أساس التصميم.. وأصبح أمراً مفروغاً منه والحمدلله، لكن يجب التذكير لأن هناك بعض العقول القديمة.. بالنسبة للأخ Garebooo.. أما عن المتصفح فلديك Firefox.. وأما بخصوص تعلم الشيء من البداية، فأظن أن هذا القول لا ينطبق في عالم الحاسوب والإنترنت.. فهما كتلة من التطورات والتغيرات، وكل خطأ يتم تصليحه وكل برنامج يتم تحديثه.. وأما من يبقى على الخطأ أو على الماضي ولا يود التطور، فهذا اكتفى بما لديه.. ولن يكون حينها مطور مواقع محترف ! | |||||
|
| |||||
|
نقاط في غاية الأهمية, سلمت يمينك استاذ ابراهيم, و لا اضيف عما ذكرت حديثا تحياتي
__________________ مجانا لخدمات الويب ماسترز ا/ايمن جوجل [الجوجري - Elgoogry] احذف ry منها و اقلب الكلمة تصبح Google :) جديد اضف موقعك مجانا | |||||
|
| |||||
|
موضوع رائع لي ملاحظة في html يكون وسم الصورة هذا صحيح كود بلغة HTML: <img src="test.png" alt="test image"> كود بلغة HTML: <img src="test.png" alt="test image" /> Passed validation, 41 warning(s) والسبب اغلاق الوسم بالسلاش كود بلغة HTML: <img src="test.png" alt="test image" /> وهو محرر مطابق للمعايير شاهد التبيهات كلها على اغلاق الوسم [Valid] Markup Validation of http://www.soft-ar.com/ - W3C Markup Validator
__________________ |^^^^^^^^^\ .|| | samry. ___ ||'""|""\___, | ___________ l | |__|__|_|) (@!)!(@) |(@) (@)****|(@) | |||||
|
| |||||
|
على أيامنا .. ايام الجهل  كنا نحط في أعلى التصميمكود بلغة HTML: <html dir="rtl" الآن دخلو لنا في المواصفات القياسية والـ xhtml الخ الآن عندي جدول جالس اشتغل عليه بهالشكل كود PHP: المشكلة إني حاولت أطبق المواصفات القياسية الصحيحة .... هل هناك من يتبرع لي ويحط لي هالجدول في مواصفات قياسية تبع الـ xhtml ... وكيف احط هالصور بالشكل الصحيح في ملف CSS مع الشكر مقدماً للي بيحولها التحويل الصحيح 
__________________ لا إله إلا الله | |||||
|
| |||||
 اقتباس:
كود بلغة HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> كود بلغة HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> اؤيدك في الالتزام في تطبيق المعايير القياسيه علي صفحاتنا او حتي الاخلال بها مع دراية بما انت مخل به دام ان موقعك يحتاج لهذا الاخلال عن علمك مثال : بعض اكواد الجافا سكريبت و اكواد Java Applet والعديد من الاشياء الاخري..
__________________ قريباً | |||||
|
| |||||
| اقتباس:
__________________ قريباً | |||||
|
| |||||
| اقتباس:
مانفع اعطاني اخطاء Failed validation, 1292 Errors |
](http://www.swalif.net/softs/iconimages/swalif54/7_rtl.gif)
