السلام عليكم ورحمة الله وبركاته ...
عندما انتهيت من اعداد بعض الدروس ( حوالي ثلاثة دروس ) انتبهت الى بعض المشاكل التي قد تواجهك اثناء اعداد الصفحات باستخدام html وبالحقيقة هن مشكلتين وسنستعرضها كالتالي :
1- مشكلة محاذاة العناصر الى اليسار .
عند التصميم بالـhtml فإن المحاذاة الافتراضية للعناصر تكون لليسار وكذلك النصوص ... اليك هذه الصورة للتوضيح :
وبهذه الحالة فان الصفحة تكون بشكل غير مقبول خصوصاً وان لغتنا العربية تكتب من اليمين الى اليسار بعكس اللغة الانجليزية ولذا سنغير محاذاة العناصر باستخدام الوسم dir="rtl" داخل الوسم <html> وذلك بالشكل التالي :
عندما انتهيت من اعداد بعض الدروس ( حوالي ثلاثة دروس ) انتبهت الى بعض المشاكل التي قد تواجهك اثناء اعداد الصفحات باستخدام html وبالحقيقة هن مشكلتين وسنستعرضها كالتالي :
1- مشكلة محاذاة العناصر الى اليسار .
عند التصميم بالـhtml فإن المحاذاة الافتراضية للعناصر تكون لليسار وكذلك النصوص ... اليك هذه الصورة للتوضيح :
وبهذه الحالة فان الصفحة تكون بشكل غير مقبول خصوصاً وان لغتنا العربية تكتب من اليمين الى اليسار بعكس اللغة الانجليزية ولذا سنغير محاذاة العناصر باستخدام الوسم dir="rtl" داخل الوسم <html> وذلك بالشكل التالي :
<html dir="rtl">
<head><title>هنا يكتب عنوان الصفحة </title></head>
<body>
هنا تكتب المحتويات التي تظهر
في المتصفح
</body>
</html>
<head><title>هنا يكتب عنوان الصفحة </title></head>
<body>
هنا تكتب المحتويات التي تظهر
في المتصفح
</body>
</html>
الوسم المشار اليه باللون الاحمر هو الوسم الذي قمنا باضافته لجعل محاذاة الصفحة او بالاحرى اتجاه الصفحة من اليمين الى اليسار .... بعد اضافة الوسم السابق ستصبح العناصر بالشكل التالي :
2- ظهور الحروف العربية بشكل غير مفهوم
احدى المشاكل التي ستواجهك عن التصميم بhtml هي ظهور حروف اللغة العربية بشكل غير مفهوم ... انظر الصورة التالية للتوضيح :
ولحل هذه المشكلة نقوم بتغيير تشفير النصوص عند حفظ الصفحة وذلك بالشكل التالي :







تعليقان على | بعض المشاكل التي تواجهك اثناء العمل |
18 أبريل 2011 في 6:47 ص [حذف]
شكررررررررررررررررررررررررا لكن اريد لو سمحت بعض الشفرات لربط الازرار ببعضها او بالصفحة الرئيسية عند تصميم موقع
18 أبريل 2011 في 7:13 ص [حذف]
غير معرف
لم افهم السؤال جيداً
ولكن انصحك بمراجعة درس الروابط والوصلات ستجده في الفهرس
اترك تعليقك على الموضوع