بالصوت والصورة: كيف تُقطّع صورة إلى موقع

في هذه التدوينة المرئية، سأقوم بشرح كيفية تقطيع الصورة خطوة بخطوة، إلى موقع متكامل باستخدام CSS وXHTML.

هذا الدرس مدته ساعة وربع الساعة تقريباً 1:16:00، وقد حرصت بما أستطيع على أن يكون سهلاً ومفهوماً، سواء للمبتدئين أو للمحترفين.

3 أكتوبر 2009

حيل ورموز Unicode ربما لم تكن تعرفها

كلنا يعلم أهمية الشفرة الموحدة Unicode لترميز الأحرف والمحارف المختلفة لأغلب لغات العالم، وتوحيدها في ترميز واحد عالمي؛ لتسهيل وصول ونقل البيانات عبر الأنظمة المختلفة دون تعرضها للتلف.

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

25 أبريل 2009

هذا الدرس سهل التعلم والتطبيق فقط قليل من التركيز لتخرج بعد الدرس بفائدة عظيمة إن شاء الله.

درسنا يحتوي على النقاط التالية

  1. تعريف XML
  2. تعريف RSS
  3. فائدة RSS
  4. طريقة كتابة RSS
  5. برامج قراءة خلاصات RSS
  6. طريقة انشاء ملف PHP يحتوي على خلاصات RSS
10 أبريل 2009

الملفات المؤقتة ضرورة لكل برنامج تتم زيارته بكثرة، حيث يقوم بتخفيف الضغط عن القاعدة. وهنا أتكلم عن برنامج يجلب البيانات من القاعدة.

تصور أن يكون لديك برنامج مقالات يقوم بالاتصال بالقاعدة واستخراج عشر نتائج في الصفحة، وتصور ايضاً أن يكون عدد الزوار مثلاً مئة، إذاً مئة اتصال في اللحظة الواحدة. بالإضافة، إذا كانت لديك اتصالات أخرى مع القاعدة لجلب معلومات أخرى (مثل إعدادات الموقع والأقسام ووو).

ففكرة الملفات المؤقتة هي أنه عند جلب البيانات من القاعدة، تقوم بحفظ المخرجات في متغير وتقوم بإرساله إلى ملف مؤقت يتم إنشائه آلياً، ويتم طباعة المتغير في الصفحة كأنه لم يتم ي شيء، لكن أي زائر سيدخل بعد ذلك، سيحصل على النتائج المخزنة في الملف المؤقت دون الحاجة للاتصال بالقاعدة في كل مرة. ومع حساب عدد الزوار، تخيّل عدد الاتصالات بالقاعدة التي ستتخلى عنها ببساطة.

نحتاج لكي نظهر الوقت الى كائن

date()

سنقوم بتعريف متغير ونعطيه قيمة الكائن.

<script type="text/javascript">
var date=new Date(); // يحتوي على الوقت والتاريخ ويعمل على وقت الجهاز
var h=date.getHours(); // جلب الساعات
var m=date.getMinutes(); // جلب الدقائق
var s=date.getSeconds(); // جلب الثواني

// طباعة الساعة مع نقطتين مع الدقائق مع نقطتين مع الثواني
// ليعطي شكل الساعة المعروف
document.write(h +":"+ m +":"+ s);
</script>

الكود السابق يطبع الوقت الحالي وهو جامد يعني أن الساعة لا تتحرك. مثال:

14:45:56

spf_smtp_ebncana.jpg

كثير منكم لا يحب الدالة ()Mail في لغة البرمجة php ولكنه بالرغم من ذلك يستعملها عندما يريد ارسال الرسائل في برامجه او موقعه لانه ببساطة لا يملك البديل العملي، وسبب عدم حب هذه الدالة هو انها في اكثر الاحيان ترسل الرسالة بتواقيع غير مرحب بها من قبل شركات البريد وخاصة عندما نتكلم عن تطبيقات Microsoft وبريد Hotmail ولذلك تصنف الرسالة وتدخل في مجلد الجنك ميل Junk mail او ما يسمى Bulk او Spam وكل هذه الاسماء تطلق على اسم المجلد الذي يستقبل الرسائل الغير موثوق من مصدرها كما اسلفنا.

في هذا الدرس سنركز على تقنية أجاكس (AJAX)، ولن أقوم بإعادة اختراع العجلة أو أشرح من الصفر متى ظهرت هذه التقنية أو طريقة استخدامها مباشرة. ما سأشرحه فقط هو كيفية التعامل مع الأجاكس من خلال مكتبة jQuery.
ولنبدأ:

هناك ثلاث مستويات في المكتبة للتعامل مع الأجاكس:

  • أولاً : load
  • ثانياً : $.get و $.post
  • ثالثا : $.ajax