التغطية المصورة ليوم سوالف: الجزء الأول، الجزء الأخير
الفائزون في المسابقة الأصغر لسوالف كاست

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > تطوير الويب
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو فعال جدا
تاريخ التسجيل: Feb 2004-
#1 (permalink)  
سلسة (طوّر موقعك) 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


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

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






__________________
تركت عالم تطوير المواقع

مدونة المبدع العربي
المبدع العربي غير متواجد حالياً   قديم 12-06-2006, 02:59 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Oct 2005-
#2 (permalink)  

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






الجنيدي غير متواجد حالياً   قديم 12-06-2006, 03:06 PM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: May 2006-
#3 (permalink)  

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






Actuary غير متواجد حالياً   قديم 12-06-2006, 03:06 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Jun 2002-
#4 (permalink)  

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

تحياتي






PHP-Master02 غير متواجد حالياً   قديم 12-06-2006, 03:10 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jun 2006-
#5 (permalink)  

بالفعل

اسم على مسمى

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


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






ابو صخر غير متواجد حالياً   قديم 12-06-2006, 03:32 PM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: Jun 2006-
#6 (permalink)  

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






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

http://dad4dev.net
عم مصر غير متواجد حالياً   قديم 12-06-2006, 03:42 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Nov 2005-
#7 (permalink)  

السلام عليكم

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






__________________
سبحان الله وبحمده ... سبحان الله العظيم.
إقرأ .. لتتعلم
[AJAX] سكربت إتصل بنا (ديف كونتاكت) النسخة 2.3.1
MySmartBB
المشروع
ByPHP.NET
Developer. غير متواجد حالياً   قديم 12-06-2006, 03:50 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Sep 2005-
#8 (permalink)  

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

تحياتي لك






__________________
تصميم وتطوير المواقع والمنتديات
www.pixelat.com
كيت كات غير متواجد حالياً   قديم 12-06-2006, 03:59 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Jun 2003-
#9 (permalink)  

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

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

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


ابو خالد






k8ncom غير متواجد حالياً   قديم 12-06-2006, 04:01 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: May 2006-
#10 (permalink)  

مبدع يامبدع

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


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






الإمبراطور وحيد متواجد حالياً   قديم 12-06-2006, 05:26 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Oct 2005-
#11 (permalink)  

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

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






m7bobh غير متواجد حالياً   قديم 12-06-2006, 05:54 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Nov 2005-
#12 (permalink)  

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

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


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






موقع روش غير متواجد حالياً   قديم 12-06-2006, 06:17 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Nov 2000-
#13 (permalink)  

شكرا لك

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






__________________
قال رسول الله صلى الله عليه وسلم (( من استطاع منكم ان ينفع اخاه فليفعل ))
alil998 غير متواجد حالياً   قديم 12-06-2006, 06:27 PM
رد مع اقتباس
عضو فعال جدا
تاريخ التسجيل: Feb 2004-
#14 (permalink)  

السلام عليكم

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

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


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






__________________
تركت عالم تطوير المواقع

مدونة المبدع العربي
المبدع العربي غير متواجد حالياً   قديم 12-06-2006, 09:47 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Feb 2003-
#15 (permalink)  

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






__________________
--------------------
Yosry sabry
yosry غير متواجد حالياً   قديم 13-06-2006, 12:26 AM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Nov 2005-
#16 (permalink)  

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






__________________
اللهم لك الحمد و لك الشكر كما ينبغى لجلال وجهك وعظيم سلطانك
اللهم أحسن خاتمتنا
اللهم توفنى فى أشرف الزمان والمكان ..
المصحف المُعلم مجاناً جاهز للتحميل الآن !
ahdaf.net غير متواجد حالياً   قديم 13-06-2006, 12:49 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Nov 2005-
#17 (permalink)  

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






__________________
اللهم ياستار يا غفار ... أرحمنا وأغفر لنا .. اللهم أشفى مرضانا ومرضى المسلمين
برونايل غير متواجد حالياً   قديم 13-06-2006, 02:10 AM
رد مع اقتباس
The Big M
تاريخ التسجيل: Sep 2001-
#18 (permalink)  

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

موضوع حلو و طريقتك سهلة و بسيطة في الشرح ...
و رغم ان الدروس لازلت في بدايتها، الا اني واثق انك ستصل بها الى الاحتراف ...

بالتوفيق

تحياتي
موودي






__________________
لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ

Mrrha - Distribution Files Service

كيف تستخدم Google Adwords Keyword Tool

مدون الادسنس !

الألفاظ هي الثياب التي ترتديها أفكارنا، لذا ..يجب ألا تظهر أفكارنا في ثياب رثة بالية
محمود المسعودي غير متواجد حالياً   قديم 13-06-2006, 05:34 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Sep 2004-
#19 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة برونايل
جزاك الله كل خير اخوي
مشكوور






__________________
تجري الرياح فيما لا تشتهي السفن
WolfMan غير متواجد حالياً   قديم 13-06-2006, 09:21 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Aug 2004-
#20 (permalink)  

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






r7eel غير متواجد حالياً   قديم 13-06-2006, 11:42 AM
رد مع اقتباس
عضو فعال جدا
تاريخ التسجيل: Feb 2004-
#21 (permalink)  

العفو اخواني الأعزاء ولا شكر على واجب






__________________
تركت عالم تطوير المواقع

مدونة المبدع العربي
المبدع العربي غير متواجد حالياً   قديم 13-06-2006, 01:52 PM
رد مع اقتباس
عضو فعال جدا
تاريخ التسجيل: Feb 2002-
#22 (permalink)  

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






__________________
مؤسسة المهمات البرمجية
00966507585887
0507585887


www.mr-php.com.sa
www.mr-php.com
المهمة9 غير متواجد حالياً   قديم 13-06-2006, 02:07 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#23 (permalink)  

وربي انك مبدع واصل، ونحن متابعون لك






Zizwar غير متواجد حالياً   قديم 13-06-2006, 02:42 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Jun 2003-
#24 (permalink)  

انا فخور بك اخي ، فالشخص الذي يهب لمساعدة الأخرين يجبرك على أن تحبه و تحترمه ...

انني بإنتظار ما تقدمه اخي الحبيب ,,,






__________________
سبحان الله و بحمده سبحان الله العظيم .
random-x@hotmail.com
-------------
دع عنك الإستعجال
random_X غير متواجد حالياً   قديم 13-06-2006, 03:47 PM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: Jun 2005-
#25 (permalink)  

السلام عليكم ورحمة الله و بركاته
تسلم يدك يا مبدع ..... ننتظر الدرس القادم






__________________
MySmartBB ...
Really ...
Smart Forums ...
المصرى غير متواجد حالياً   قديم 13-06-2006, 04:12 PM
رد مع اقتباس
رد


 

أدوات الموضوع

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

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن: 11:56 AM بتوقيت المملكة العربية السعودية