-->
U3F1ZWV6ZTgxNTE0OTE0NjFfQWN0aXZhdGlvbjkyMzQ1MTU0NjUz
recent
أخبار ساخنة

كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر

كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر


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

لماذا يتم توزيع بعض الأدوات وأخرى تضاف في آداة واحدة HTML/JavaScript ؟

الادوات الخفيفة يسهل قرائتها بسهولة داخل آداة HTML/JavaScript اما الأدوات الكبيرة أحيانا يصعب قرائتها وتشغيلها عندما تكون داخل آداة وحينها لا تعمل فيتم توزيعها في مناطق كل كود داخل القالب لضمان عملها
وطبعا هذا يفرق بحسب جودة تكويد القالب وعدد الادوات به فالقالب الممتلئ بملفات الجافا سيحتاج الدمج اكثر من غيره لتجنب التعارض

أكواد الستايل او  المظهر CSS

تلك الأكواد هي المسؤلة عن مظهر الآداة والوانها واشكالها يمكنك تمييز اكوادها بأنها تكتب بتلك الطرق 
#Example {
 margin:0 5px;
 background-color:#444444;
}
أو هكذا
#Example {margin:0 5px;background-color:#444444;}
مكان هذه الاكواد في القالب هو بين كودين 
<b:skin><![CDATA[/*

]]></b:skin>
لكن ان اردت استخدام تلك الاكواد في آداة HTML/JavaScript أو في منطقة اخرى بالقالب مثلا منطقة الـ head اى فوق الوسم
</head>
او في منطقة الـ body اى بين الوسمين
<body> 

</body>
عليك ان تخبر القالب ان هذه أكواد ستايل بوضعها بين هاذين الكودين
<style type='text/css'>
هنا
</style>

أكواد الجافا سكريت JS

هي الاكواد المسؤلة عن الأوامر يعني عندما تضغط على شئ معين في آداة هذه هي الاكواد التي تحول ضغطتك لفعل شئ معين في الصفحة
يمكنك اضافاتها فوق منطقة الـ head او في منطقة الـ body لكن في كل الأحوال عليك ان تخبر القالب بانها ملفات جافا
بوضعها بين هاذين الكودين
<script type='text/javascript'>
هنا
</script>
يعني لو لديك ملف جافا ولا تستطيع رفعه انقل محتواه داخل هاذين الكودين احياناً قد لا يقبل فعليك تحويله بمحول الاكواد

أكواد الـ HTML

هي الأكواد المسؤلة عن التخطيط  التي تحدد اين مكان الإضافات في الصفحة واجزائها ودائما تكون فقط في منطقة الـ body
ويمكنك تميزها بان اكوادها ممتلئة بالأقواس مثل هذا
<div class="example">
<p>text</p>
</div>
بعدما فهمنا فكرة تلك الأكواد وكيف نضيفها في القالب ومناطق عملها وكيف نغير منطقة اضافتها كأكواد الستايل
الآن هذه أدوات يمكنك التمرن عبرها
الاسمبريد إلكترونيرسالة