تحديث آخر نسخة 1.8.37

تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
[طور موقعك] 1- البداية: إضافات أساسية
#1
إذا كنت لاتحب الكلام الكثير، فانتقل مباشرة لـ"البداية: إضافات لابدّ منها"

المقدمة

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



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

متطلبات الدروس

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


طريقة الشرح


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




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


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

الـDocType


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



هناك ثلاثة أنواع من الدوكتايب الخاص بلغة الـHTML، ونذكر منه اثنين فقط هنا، هما:

Strict

كود :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

transitional أو (loose)
كود :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

نأتي لتعريفهم:
  • أما عن Strict فمعناه أن هذا الموقع ملتزم بالوسوم القياسية للـHTML وموقعه لايحتوي على شيء غير قياسي أو وسوم مهملة أو أخطاء أخرى فيه (لا أنصح به حالياً لعدم توفر هذا الآن لدينا).
  • أما transitional فمعناه أن الموقع يستخدم بعض الأكواد المهملة أمثال وغيره وأن لديه بعض الأخطاء فلا يدقّق علينا كثيراً (أنصح به وهو الخيار حالياً).
تستطيع إضافة الدوكتايب أسفل البسملة إن كنت قد وضعت البسملة، وإن لم تضعها فيجب أن تضع الدوكتايب في أول سطر فوق كل شيء.



كانت هذه المقدمة والبداية، ونواصل في مقالات أخرى بإذن الله.

للأمانة منقول من مجتمع مطورى المواقع

الرد
شكر من طرف :
#2
كل الشكر والامتنان على روعهـ بوحـكـ ..
وروعهـ مانــثرت .. وجماليهـ طرحكـ ..
دائما متميز في الانتقاء
الرد
شكر من طرف :
#3
ربي لايحرمنا من هذا القلم الذهبي
يعطيك الف عافيه على الموضوع الرووعه
دمت ودام قلمك


الرد
شكر من طرف :
#4
مشكور للمجهود الطيب بارك الله فيك
الرد
شكر من طرف :


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 4 ) ضيف كريم