الدرس الثالث : أساسيات يجب معرفتها قبل البدء في تعريب قالب بلوجر

بسم الله الرحمن الرحيم , أحبتي في الله , السلام عليكم ورحمة الله وبركاته , نستكمل معا دورة تعريب القوالب , والتي كنا بدانا بشرح مخطط الدورة , ثم طرحنا الدرس الأول بعنوان : شرح الأساسيات ونصائح مهمة , وبحمد الله قمنا بطرح الدرس الثاني , وكان تحت عنوان : نبذه مختصرة عن لغة html ولغة CSS وبإذن الله نستكمل الدورة بالدرس الثالث , وهو بعنوان : أساسيات يجب معرفتها قبل البدء في تعريب قالب بلوجر , فهيا نبدأ على بركة الله ,,
بسم الله والصلاة والسلام على رسول الله أما بعد , فتعريب أي قالب لمدونات البلوجر , يتطلب منك معرفة اساسيات القالب , أو البنية التي يتكون منها القالب , فمثلا لو عندك بيتك , البيت يتكون من ثلاثة طوابق , وكل طابق يتكون من شقتين , وكل شقة عبارة عن أربع حجر , هكذا ,, إلخ .. , هكذا قالب البلوجر , يتكون من بنية أو أساس للقالب , ولكي لا أطيل عليكم , هيا بنا نتعرف سويا , ما هي أساسيات قالب مدونة بلوجر , :

