صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 21

الموضوع: هيدر سوالف من عملي بالـXHTML

  1. #1
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128

    هيدر سوالف من عملي بالـXHTML



    السلام عليكم ورحمة الله وبركاته..

    مرحباً إخوتي..
    قد تستغربون من الموضوع.. لكنه بسيط

    أردت أن أعمل تطبيقاً عملياً بعد انتهائي من تعلم الـHTML والـXHTML .. فرأيت هيدر سوالف.. فأخذت الصور منه وقمت بكتابة كوده كاملاً بالـXHTMl بيدي تماماً والحمدلله بدون الاستعانة ببرامج WYSIWYG..
    وأظنه متوافق مع المعايير إلا أنه ينقصه الـcss ويكون كل شيء بخير

    هو بسيط كبداية..
    وقد طرحته ليراه أولو الخبرة ويضعون أي ملاحظات يرونها فيه أو اقتراحات تفيدني في الأعمال القادمة


    وهذه أجوبة لأسئلة قد تخطر على بال البعض:
    1- ان قمتم بفحصه على مدقق w3 ستجدون أنه ليست هناك أية أخطاء إلا "أربعة" ملاحظات حسب ما أذكر وهي تقول أنني لم أضع الـattribute المسمى alt لبعض الصور.. وهذا عادي لأنها لا تحتاجه

    2- لم أستخدم الـcss في العمل مطلقاً إلا في موضعين فقط فأرجوا أن لا يقول أحدهم أنه يجب استعمال الـcss في المكان الفلاني والفلاني لأني أردته فقط XHTML

    3- الكود مرتب هكذا وربما ليس فيه ترتيبات وفراغات كالتي يصنعها الفرونت بيج وغيره.. وهذا لتقليل المساحات وتسريع التصفح

    4- استخدمت الروابط للصور فوراً ولم أستخدم الـMap كما هو فعلياً في سوالف سوفت (افتح سورس الهيدر).. والسبب أنه لاحاجة للماب في هذا الموضع.. لكن لو كانت الصور تم تقطيعها على الأزرار فقط لكان أفضل

    5- استخدمت هيدر سوالف لأنه جميل وبسيط ومفتوح للجميع لكي لا ينادي أحدهم بالحقوق والسرقة


    هذا كل شيء.. وعذراً على الاطالة
    (اللي يسمع يقول كاتب موقع كامل)

    وهذه بداية.. وان شاء الله تكون هناك أعمال أكثر ^_^


    (أدعوا إدارة سوالف لاستخدام كودي بدل الكود الموجود الآن في هيدر سوالف سوفت <<< مغرور )



    اخوكم
    المبدع العربي ^_^





    الملفات المرفقة الملفات المرفقة
    __________________
    مدونة المبدع العربي


  2. #2
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    ( عملي هذا لايعني أنني لا أستطيع انشاء موقع كامل.. الحمدلله أستطيع لكن الوقت ضيق <<< ما قلت لكم مغرور هذا)





    __________________
    مدونة المبدع العربي

  3. #3
    عضو جديد
    تاريخ التسجيل
    Nov 2005
    المشاركات
    23


    ماشاء الله عمل ممتاز دايم تبدعنا يامبدعنا






  4. #4
    عضو نشيط جدا
    تاريخ التسجيل
    Nov 2003
    المشاركات
    461


    100% يا معلم

    هذا ليس بغريب على مبدع مثل مبدعنا العربي

    بس صراحة لو بدي اتفلسف عليك لكان طفشت زمان << فيلسوف

    امزح معك بالتوفيق





    __________________
    AlwatanVoice, www.alwatanvoice.com
    Almashroo, www.almashroo.com

    Pal Coder == Palestinian Coder

  5. #5
    عضو فعال جدا
    تاريخ التسجيل
    Feb 2005
    المشاركات
    2,739


    طيب ومن منا يرد فعل هذا مثلك ماذا تنصحنا





    __________________
    شبكة حلم العرب لتطوير المواقع
    PHP-NUKE: Web Portal System
    www.aradream.com/servics
    www.aradream.com/portal
    www.aradream.com/forums
    العنوان : ج.م.ع الشرقيه فاقوس شارع السيد حسين - كاسبر نت

  6. #6
    عضو فعال
    تاريخ التسجيل
    Jul 2003
    المشاركات
    1,576


    شغل رائع يا باشا وعلى مية بيضا ..



    تسلم إيدك ..


    فقط لدي ملحوظة صغيرة بشأن ال ALT ، إذا كانت الصورة مثلا من أجزاء التصميم ولا تستحق أن يكون لها ALT فقط أضف
    كود:
    Alt=""
    بالتالي لا نضيف alt فعليا .. ونكسب w3c في نفس الوقت

    والله يوفقك





    __________________
    SWF Thumbnail - tweet me

  7. #7
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    m9d3.com..
    الله يخليك.. الابداع منكم

    Pal Coder..
    أهلاً بالمعلم الكبير..
    الله يخليك..
    أتقبل الفلسفة بصدر واسع خخخخخ

    Mr.Dosa..
    قد شرحت لك أخي الكريم فيما سبق شرحاً مفصلاً عن هذا .. وباهتصار.. تعلم الـhtml ثم انتقل للـxhtml وهذا لا يحتاج شيئاً.. ثم تعلم الـCSS
    هنا تكون قد أصبحت قوياً وتصمم حسب المعايير وتصمم أفضل المواقع جودة وقوة وسرعة ونقاوة

    Egyptechno..
    أهلاً بالأستاذ..
    فعلاً قد فكرت في هذا.. لكن قلت أظن انه عند وضع هذه الخاصية سيظهر مستطيل أصفر فارغ عندما نضع الماوس على الصورة.. لم أجرب لكن توقعت هذا.. هل هذا صحيح؟
    لهذا السبب استغنيت عنه!!
    شكراً عزيزي


    شكراً لكم جميعاً ^_^





    __________________
    مدونة المبدع العربي

  8. #8


    اخي الكريم .. ما الفرق بين هذه اللغة واللغة html واللغة shtml

    ارجو التوضيح في عدة سطور ..






  9. #9
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    السلام عليكم
    بصراحة.. لا أستطيع أن أفتيك في الـshtml لأنني لا أتذكره.. لكن في سوالف هنا تحدث عنه الأخوة

    أما عن XHTML فهو باختصار.. تطوير للغةالـHTML ، وهذا سيفيدك
    http://www.serdal.com/articles/3/
    انظر إلى الاختلافات المذكورة وستعرف الفرق

    اذا لم تعرف فأخبرني لأشرحه لك هنا ^_^





    __________________
    مدونة المبدع العربي

  10. #10
    عضو فعال جدا
    تاريخ التسجيل
    Feb 2005
    المشاركات
    2,739


    شكر على ردك اخى الكريم





    __________________
    شبكة حلم العرب لتطوير المواقع
    PHP-NUKE: Web Portal System
    www.aradream.com/servics
    www.aradream.com/portal
    www.aradream.com/forums
    العنوان : ج.م.ع الشرقيه فاقوس شارع السيد حسين - كاسبر نت

  11. #11
    عضو جديد
    تاريخ التسجيل
    Nov 2005
    المشاركات
    18


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

    وأتمنى من الأساتذة المبدعين إفادتنا بدروس الـ xhtml . او ترجمة بعض الدروس التي في
    www.w3schools.com

    وإلى الأمام يامبدع
    اخيك /
    راشد المري






  12. #12
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    جزاك الله خيراً عزيزي على الرد ^_^

    وانا بصراحة قد تعلمت من كتاب أجنبي مشهور.. والكتب الأجنبية والمواقع الأجنبية والدروس الأجنبية طبعاً أفضل من العربي

    موقع w3schools لا يعلمك كل شيء بل يعطيك رؤوس الأقلام مع بعض لتفصيل ^_^

    ان شاء الله يكون هناك أخوة قد كتبوا دروس للـXHTML
    بالمناسبة.. لا مشكلة، تعلم الـHTML ثم ارتقِ للـXHTML والاختلافات بين الأول والثاني بسيطة أخي العزيز ^_^


    المبدع العربي ^_^





    __________________
    مدونة المبدع العربي

  13. #13
    عضو جديد
    تاريخ التسجيل
    Nov 2005
    المشاركات
    18


    اخوي انا عندي خبرة بالـ html والله الحمد

    وودي اعرض عليك عمل اشتغلت عليه بالـ xhtml

    بدون مساعدة أي برنامج .. ، كتبة يدويا ً وحرصت على نظافتة في

    http://validator.w3.org

    ياليت تشوفة استاذي





    الملفات المرفقة الملفات المرفقة
    • نوع الملف: zip test.zip‏ (8.5 كيلوبايت, 26 مشاهدات)

  14. #14
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    السلام عليكم..
    أخي الكريم..
    ليس مثلك يسأل مثلي.. فكلنا متساوون وأنا لست بأستاذ
    فأما الأستاذ فهو سردال وأمثاله، أما أنا ومن هم مثلي فنقول الحمدلله على ما علمناه..

    لكن اطلعت عليه.. ولم أطلع على ملف الـcss فلست بالخبير المحترف فيه، ولن أتحدث عن أي شي يتعلق به ^_^..
    وبالفعل، لقد أعجبني جداً تنظيمك وظننت في بادئ الأمر أنه من عمل برنامج.. تنظيم رائع بالفعل أخي العزيز واستخدم أحد البرامج ليساعدك كـTop Style
    وهذه ملاحظات بسيطة:
    1-
    كود HTML:
    dir="rtl"
    - أرى أنه لا حاجة لها في كل جدول ومكان.. طالما أنك وضعتها في الوسم الأول <html> فستكون الصفحة بما فيها متجهاً لليمين.. فإن كنت محقّاً فتستطيع حذفه لكي تسرّع الصفحة أكثر وأكثر

    2-
    كود HTML:
    <td width="73%"></td>
    - أظن أنه من الأفضل أن تضع فراغاً فيه يعني: ( &nbsp; ) لأنك مثلاً لو وضعت للجدول إطار فيما بعد أو شيء سترى أن هذا المكان تحدث فيه ربما مشكلة لأنه كأنه غير موجود.. فضع فيه فراغاً على الأقل إن كنت لن تستخدمه

    3- لقد استخدمت في الـtd الـwidth مرة بالنسبة المئوية ومرة بالبكسل.. وأظن أنك يجب أن تلتزم بواحد وهو المئوي لتحديد صحيح طالما أنه يتمدد مع الصفحة.. والله أعلم

    4-
    كود HTML:
    <td><h1 align="center">المبدع لخدمات التصميم</h1><h3 align="center">نترجم لك الإبداع</h3></td>
    - أولاً للتنويه، أنت تستخدم XHTML والـalign في الـXHTML لاينفع .. فما رأيك لو أنك استعملت التوسيط للجملتين معاً في الـtd نفسه؟، فيصبح هكذا:
    كود HTML:
    <td align="center"><h1>المبدع لخدمات التصميم</h1><h3>نترجم لك الإبداع</h3></td>
    فتكون بذلك قد طبقت الصحيح وابتعدت عن الخواص المهملة وخففت من الكود بحيث أنك اختصرت خاصيتين بخاصية واحدة

    5-
    كود HTML:
    <td>testتجربة</td>
    - لم تضع خاصية التوسيط align فيه

    6- أحسنت اختيار الـDoctype فهو يناسب المحتوى ^_^


    وبالتوفيق لك دائماً وأبداً..

    وأنصحك باقتناء كتاب لشخص فاهم يشرح لك كل شيء في الـHTML وتتعلمه كاملاً وكذلك الـXHTML .. وحبذا لو يكون مترجماً لأن المترجم برأيي أفضل من العربي ^_^


    اخوك
    المبدع العربي





    __________________
    مدونة المبدع العربي

  15. #15


    ممتاز وننتظر الفوتر










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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