السبت، 26 سبتمبر 2015

الدرس 39: تعريب قوالب بلوجر يدويا - جزء 2 معرفة الاكواد الاساسية لتعديل و تعريب قالب blogger

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

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

اولا : ماهي لغة HTML ؟

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

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

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

الاكواد الاساسية التى نحتاجها لتعريب قالب بلوجر :

- Height :  ونعني به الارتفاع  مثال  ; Height :10 px 
- Width : وتعني به العرض مثال     ; Width : 10px
- Padding : و نعني به المسافة التى تكون مابين محتوي الداخلي لاي اضافة و بين DIV الخاص به
- Margin : و نعني به المسافة التى تكون مابين DIV الخاص بالاضافات او بانرز
للمزيد حول اكواد Padding و Margin تابع هذا الدرس من هنا
- background-color : و هو لون خلفية اي مكان فى القالب مثال  ; background-color :  #0F83A0
- background-image : و هو وضع صور للخلفية
- text-align : و هو محاذاة او اتجاه النص من اليمين الى اليسار او العكس مثال  ; text-align : left
-float : معناه الطواف يعني جعل الاضافات تطفو بجانبها اي مجتوي كتابة او صورة مثال ; float : left
الشرح بالفيديو لجميع هذه الاكواد

ليست هناك تعليقات:

إرسال تعليق