• #navbar-iframe { : وتعني : الناف بار أو الإطار " الناف بار العلوي الذي يظهر مع مدونات بلوجر " .
• /* Variable definitions : وتعني التعارف أو خصائص القالب , من أنواع الخطوط وهكذا .
• body : ويعني جسم القالب , أي المكان الذي يظهر فيه تدوينتك .
• #header { : وهو رأس القالب , أو هيدر القالب , الذي يظهر به عنوان المدونة والوصف .
• #header .description { : وصف الهيدر , أو وصف المدونة .
• #main-wrapper { : جسم القالب , أو مكان ظهور التدوينة .
• #sidebar-wrapper { : العمود الجانبي للقالب .
• h2.date-header { : تاريخ الموضوع .
• .post h3 { : عنوان الموضوع .
• .post-body { : جسم الموضوع .
• .post-footer { : الفوتر الخاص بالتدوينة , والذي يظهر به التسميات وهكذا .
• .comment-link { : لينك التعليق , أو لينك بروفايل المعلق على التدوينة .
• #comments h4 { : التعليقات .
• .profile-img { : إضافة عن المدون في القالب  .
• #footer { : فوتر القالب .
• #PageList1 { : القوائم في الناف بار , مثل الرئيسية , عن المدون , إلخ ,,
• #searchbox { : مربع البحث .
• .post-author { : كاتب الموضوع .
• .post-comment-link a { : كاتب التعليق .
• .post-labels { : التسميات أو التاج للموضوع .

وفي نهاية الدرس أتمنى أن تكونوا قد استفدتم من الدرس , نسألكم الدعاء بظهر الغيب . , إن شاء الله الدرس القادم : شرح تعريب قالب لمدونات البلوجر , بإذن الله .
تم بحمد الله , أخوكم : باســم .

اكمل القراءة...

الدرس الثاني : نبذه مختصرة عن لغة html ولغة CSS

بسم الله الرحمن الرحيم , والصلاة والسلام على أشرف المرسلين , سيدنا محمد النبي الأمين , وعلى من سار على هديه واستن بسنته الى يوم الدين , أما بعد , أستكمل اليوم معكم دورة مجانية لتعلم تعريب قوالب مدونات البلوجر , والتي كنا بدأناها سويا مع الدرس الأول وهو : الدرس الأول - شرح الأساسيات ونصائح مهمة , وبإذن الله سنكمل اليوم مع الدرس الثاني ويقع تحت عنوان :  نبذه مختصرة عن لغة html ولغة CSS . فلنبدأ على بركة الله , ..

أولا : ما هي لغة HTML ? 

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

Hyper Text Markup Language
وهي لغة سهلة جداً يمكنك اتقانها خلال اسبوع واحد بالكثير إن شاء الله .

ماهو الفرق بين HTML و XHTML ؟

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

ماذا تستفيد من تعلم لغةHTML ؟
بعد تعلم HTML ستكون لديك صورة واضحة حول بناء صفحات الإنترنت وطريقة عرض مابها من نصوص وصور وغيره ، بالإضافة لذلك ستكون قد انجزت اهم خطوة من خطوات تعلم تصميم مواقع الإنترنت وستفتح أمامك جميع الأبواب في تصميم مواقع الإنترنت ؛ فجميع اللغات المستخدمة في بناء مواقع الإنترنت مثل ( جافا JAVA – PHP – XHTML ) تعتمد أساساً على فهمك للغة HTML وسأضرب لكم مثال بسيط :
عندما يكون لديك صفحة إنترنت HTML ، وترغب بإضافة بعض اكود لغة PHP للتخزين معلومات الزائر في قاعدة بيانات ؛ لابد لك أن تكون على دراية بلغة HTML حتى تستطيع ان تدمج معها php .

ثانيا : ما هي لغة CSS ?

لعلك سمعت عن CSS من قبل لكن لا تعرف حقاً ما هي، في هذا الدرس ستتعلم المزيد عن CSS وماذا يمكن لهذه التقنية أن تقدم لك.
CSS هي اختصار لي Cascading Style Sheets.

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

ما الفرق بين CSS وHTML؟
تستخدم لوضع هيكلية ونظام منطقي للمحتويات، أما CSS فهي تستخدم لإضافة تصميم لهذه المحتويات.
حسناً، قد يبدو هذا مربكاً لكن أكمل القراءة وستفهم ما قرأته قريباً.
في الماضي القريب اخترع رجل اسمه تيم بيرنرز لي شبكة الويب، في ذلك الوقت كانت HTML تستخدم فقط لإضافة هيكلية للنص، الكاتب يمكنه أن يقوم بإضافة معنى للنص بأن يقول مثلاً "هذا عنوان" أو "هذه فقرة" ويستخدم وسوم HTML مثل <h1> و<p>.
مع ازدياد شهرة شبكة الويب بدأ المصممون في البحث عن طرق لإضافة تصميم للوثائق، ولتلبية رغباتهم قام مبرمجوا المتصفحات - نيتكسيب ومايكروسوفت - باختراع وسوم HTML جديدة مثل <font> الذي يختلف عن وسوم HTML الأصلية بأنه يهتم بالشكل لا بالهيكلية.
أدى ذلك إلى أن تستخدم وسوم هيكلية مثل <table> بشكل خاطئ، حيث استخدام هذا الوسم لتحديد تصميم الصفحة بدلاً من إضافة معنى للنص، والكثير من الوسوم التي اخترعت مثل <blink> كانت فقط مدعومة من قبل متصفح واحد، أصبحت جملة "ستحتاج إلى المتصفح الفلاني لرؤية هذه الصفحة" مألوفة في مواقع الشبكة.
ابتكرت CSS لعلاج هذه المشكلة لأنها توفر للمصممين طرقاً فعالة وعملية لإنشاء التصاميم وهذه التصاميم ستكون مدعومة من قبل جميع المتصفحات في نفس الوقت، والفصل بين شكل الصفحة ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير.

كيف ستفيدني CSS؟
تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي:
    * التحكم بالتصميم من خلال ملف واحد.
    * إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.
    * إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ
    * العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم.

تم بحمد الله.. أخوكم : باســم .
انتظروا الدرس الثالث , وشرح تعريب أول قالب للجميع ..
مصدر محتوى الدرس من : مدونة وائل , html.net .

اكمل القراءة...

الدرس الأول - شرح الأساسيات ونصائح مهمة

 بسم الله الرحمن الرحيم , والصلاة والسلام على أشرف المرسلين , سيدنا محمد النبي الأمين وعلى من سار على هديه واستن بسنته الى يوم الدين , أما بعد , كنت قد أعلنت في تدوينة سابقة عن بدء دورة مجانية لتعلم تعريب قوالب مدونات البلوجر وقد شرحت فيها التفاصيل الكاملة عن مخطط الدورة والأساسيات الخاصة بها , واليوم بإذن الله , أبدأ معكم الدرس الأول من الدورة وهو بعنوان :

شرح الأساسيات ونصائح مهمة

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

أولا النصائح :

• إستعن بالله , ثم انتبه جيدا الى نقاط أي درس بالتفصيل .
• عدم الإستعجال في فهم اي شيء بسرعة .
• يرجى قراءة الدرس مرة واثنين وثلاثة إن لزم الأمر .
• يرجى تطبيق كل نقطة في أي درس على حدى , وبعد الإنتهاء تطبق جميع النقاط مرة واحدة .
• اعلم انني بشر والخطأ وارد , فأرجو ممكن يقابله اي مشكلة في أي شيء , أن يضعها في التعليقات .
• لا يسمح بنقل أي درس من دروس الدورة من مدونة قوالب بلوجر عربية الى أي موقع أو مدونة أو منتدى بدون أخذ إذن سابق مني أو تصريح بذلك وعند مخالفة هذا الشرط , سيتم إلغاء الدورة فورا, وقد وضعت هذا الشرط لما رأيته من الأخوة الأعزاء الذين ينقلون القوالب من مدونتي الى مدوناتهم بدون ذكر المصدر , والأدهى أنه يقومون بنزع حقوق التعريب وينسبوها الى أنفسهم .

ثانيا الأساسيات :

• متصفح الفايرفوكس ويمكنك تحميل أي نسخة تريدها سواء كانت باللغة العربية أو الإنجليزية من هنا .
• إضافة الفايرفوكس الرائعة Firebug ويمكنك تحميلها من هنا .

شرح الأساسيات :

• متصفح الفايرفوكس , بعد تحميل البرنامج قم بتصيبه مثل أي متصفح أو برنامج لديك .
• إضافة Firebug بعد الدخول الى رابط تحميل الإضافة من هنا , تابع معي الشرح بالصور .

الآن تم بحمد الله الإنتهاء من تنصيب الأساسيات

وهذا هو شكل الإضافة في المتصفح

والآن تم بحمد الله الإنتهاء من الدرس الأول , وننتظر آرائكم واقتراحاتكم بشأن الدرس الأول .
وانتظروا الدرس الثاني
تحياتي أخوكم : باســـم .

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

اكمل القراءة...

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

لمن هذه الدورة
- إذا كنت لا تعلم أى شـئ عن قوالب البلوجر اطـلاقا .. فأهلا بك .
- إذا كنت ممن حاولوا التعلم ويأست .. أو لم تجد ما تريد .. أو مللت من كثرة الأكواد وقلة التطبيقات .. فأهلا بك.
- إذا أردت ان تدخل عالم البلوجر من أول أبوابه ..

 أما إن كنت من هؤلاء … فلا تشاهد الدورة :
- معرب ومصمم قوالب محترف وتبحث عن شئ جديد.
- مشهور فى احد المدونات أو المواقع العربية وتستحى أن يراك أحد وأنت تتعلم الأساسيات.
- مصمم ومعرب محترف وتريد أن تنقـد الدروس .. وتخبرنا عن طريقة أفضـل , فمرحبا بك .

متطلبات الدورة : 
- الصبر , والعزيمة على التعلم .
- متصفح الفايرفوكس , وإضافة Firebug . سيتم شرحها بالتفصيل إن شاء الله .
- دعوة صالحة بظهر الغيب .

مخطط الدورة :
- شرح الأساسيات ونصائح مهمة .
- نبذه مختصرة عن لغة html ولغة CSS .
- تطبيق التعريب على قالب لمدونات البلوجر .
- تنسيق تعريب القالب من خلال تنسيق أكواد CSS .

ميعاد بدأ الدورة :
لم يتم التحديد بعد , ولكن خلال أيام بإذن الله .

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

اكمل القراءة...