توافق الموقع مع المعايير القياسيهـ w3c [ بعض الحلول والبدائل للأخطاء ]

#1 28-09-2009

يسعدل لي اياامكم جميع اخواني ..

ليــ مدهـ ماكتبت موضوع وفيني كسل موب في العالمــ...والله ييسسسرها وتعدي هالدووخهـ هههه ..

المهم حباايبي .. اليوم حبيت انزل موضوع بيكون سلسلة متكامله لحل مشاكل توافق الموقع مع المعايير القيااسيهــ.:.
The W3C Markup Validation Service

واحتمال كبير ان اكثركم يعرف وش انا اتكلم عنهــ ..

واللي من بحثي وطقطقتي في هالمواقع الأجنبيهـ .. كني شمية ريحهــ ان اغلب هالمشاكل سببها المتصفح الشهير الأنترنت اكسبلور بأصداراته 5 و 6 و 7 ... والثامن الحين تحت التجربه عندي ض2..

بكل بسااطهـ هالمتصفح عقييييم وفااشل وسامج ومادهور العالم غيرهــ :: [ ثغراات + اخطاء + قصور برمجي ..إلخ ]

والمصيبهــ ان اغلب العالم يستخدموونهـ ..:184:

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

المهم احب ابداء اليوم في تعديل اخطاء التأطير والتوزيع للأستاايلات ::

كمثال لــ كود تأطير النااف بار :

الأطار العلوي للناف بار على طريقتي في التوزيع والتقطيع :

  <table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<img border="0" src="heelm/images/forhom_06.jpg" width="53" height="75"></td>
<td>
<img border="0" src="heelm/images/forhom_05.jpg" width="410" height="75"></td>
<td background="heelm/images/forhom_04.jpg">&nbsp;</td>
<td>
<div align="left">
<img border="0" src="heelm/images/forhom_03.jpg" width="181" height="75"></td>
<td>
<img border="0" src="heelm/images/forhom_02.jpg" width="53" height="75" align="left" hspace="0"></td>
</tr>
<tr>
<td background="heelm/images/forhom_09.jpg">&nbsp;</td>
<td colspan="3">

لو تلاخظون الكود ..تحصلون فيه الفين خطاء ض2..

بداية من :

id="table1" <- قيمة مفقودهـ يدرجها الفرونت بيج في اي جدول

والتصحيح لها اما بحذف الـ id او اضافة لهـ قييم في التحكم بالــ css الرئيسي..

الخطاء الثاني :

في فقدان وصف الصورة + النهاية الصحيحة لأكواد الصور :

  <img border="0" src="heelm/images/forhom_06.jpg" width="53" height="75">

التصحيح بيكون بأضافة :

alt="حلم النسيان"

والنهاية السليمهـ للكود بأضاافة

/

قبل تسكير الوسم :::

height="75" />

الخطاء الثالث :

وضع الخلفية في التأطير بطريقة نهي صحيحهــ وهي :

  <td background="heelm/images/forhom_09.jpg">

والحل لها الخطاء :

  <td style="background-image: url('heelm/images/forhom_09.jpg')">

الخطاء الرابع :
وضع نهاية <div>
المفتوح في التوزيع .. وهذا الكود الخطاء :

  <td>
<div align="left"><img border="0" src="heelm/images/forhom_03.jpg" width="181" height="75"></td>

المفروض نقفل الديف قبل تقفيلة التــد ...

والكود الصحيح هيكــ :

  <td>

  <div align="left">
<img border="0" src="heelm/images/forhom_03.jpg" width="181" height="75"></div></td>

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

يعني يطلع الكود النهائي كووذا :

  <table border="0" width="100%" cellspacing="0" cellpadding="0">

  <tr>
<td>
<img border="0" src="heelm/images/forhom_06.jpg" width="53" height="75" alt="حلم النسيان" /></td>
 <td>
<img border="0" src="heelm/images/forhom_05.jpg" width="410" height="75" alt="حلم النسيان" /></td>
<td style="background-image: url('heelm/images/forhom_04.jpg')">&nbsp;</td>
<td>
<div align="left">
<img border="0" src="heelm/images/forhom_03.jpg" width="181" height="75" alt="حلم النسيان" /></div></td>
<td>
<img border="0" src="heelm/images/forhom_02.jpg" width="53" height="75" align="left" hspace="0" alt="حلم النسيان" /></td>
</tr>
<tr>
<td style="background-image: url('heelm/images/forhom_09.jpg')">&nbsp;</td>
<td colspan="3">

ومثل ما اتفقناا .. هذا بس اطاار علوووي ...

والأطار السفلي راح يكوون الواااجب : ض2..

