صفحة 1 من 3 123 الأخيرةالأخيرة
النتائج 1 إلى 15 من 44

الموضوع: سلسة (طوّر موقعك) 1- البداية: إضافات لابدّ منها

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

    سلسة (طوّر موقعك) 1- البداية: إضافات لابدّ منها



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

    اخواني الكرام.. مرحباً بكم..
    فهذا الموضوع هو نتيجة لاستفتاء طرحته منذ شهر في المنتدى بعنوان: (هل تريدون فعلاً تطوير مواقعكم والنهوض بها للتطور ؟ ).. وبعد أن رأيت التفاعل والتجاوب من الأخوة الكرام.. قررت البدء بهذه السلسة وهي: سلسلة (طوّر موقعك)..


    .:: لماذا هذه السلسلة؟ وما فائدتها؟
    - أما عن سبب السلسلة فهو حال مواقعنا العربية، فلا يخفى على أحد سوء تنظيم المواقع الداخلي عندنا، والمشاكل التي تخرج عند تصفح الموقع بمتصفحات صارمة أمثال الفايرفوكس أو في أنظمة أخرى.
    وسبب كل هذه المشاكل عدم الاهتمام بالكود من قبل العميل أو من قبل الشركة المصممة.. وهذا ليس جيداً أبداً، فالكل يهمه الشكل فقط ويظهر هذا واضحاً عند المصممين المبتدئين الذي يأخذون التصميم على انه (فوتوشوب فقط) ولايهتمون بشكل املوقع الحقيقي وترتيبه وتنظيمه

    - أما ما سنستفيده من هذه السلسلة فهو تحسين الحال بإذن الله.. فأصحاب المواقع والمصممين لا يرغبون بتعلم لغات تصميم المواقع الأساسية: HTML, XHTML, CSS.. فلا يجب علينا الوقوف مكتوفي الأيدي حيال هذا، فأتت فكرة هذا المشروع بدروس بسيطة جاهزة للتطبيق وليس فيها شروحات كثيرة ان شاء الله أو حفظ أشياء جديدة.. كل ماعليك هو تطبيق المكتوب، حتى تحسّن حال موقعك شيئاً فشيئاً وتجعله أفضل من قبل.

    + والتحسن ستراه شيئاً فشيئاً في نواحٍ متعددة:
    1- من ناحية المظهر: فمع حلقات السلسلة ستقوم بتغيير بعض أجزاء التصميم وإضافة بعض الحركات الجمالية والحيوية بإذن الله.
    2- من ناحية التطوير في المستقبل: سواء منك أو من مطور مواقع آخر.
    3- مواكبة التطور التقني: فاللغات وعالم المواقع في تطور مستمر وفي المستقبل لعله سيتم الانضباط أكثر والاتحاد والتوافق بين المتصفحات واللغات والبرامج فإذا كان موقعك منضبطاً من الآن فلن تحتاج لعمل تغييرات كبيرة جداً وجذرية في المستقبل القريب وليس البعيد
    4- سرعة الموقع: وربما لاتلاحظه أنت لكن مع كثرة الزوار سيتضح هذا من الاحصائيات والنتائج فالكود الصحيح يؤدي إلى سرعة تعامل المتصفح معك دون الحاجة للبحث بين الأكواد عن النواقص وتضييع الوقت فيها
    5- توافقيته مع بقية المتصفحات: فلا تشكو من أن مقوعك لايظهر بشكل جيد في الفايرفوكس او في المتصفح أو النظام الفلاني وتظهر مشاكل ولخبطة فيه.

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


    .:: متطلبات السلسلة:
    - لن تحتاج إلا لأن تكون صاحب موقع ولديك أكثر البرامج انتشاراً (الفرونت بيج).. والدورة لا تتطلب خبرة لا في لغات نصية ولا لغات برمجية.. لأن الموضوع كله تطبيق في تطبيق مع بعض الفوائد والنصائح.

    .:: طريقة دروس السلسلة:
    - سأحدثكم في هذه السلسلة على أنكم صممتم مواقعكم عبر الفرونت البيج البحت وبلغة الـHTML، وليس لديكم علم غيره


    +++ إذاً ماذا تنتظر؟.. طالما انك لن تخسر شيئاً وستطبق لمرة واحدة فلا بأس بالمحاولة بدل تضييع الوقت في امور أخرى.. فأتمنى منك المتابعة والتطبيق وإخبارنا بالنتائج، ولنبدأ اليوم قبل الغد، والتطبيق بسيط فلا حاجة للتأجيل


    .:: من أنا؟
    - لعل هذا سؤال مهم، ويسأله البعض ممن لايريدون أخذ العلم أو المعلومة من أي شخص لايعرفون من هو..
    ببسطة، أنا مثلكم ولست متخصصاً بعد فيه وسيكون بإذن الله تخصصي هذا في الجامعة.
    لكن كل مافي الأمر انني تعلمت من كتب ومقالات أجنبية ومقالات عربية أيضاً واستفدت منها أشياء كثيرة، فأردت أن أبلغكم ما تعلمت، فمن يعرف ما أقول فستكون له مراجعة أو لا يكمل إن أراد ومن لايعرف فليتابع ليتعلم.
    وبإذن الله سأقدم على شهادة W3 العالمية للـHTML والـXHTML والـCSS قريباً وادعوا لي بالتوفيق


    .:: البداية: إضافات لابدّ منها

    + البسملة:
    - بما اننا مسلمين، فحريّ بنا أن نبدأ باسم الله في كل عمل نقوم به، وهذا أيضاً من الممكن تطبيقه في أكواد الـHTML.. فيمكننا إضافة البسملة في بداية الأكواد في كل صفحة من مواقعنا، والفكرة أخبرنا بها الأستاذ Zizwar بارك الله فيه ونبّهنا عليها..
    وطريقة وضعه سهلة، كلما عليك هو وضع هذا الكود في رأس وبداية كل صفحة:
    كود HTML:
    <!-- بسم الله الرحمن الرحيم -->
    ضعه في أول سطر في كل صفحاتك ولن تستغرق منك وقتاً طويلاً بإذن الله تعالى، حتى يكون شرفاً لنا في جميع صفحاتنا

    + الـDocType:
    - لعلكم لاحظتموه في أغلب المواقع الأجنبية أو المواقع بشكل عام..
    وهذا له فوائد كثيرة، أولها أنه يريح المتصفح من البداية بإخباره عن نوع اللغة المستخدمة في الصفحة هذه: HTML أو XHTML.. وأيضاً يفيدك عند حكم مدقق w3 على موقعك وأخطاءه حيث يعرف اللغة التي تستخدمها ونوعها..
    وطالما أن مواقعنا مصنوعة بالفرونت بيج أو أمثاله فهي في الغالب لاتحتوي على دوكتايب وتكون في العادة اللغة المستخدمة هي HTML.. لذلك سنعتمد أننا نتعامل مع الـHTML حالياً..
    فسنستخدم الدوكتايبز الخاصة بالـHTML..
    - هناك ثلاثة أنواع من الدوكتايب الخاص بلغة الـHTML، ونذكر منه اثنين فقط هنا، هما:
    أ- Strict:
    كود HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    ب- transitional أو (loose):
    كود HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    + نأتي لتعريفهم:
    - أما عن Strict فمعناه أن هذا الموقع ملتزم بالوسوم القياسية للـHTML وموقعه لايحتوي على شيء غير قياسي أو وسوم مهملة أو أخطاء أخرى فيه.. (لا أنصح به حالياً لعدم توفر هذا الآن لدينا)
    - أما transitional فمعناه أن الموقع يستخدم بعض الأكواد المهملة أمثال <font> وغيره وأن لديه بعض الأخطاء فلا يدقّق علينا كثيراً (أنصح به وهو الخيار حالياً)

    - وتستطيع إضافة الدوكتايب أسفل البسملة إن كنت وضعت البسملة وإن لم تضعها فيجب أن تضعه في أول سطر فوق كل شيء


    ++ هذا كل ما أريد تقديمه في هذا اليوم الأول من السلسلة، ولا أريد الاطالة أكثر فأرى أن المقدمة وماكان قبل الدرس قد أخذ حيّزاً كثيراً من الموضوع.. وبإذن الله سأكمل في أحد الأيام القادمة وبعده ستنتظم الدروس أسبوعياً في نفس اليوم القادم من كل أسبوع بإذن الله تعالى


    .:: فـائــدة:
    - HTML اختصار لجملة: Hypertext Markup Language ومخترعها هو مخترع الإنترنت: Tim Berners-Lee ومعه من معه في منظمة الويب العالمية W3C


    وإن أخطأت في شيء فأرجوا من الأخوة الخبراء إعانتي.. فإن أنا إلا إنسان اصيب وأخطئ

    تقبلوا فائق احترامي وتقديري للجميع
    المبدع العربي ^_^






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


  2. #2


    اخي الغالي كعادتك انت مبدع واشكرك على ها النصائح القيمة بارك الله فيك






  3. #3
    عضو جديد
    تاريخ التسجيل
    May 2006
    المشاركات
    9


    جزاك الله الف خير اخي المبدع العربي






  4. #4
    عضو فعال
    تاريخ التسجيل
    Jun 2002
    المشاركات
    1,346


    جزاك الله خيراً
    درس رائع
    ونتمنى المواصلة في السلسلة بنفس الطريقة وأفضل أيضاً

    تحياتي






  5. #5
    عضو نشيط
    تاريخ التسجيل
    Jun 2006
    المشاركات
    88


    بالفعل

    اسم على مسمى

    انت مبدع وموضوعك فيه لمسات ابداعية


    الله يعطيك العافية






  6. #6
    عضو جديد
    تاريخ التسجيل
    Jun 2006
    المشاركات
    6


    سير يا اخ وكمل و بارك الله فيك





    __________________
    مدرسة الضاد الان للجميع خش وسجل وشارك فى الحلم :

    http://dad4dev.net

  7. #7
    عضو فعال
    تاريخ التسجيل
    Nov 2005
    المشاركات
    1,283


    السلام عليكم

    موضوغ فى غاية الجمال اخى المبدع وبدأت فعلاً بانى اهتم بالمعاير القياسية اكتر من اى وقت سبق
    وبأنتظار باقى أجزاء السلسة :nice:





    __________________
    سبحان الله وبحمده ... سبحان الله العظيم.
    إقرأ .. لتتعلم
    [AJAX] سكربت إتصل بنا (ديف كونتاكت) النسخة 2.3.2
    للتواصل ..

  8. #8
    عضو نشيط
    تاريخ التسجيل
    Sep 2005
    المشاركات
    166


    السلام عليكم
    تسلم يدك اخوي والله فادني هالدرس
    واذكر قبل عملت صفحة تجريبيه بدون اضافة السطر ورحت اجربه في صفحة المقاييس العالمية طلعت اخطاء كثيره
    وعند اضافة السطر قلت الاخطاء

    تحياتي لك





    __________________
    سبحان الله وبحمده .. سبحان الله العظيم

  9. #9
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    601


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

    جميل مبدعنا ... هذا الذي تعودناه منك بإستمرار...
    نتمنى منك عدم التوقف

    وفقك الله والجميع ... وعسى ان نرى جميع الاخوة متابعين لمثل هذه المواضيع التي تعتبر شيء اساسي ..


    ابو خالد








  10. مبدع يامبدع

    والله يوفقك لك خير


    بانتظار بقية السلسلة





    __________________
    كل مالا يعطى يضيع

  11. #11
    عضو فعال
    تاريخ التسجيل
    Oct 2005
    المشاركات
    1,797


    موضوع رائع وبدايه رائعه

    استمر في خطاك بارك الله فيك






  12. #12
    عضو سوبر نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    715


    اقتباس المشاركة الأصلية كتبت بواسطة الإمبراطور وحيد
    مبدع يامبدع

    والله يوفقك لك خير


    بانتظار بقية السلسلة
    لا يوجد اكثر من كلمه رائع توصف بيها






  13. #13
    عضو فعال
    تاريخ التسجيل
    Nov 2000
    المشاركات
    1,161


    شكرا لك

    وجزاك الله خير





    __________________
    قال رسول الله صلى الله عليه وسلم (( من استطاع منكم ان ينفع اخاه فليفعل ))

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


    السلام عليكم

    العفو اخواني الكرام وأشكركم على هذه الردود الطيبة والتفاعل الجميل

    ونتمنى لكم التوفيق جميعاً


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





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

  15. #15
    عضو سوبر نشيط
    تاريخ التسجيل
    Feb 2003
    المشاركات
    835


    حقيقة يجب أن يتم الرد في مثل هذا الموضوع ..
    ابدعت يا مبدع ..
    زادك الله علما .. ولا تتوقف ..
    بالتوفيق





    __________________
    Yosry sabry





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

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

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