|
|
|
|
||||||
|
|
LinkBack | أدوات الموضوع | طرق العرض |
10 - 09 - 2005, 12:53
|
||||
|
السلام عليكم ورحمة الله وبركاته . . . الإهداء : لأعضاء معهد ترايدنت فقط .. حيث أنه المعهد الوحيد الذي أتعامل معه بشفافية الأخوة بالنسبة للمواقع التي تهتم بأصحاب المواقع ؛ والرجاء عند نقل الموضوع ذكر الكاتب .. والمصدر (( ترايدنت ))  هامش : صعوبة الدرس تعتمد على مدى انسامجك مع أكواد الـ HTML وهذا إختصار للجملة Hypertext Markup Language فكل ما كان تعاملك معها أكثر كان الدرس أسهل عليك ..  ************************************************** ********  بسم الله .. نبدأ ماهي الـ XHTML ؟ هي عبارة عن تعديل وناتج معالجة للغة الـ HTML لتتوافق مع لغة الـ XML-Extensible Markup Language حيث تم دمج أفضل وأقوى الخصائص مابين اللغتين لتصدير هذه اللغة ... تخيّل المرونة العالية فيها  ********************************* بعض الفروق المهمة بين الـ HTML و الـ XHTML : # يجب إغلاق جميع الأقواس في الـ XHTML tags حيث أن بعض برامج مستعرض الانترنت تستعرض الجداول بطريقة صحيحة باستخدام الـ HTML حتى وإن لم تغلق الأقواس ... مثال : رمز Code:
<table width="100%"> <tr> <td> <p><b>مرحباً بك في ترايدنت </td> </tr> </table> <hr> ومع ذلك يظهر مفعولها تلقائياً عند استعراض المتصفح ؛ أما في لغة الـ XHTML فلابد من إغلاق جميع الأقواس حتى تعمل ويستعرضها المتصفح بشكل سليم ... مثال ذلك : رمز Code:
<table width="100%"> <tr> <td> <p><b>مرحباً بك في ترايدنت</b></p> </td> </tr> </table> <hr /> رمز Code:
<b>المضمون</b> # يجب إعطاء القيم فواصل الإقتباس .. "القيمة" بخلاف الـ HTML تحتاج لأقواس الإقتباس عند إعطاء قيمة لخاصية معينة ... مثال ذلك : HTML رمز Code:
<table width=100%> <tr> <td> <p><b>مرحباً بك في ترايدنت </td> </tr> </table> <hr> XHTML رمز Code:
<table width="100%"> <tr> <td> <p><b>مرحباً بك في ترايدنت</b></p> </td> </tr> </table> <hr /> مثال آخر : HTML رمز Code:
<option checked>1</option> رمز Code:
<option checked="checked">1</option> ********************************** كن حريص عند إدخال لغات برمجية أخرى على الـ XHTML : # عند إدخال أوامر شرطية conditional comments على قوالب الـ XHTML أفصلها كالتالي : رمز Code:
<!-- This is a comment --> الأوامر الشرطية تضعها هنا <!-- This is a comment/ --> # عند إدخال ستايلز CSS stylesheet راعي أن تكون في مكان مفصول عن قوالب الـ XHTML حيث أن معظم خصائص الأكواد تتشابه بين اللغتين والمكان الأفضل للإستايلز هو في أعلى الصفحة قبل البدء في إنشاء قوالب XHTML الـ <head> تحديداً ؛ حيث تبدأ بإنشاء css styles وتحدد كل الخصائص التي تحتاجها ثم تغلق الإستايلز .. للتوضيح : رمز Code:
<!-- CSS Stylesheet --> <style type="الأول"> <!-- حدد خصائص الإستايل وقيمة كل خاصية هنا --> </style> <!-- / CSS Stylesheet --> وحين تريد استخدام الإستايل الذي حددت خصائصه كل ما عليك إضافة كود رمز Code:
class="الجزء الأول" # عند إضافة أكواد الجافا - مثل ما فعلنا في الـ css stylesheet - يجب فصلها تماماً عن قوالب الـ XHTML في مكان معين ( يفضل في الجزء head تحت الـ css stylesheet إن وجدت ) كالتالي : رمز Code:
<script language="JavaScript" src="mystuff.js"> أوامر وتعاريف الجافا هنا </script> أتمنى أني أستطعت توضيح وشرح أساسيات بسيطة في هذا الدرس وبإذن المولى أكمل وياكم في أقرب فرصة الجزء الثاني .. مهم جداً يجب أن يكون قد سبق لك التعامل مع أكواد الـ HTML كي يتسنى لك فهم هذا الدرس والدروس القادمة بإذن الله .. لاتحرموني أبداً من دعائكم في ( الغيب ) مع كل الود والتقدير أخوكم صخر |
|
:: TRAIDNT ::
:: رفيق الدرب :: 
  |
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
|
|
:: عضو نشيط ::
 |
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
|
|
:: عضو شرف ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
: : رائع جدا رائع يا استاذ ... درس جميل واعتبره اجمل اهداااء ... الله يعطيك العافيه ايها المتألق  ... وان شاء الله يفيد الجميع ... : : احترااامي الدوسري |
|
عضو مؤسس
 
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
وفعلاً موضوع مفيد جداً بارك الله فيك اخوي صخر |
|
.:: عضو متألق ::.
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
شكرا لك |
|
:: عضو نشيط ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
|
|
:: عضو نشيط ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
تحياتي |
|
:: عضو شرف ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
يعطيك العافية يارب بانتظار البقية |
|
:: الفائز بمسابقة الذكاء ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
شكراً لحضوركم الكريم ممتن بعمق المحيط وبإذن الله القدام أجمل بتواصلكم إحترامي وتقديري أخوكم صخر |
|
.:: عضو متألق ::.
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
|
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
ماشاء الله شرح وتميز كما العاده |
|
:: عضو نشيط ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
|
|
:: عضو نشيط ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
سلمت يداك مع التحية |
|
:: عضو نشيط ::
|
رد : مقدمة عن لغة الـ Xhtml مهمة للمتقدمين في لغة الـ Html - الجزء الأول [[ صخر ]]
الف شكر لك اخوي صخر لكن استفسار بسيط انا اخذت كورس كامل على اللغة وكانت جدا بدائية والي اعرفه ان اي شيء له بداية له نهاية اي بمعنى اخر : اذا فتحنا التاقس في اللغة لازم نغلقه على سبيل المثال : <html> <header> وليكن هنا هيدر <title> مجموعة ترايدنت للتطوير وللاستضافة <title/> الان نغلق جميع الاقواس </header> </html> =========================================== السؤال هو اخي الفاضل لم ارى اي فرق عدا ازالة الاقواس ؟؟؟ فهل هذا هو الفرق الذي تقصده ؟؟ واسف على الاطالة والف الف الف الف شكر لك اخي الفاضل على طرحك للموضوع لك مني اجمل تحية |
| العلامات المرجعية |
| أدوات الموضوع | |
| طرق العرض | |
|
|
العرض العادي
