السلام عليكم
انا راح اشرح لكم الطريقه اللي أنا استخدمها في جعل الستايل متوافق للمعايير القياسية XHTML
لكن تبقى بعض الأخطأ البسيطه تحلها باحترافك في هذا المجال
الان قبل أن تبدأ التصميم على الستايل الأفتراضي للمنتدى يفترض ان تكون الأخطأ خاليه ويعتبر الستايل الافتراضي متوافق
لكن اذا صممت هايدر وفوتر وبديت في الفرنت بيج فانها سوف تأتيك عدة أخطأ
ولحل هذه الاأخطأ قبل وضع ما صصمته للهايدر في الفرنت بيج تابع الدرس وطبقه على تصميمك
وهذا تصميم بسيط للتوضيح طريقة جعل التصميم متوافق
والدرس هنا ليس درس تصميم ولكن لجعل التصميم متوافق
وسوف اوضح لكم في هذا التصميم
لنفحص هذا التصميم من الرابط هذاكود:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" lang="ar" xml:lang="sa"> <head> <meta http-equiv="Content-Language" content="ar-sa"> <title>صفحة التجربه ترايدنت</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta name="copyright" content="traidnt.net"> <meta name="author" content="traidnt.net"> <meta name="description" content="خريطة الموقع ، موقعي ، منتديات ، برامج"> <meta name="keywords" content="مواقع ، خدمات ، برامج ، اقسام "> <meta name="generator" CONTENT="عنوان الصفحه"> <style> <!-- .page { background: #FEF8FC; color: #4D0A50; } .navbar { color: #4D0A50; font: bold 11px tahoma, arial, helvetica,verdana; } .navbar { font: bold 8pt Tahoma; }--> </style> <body background="http://upload.traidnt.net/upfiles/tz753035.gif"> <p align="center"><font size="6">السلام عليكم ورحمة الله وبركاته</font></p> <p align="center"> </p> <p align="center"><font size="6">هذي تجربة الصفحه اللذي قمنا بتطبيقها بالدرس</font></p> <p align="center"> </p> <p align="center"><a href="http://www.traidnt.net/vb/"> <span style="text-decoration: none"><font size="6" color="#CC0099">معهد ترايدنت</font></span></a></p>
http://validator.w3.org/#validate_by_input
فالنتيجه تكون 25 خطأ
Result: 25 Errors
لحل هذه الأخطأ في الفرنت بيج تابع الصورة التالية
هذه هي البرمجة بعد ما عدلنها
والان لو نسخنا البرمجه وفحصناها مره اخرى بتكون النتيجهكود:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" lang="ar" xml:lang="sa"> <head> <meta http-equiv="Content-Language" content="ar-sa" /> <title>صفحة التجربه ترايدنت</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" /> <meta name="copyright" content="traidnt.net" /> <meta name="author" content="traidnt.net" /> <meta name="description" content="خريطة الموقع ، موقعي ، منتديات ، برامج" /> <meta name="keywords" content="مواقع ، خدمات ، برامج ، اقسام " /> <meta name="generator" CONTENT="عنوان الصفحه" /> <style> <!-- .page { background: #FEF8FC; color: #4D0A50; } .navbar { color: #4D0A50; font: bold 11px tahoma, arial, helvetica,verdana; } .navbar { font: bold 8pt Tahoma; }--> </style></head> <body background="http://upload.traidnt.net/upfiles/tz753035.gif"> <p align="center"><font size="6">السلام عليكم ورحمة الله وبركاته</font></p> <p align="center"> </p> <p align="center"><font size="6">هذي تجربة الصفحه اللذي قمنا بتطبيقها بالدرس</font></p> <p align="center"> </p> <p align="center"><a href="http://www.traidnt.net/vb/"> <span style="text-decoration: none"><font size="6" color="#CC0099">معهد ترايدنت</font></span></a></p></body></html>
ثلاثة أخطأ
Result: 3 Errors
وهذه الثلاثة أخطأ على حسب احتراف اللي بيحلها
وكل شيء يسجلونه لك
الخطأ الأول
<meta name="generator" CONTENT="عنوان الصفحه" />
والخطأ الثاني هو نفسه
<meta name="generator" CONTENT="عنوان الصفحه" />
وحلها هي ان CONTENT كتبت بحروف كبتل والصحيح تكتب بحروف سمول content
والخطأ الثالث
<style>
المفروض ما تكون إلا على صيغتين
اما تكون على الصيغة التالية
<style type="text/css">
او تكون على الصيغة التالي
<style type="text/javascript">
لكن الصيغة الثانية لو كانت البرمجة التي بداخلها javascript
وانا الصيغة الأولى فتكون لبرمجة CSS
وتصميمنا هذا فيه برمجة CSS فتكون على الصيغة الأولى
<style type="text/css">
ونفحص التصميم بعد تعديل الثلاث أخطأ
فتكون النتيجهكود:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" lang="ar" xml:lang="sa"> <head> <meta http-equiv="Content-Language" content="ar-sa" /> <title>صفحة التجربه ترايدنت</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256" /> <meta name="copyright" content="traidnt.net" /> <meta name="author" content="traidnt.net" /> <meta name="description" content="خريطة الموقع ، موقعي ، منتديات ، برامج" /> <meta name="keywords" content="مواقع ، خدمات ، برامج ، اقسام " /> <meta name="generator" content="عنوان الصفحه" /> <style type="text/css"> <!-- .page { background: #FEF8FC; color: #4D0A50; } .navbar { color: #4D0A50; font: bold 11px tahoma, arial, helvetica,verdana; } .navbar { font: bold 8pt Tahoma; }--> </style></head> <body background="http://upload.traidnt.net/upfiles/tz753035.gif"> <p align="center"><font size="6">السلام عليكم ورحمة الله وبركاته</font></p> <p align="center"> </p> <p align="center"><font size="6">هذي تجربة الصفحه اللذي قمنا بتطبيقها بالدرس</font></p> <p align="center"> </p> <p align="center"><a href="http://www.traidnt.net/vb/"> <span style="text-decoration: none"><font size="6" color="#CC0099">معهد ترايدنت</font></span></a></p></body></html>
This document was successfully checked as XHTML 1.0 Transitional!
Result: Passed
خالي من الأخطأ
ويستحق الوسم
واذا عدلت اخطأ الستايل فسوف تعيقك بعض المشاكل البسيطه لكن بخبرتك واحترافك يمكنك حلها
واحذر ان تعدل ستايلك من جديد وتاخذ تمبلت الهوم فروم وتعدله بالفرنت بيج فسوف يعطيك أخطاء عظيمة وتخرب عندك كل الدوال الشرطيه if
اللي لديه اي سؤال يسأل
تحياتي :shiny01:
عبدالله التميمي
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة Milad 
