| |||||||
| المدوّنات | البحث | مشاركات اليوم | اجعل كافة المشاركات مقروءة |
 |
| | LinkBack | أدوات الموضوع |
| |||||
| الطريقه الصحيحه في جعل تصميمك متوافق مع XHTML انا راح اشرح لكم الطريقه اللي أنا استخدمها في جعل الستايل متوافق للمعايير القياسية 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: عبدالله التميمي | |||||
|
| |||||
|
الطريقة الصحيحة هي أن تتعلم كتابة XHTML 1.0 Transitional بشكل صحيح أساساً وأن لا تعتمد على برنامج أثري كالفرونت بايج!
__________________ خدمة التحويل الاحترافي لترميز قواعد بيانات منتديات vBulletin إلى UTF-8 vCharset Converter للمراسلة: الملتقى الطبي السوري - ميلاد موبايل: 00963988134359 (لا أجيب على الـ SMS) | |||||
|
| |||||
| اقتباس:
لكن هذا الدرس للتسهيل على المبتدئين فقط الفرونت بيج صحيح أثري زي ما قلت ولكنه ثري واجزم انك لم تعرف نصف ما يعمله الفرونت بيج صحيح المفروض نستخدم برنامج افضل مثل Microsoft Expression Web 2 ولكن أغلب المبدتئين لا يعرفونه فلذلك استخدمنا البرنامج الاثري في شرحنا ويعطيك العافية لكن هل لديك مرجع عربي يعلمنا XHTML وشكراً التعديل الأخير تم بواسطة : خليل الشبرمي التميمي بتاريخ 09-10-2008 الساعة 05:48 PM. | |||||
|
| |||||
|
للأسف لا يوجد لدي مرجع عربي ... أنا كل شيء تعلمته قرأته بالإنجليزية ..
__________________ خدمة التحويل الاحترافي لترميز قواعد بيانات منتديات vBulletin إلى UTF-8 vCharset Converter للمراسلة: الملتقى الطبي السوري - ميلاد موبايل: 00963988134359 (لا أجيب على الـ SMS) | |||||
|
| |||||
|
ممتاز ما شاء الله ^^ الله يعطيك العافيه 
__________________ سبحان الله وبحمده When Darkness Turns to light, It ends tonight.. >.< مواقعي.. ^^ Q8iEnG :: Lazqa :: ClickClick support C++ Language :: Mr.Bean's World | |||||
|
| |||||
|
شكرا لك جارى التجربة
__________________ أكاديمية الكترونيات العرب دليلك لتعلم وصيانة الاجهزة الالكترونيات الاتصال بنا 0020122339005 info@electroarab.com | |||||
|
| |||||
|
افضل برنامج للتصميم بدون اخطاء هو البدا ببرامج حديثة اذا كنت تريد تصميم يتبع احدث المعاير القياسية مثل css والبرنامج الاول الذى افضلة فى التصميم هو Adobe Dream weaver cs3 وبعدها Microsoft Expression Web واتمنى التوفيق للجميع
__________________ Creative Designer | |||||
|
| |||||
|
ها انا عدت عندما عرفت ميزات فرونت بيج بعد ان علمني احد المبرمجين الهنديين استغربت ان لديه هذه الامكانيات الرائعة .. فما بالك بالدريم ويفر .. انا حاليا اعمل على فرونت بيج حسبت متطلبات العمل وقد بدات في برنامج Microsoft Expression Web 2.0 وتوجد فيها اشياء كثيرة تشبة الفرونت بيج :: نستيطع ان نقول انه نسخة مطورة لفرونت بيج تطوير قوي جدا لم اهتم بالتوفقية مع المعايير والمقاييس .. من يحث العمل .. لكن مع برنامج Microsoft Expression Web ساكون حريصا على التوافق شكرا لكم جيمعا | |||||
|
| |||||
|
Microsoft Expression Web روعه وهو التطوير الفعلي للفرونت بيج وشخصيا افضله عن Dream Weaver ولكن الخاصيه السابقة لم تحل توافقية التصميم مع الxhtml يجب دراستها ليتم تصحيح الاخطاء كاضافة اسم title للصوره وهذا لا يقوم به ابدا اي برنامج | |||||
|
|
| |
| |
| أدوات الموضوع | |
| |
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| تصميم منتدى احترافى متوافق XHTML 1.0 و CSS للبيع | villaarts | خدمات البيع والشراء والإعلانات التجارية | 0 | 01-10-2008 12:11 AM |
| نحتاج الطريقه الصحيحه لحماية بيناتنــا | رجل الحق | أخبار الإنترنت والتقنية ومناقشتها | 1 | 10-09-2006 06:03 AM |
| اريد الطريقه الصحيحه لقرائة بريد موقعي بالعربي | صُهيب | تطوير الويب | 3 | 14-09-2005 02:15 AM |
| ماهي الطريقه الصحيحه لاخذ نسخه احتياطيه لقاعدة البيانات | ][ شهاب ][ | إصلاح وصيانة المنتديات | 8 | 26-02-2005 12:06 PM |
| الطريقه الصحيحه لحمايه برامج وعندم استخدامها من مواقع اخرى (الباندويث) | NewGsm | تطوير الويب | 2 | 01-07-2004 08:09 PM |
