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

مدرج تحت قسم: دروس
6 أكتوبر 2009

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

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

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

النسخة النهائية للموقع

مثال حي للموقع بالشكل النهائي

القالب المستخدم في الدرس كان قالباً جاهزاً، وهو متوفر بشكل مجاني على موقع PSDTemplate إن أردتم النسخة الأصلية.

لأفضل عرض الرجاء تكبير الحجم إلى عرض الشاشة الكاملة.

http://www.vimeo.com/6911129

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

عن الكاتب

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

  • Share/Bookmark

التعقيبات

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

  1. حسن

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

    لك الشكر موصولاً وبارك الله فيك وفي خبراء وطننا العربي وللأمام بإذن الله

  2. مشاء الله شرح وافى وكافى ومميز وطريقه العرض رائعه
    شكرا لك وفقك الله

  3. ما شاء الله تبارك الله , الصراحة موضوع دسم وغني بتفاصيل كثيرة كانت غائبة عني , اسأل الله لك التوفيق والنجاح .

  4. ماشاء الله
    شرح وافى وسهل وبسيط

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

    اتمنى اضافة المزيد من الدروس

  5. ما شاء الله صراحة شرح أكثر من رائع ومن زمان وأنا أبحث عن مثيل له …

    وجزاك الله خير الجزاء على هذا الشرح

  6. السلام عليكم درس رائع
    و لو امكن ان تحمل الدرس
    و من الافظل عدم وضعه مباشرة بل تحميله

    اخي اريد دروس في jQurey

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

  7. يعني بصراحة ولا نثني على الله احدا

    اجبرتني ان اتابع الشرح للاخير

    وليعلم الله اني سابقى ادعو لك بالغيب دوما ايها الأستاذ الفاضل

    بصراحة ولا اجامل طوال 4 سنين بدراستي الجامعية لم استطع متابعة اي استاذ لانهم جميعا لا يوصلون المعلومات ووالله كلما شرحته في هذا الدرس اكثر بكثير من كل الذي درستة طوال 4 سنوات بالجامعة

    لا ادري كيف اشكرك ولكن سادعو الله ان يحسن شكرك

    بووووووووووووووركت وياريت كل شباب الاسلام متلك

  8. شرح ولا أفضل ..
    بس تعليق بسيط لو توضع رابط لتحميل الفيديو لان الإنترنت بطيء لدي قليلاً ..
    فالمتابعة الحية صعبة قليلاً

  9. أبو مسلم

    للأسف الشديد لم أستطع مشاهدة الفيديو ،،، ما أدري ما المشكلة

  10. لو اردتم تحميل الفيديو
    فيجب ان يكون عندك idamn
    فانه تظهر فوق الفيديو خانة خضراء
    للذلك البرنامج اضغط عليها و ستحمل الفيديو

  11. مجتهد

    الله يجزاك الف خير بصراحه شرح وافي .

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

أضف تعليقك




يمكنك استخدام الوسوم التالية في التعليق: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


* حقول مطلوبة