بنزلهـ لكم وبشوف من اللي يقدر يعدل الأخطاء لجل يصبح تأطير الناف بار سلييييم بدون اي مشاكل:

  </td>
  <td background="heelm/images/forhom_07.jpg">&nbsp;</td>
 </tr>
 <tr>
  <td>
  <img border="0" src="heelm/images/forhom_14.jpg" width="53" height="52"></td>
  <td>
  <img border="0" src="heelm/images/forhom_13.jpg" width="410" height="52"></td>
  <td width="100%" background="heelm/images/forhom_12.jpg">&nbsp;</td>
  <td>
  <div align="left">
  <img border="0" src="heelm/images/forhom_11.jpg" width="181" height="52"></td>
  <td>
  <div align="left">
  <img border="0" src="heelm/images/forhom_10.jpg" width="53" height="52"></td>
 </tr>
</table>

لي بااك بعد يومين ولا ثلاااثهــ...

< مطوول الولــد هههه

نصيحة للجميع :: احذفووو الفروونت بيج وارمووه في اقرب حفررريهــ .. .. والله الله بالدريم ويفر & WeBuilder 2010 & Rapid PHP 2010 & البي اتش بي ديسنجر .. وانصح بقوووه بالريبد 2020 .. :n21[1]:

28-09-2009

مشكوووووووور ـآخوي وهم ..,

وتسلم على ـآلشرح ..,

وـآنــآ ـآخوكـ ـآستفسـآر بسيط ـآنـآ من خبرت ـآلتصميم وـآنـآ تعـآملي فرونت بيج ..,

ـآلدريم ويفر ـآلي تحكي عنه هذـآ ..,

وش سـآلفته بـآلظبط لأني ـآول مره ـآعرفه ..,

هل هو مثل ـآلفرونت بيج ؟

وش شركته ـآلآم [ مـآيكروسوفت ] ولآ شنو ؟

وهل يفي مكـآن ـآلفرنت بيج بـآلتصــآميم ـآلستـآيلآت ؟؟

ـآم فقط خـآص بـآلبرمجه ؟؟؟؟

عمومـآ ـآسف على ـآلآطـآله عليكـ ..,

وبـآنتظـآر هـآك [ ـآلحلم ] ـآلآصدـآر ـآلجديد لأني بجد متحمس له ..,

تقبل ودي وـآحترـآمي ..,

28-09-2009

الغفوو حبيبي ..

بالنسبة لـ الدريم ويفر ...

محرر متطور يدعم اهم لغات البرمجهـ والتطوير .. ولعل اهمها [ PHP + CSS + HTML ] بالنسبة لي ..

والمحرر يدعم لغات اخرى مهمة..

بالنسبة للشركة الأم ..: الأدوبي ... هي نفسها المنتجهـ للفوتوشوب

الفرونت بيج سهل الأستخدام ومحدود الأمكانياات وكل اللي فيه زرين ويخلص هههه ..
الأدوبي يارجل تضيعـ فيهــ ..

http://www.adobe.com/products/dreamweaver/

النسخة اللي استخدمها انا :
adobe Dreamweaver CS3

ونفسي احمل الأصدار الجديد بس الأتصالــ لك عليهـ < سلك ض2..

منوور خيووو..

03-10-2009

76 مشاهدهــ ولا فيه اي محاااولة ..

اوكي .. موب مكمل الموضوع قبل الوااجب ينحل ض2..

03-10-2009

  </td>
<td style="background-image: url('heelm/images/forhom_07.jpg')">
</tr>
<tr>
<td>
<img border="0" src="heelm/images/forhom_14.jpg" width="53" height="52" alt="حلم النسيان" /></td>
<td>
<img border="0" src="heelm/images/forhom_13.jpg" width="410" height="52" alt="حلم النسيان" /></td>
<td width="100%" style="background-image: url('heelm/images/forhom_12.jpg">&nbsp;</td>
<td>
<div align="left">
<img border="0" src="heelm/images/forhom_11.jpg" width="181" height="52" alt="حلم النسيان" /></td>
<td>
<div align="left">
<img border="0" src="heelm/images/forhom_10.jpg" width="53" height="52" alt="حلم النسيان" /></td>
</tr>
</table>

هذي محاولتي :005:
<< يقول ياارب تكون صح

يعطيك العافيه اخوي وهم على مجهودك

كل الود

04-10-2009

الدريم هذا اهااااااااااااا اجل دريم هاه

اقول الظاهر نبي نلغم البتاع عشان نحل اخطاء البتاع

تسلم حبيبي وهم

05-10-2009

المشاركة الأصلية كتبت بواسطة صاحب مبدء

  </td>
<td style="background-image: Url('heelm/images/forhom_07.jpg')">
</tr>
<tr>
<td>
<img border="0" src="heelm/images/forhom_14.jpg" width="53" height="52" alt="حلم النسيان" /></td>
<td>
<img border="0" src="heelm/images/forhom_13.jpg" width="410" height="52" alt="حلم النسيان" /></td>
<td width="100%" style="background-image: Url('heelm/images/forhom_12.jpg">&nbsp;</td>
<td>
<div align="left">
<img border="0" src="heelm/images/forhom_11.jpg" width="181" height="52" alt="حلم النسيان" /></td>
<td>
<div align="left">
<img border="0" src="heelm/images/forhom_10.jpg" width="53" height="52" alt="حلم النسيان" /></td>
</tr>
</table>