بالصوت والصورة: كيف تُقطّع صورة إلى موقع
مدرج تحت قسم: دروس
في هذه التدوينة المرئية، سأقوم بشرح كيفية تقطيع الصورة خطوة بخطوة، إلى موقع متكامل باستخدام CSS وXHTML.
هذا الدرس مدته ساعة وربع الساعة تقريباً 1:16:00، وقد حرصت بما أستطيع على أن يكون سهلاً ومفهوماً، سواء للمبتدئين أو للمحترفين.
النسخة النهائية للموقع
مثال
تحميل
القالب المستخدم في الدرس كان قالباً جاهزاً، وهو متوفر بشكل مجاني على موقع PSDTemplate إن أردتم النسخة الأصلية.
لأفضل عرض الرجاء تكبير الحجم إلى عرض الشاشة الكاملة.
http://www.vimeo.com/6911129ملاحظة: هذه أول تدوينة مرئية لي، فالرجاء اعذروني إن كانت هناك بعض الأخطاء، سواء في اللغة أو طريقة التقديم. ويهمّني جداً أن أسمع منكم رأيكم في الدرس، وإن كان قد أعجبكم وتريدون المزيد في مجالات أخرى (الرجاء تحديدها).
عن الكاتب
عبدالرحمن العتيبة أحد مؤسسي ورئيس التحرير في موقع المشروع، يهوى برمجة وتطوير الويب بكافة أنواعها، وله خبرة تتعدى 10 سنوات في هذا المجال، يعتبر نفسه من "أشد" مناصري المصادر المفتوحة، وأنها "في يوم ما" ستقضي على كل برنامج محتكر ومغلق مصدره. يعتقد بوجود القمر، ولكنه للأسف لم يصل إليه إلى الآن. يمكنك متابعته على twitter وعلى مدونته.
شكر الله لك وبارك الله فيك موضوع قيم وجميل
جزاك الله خيراً أخي، صراحةً هالدرس كنت أدّور عليه…
@عبدالملك الثاري
وبارك الله فيكم، أسعدني مرورك الكريم أخي عبدالملك.
@TheStone
وجزيتم خيراً، أتمنى أن تكون قد استفدت، وإن كان هناك مجال آخر تود أن نتطرق إليه بنفس الأسلوب، أخبرنا مشكوراً.
السلام عليكم
اتمنى منك اخى رفع الدرس على اى موقع تحميل
مثل الرابيد شير او الميديافير
ممتاز جدا
وع راااااااااااااااااااااااااسي
xinkdl.com
@momen
وعليكم السلام، الدرس يمكنك تحميله من موقع Vimeo، ولكن أَسرِع لأن الموقع يُبقي الملفات الأصلية للتحميل لمدة أسبوع واحد فقط. يمكنك الذهاب إلى الرابط، ومن ثم Download في الأسفل:
http://vimeo.com/6911129
ويمكنك أيضا التحميل بتركيب بعض الإضافات لمتصفح Firefox.
https://addons.mozilla.org/en-US/firefox/addon/2254
@خالد
أشكرك.
ما شاء الله طرحك وطريقة عرضك للدرس جميلة وحفزة وصوتك واضح :) والألفاظ ومخارج الحروف واضحة جداً ..وفقك الله وتابع بقوة وسيتم وضع الرابط بمدونتي لدروس css للمبتدئين ..
@حسين عادل
أشكرك أخي العزيز حسين، وقد شجعتني لتقديم المزيد من التدوينات المرئية :) بارك الله فيك.
السلام عليكم
حل مممكن تشرح ليا امكانيه عمل تصميم واجهه موقع او تصميم موقع عادى
عن طريق الفوتوشوب او اى برنامج تفضبه
و الشرح ايضا لكيفيه عمل البلوكات او الجداول
من اول التصميم …. الى توزيعها ب html على صفحات الوقع
السلام عليكم ورحمة الله ،،
أشكرك أخي الحبيب على هذا الشرح المميز وبالفعل استفدت منه كثيراً وأعتقد الآن سأبتدأ في تعلم الـ css واستخدامه في تصاميمي دون ان أضطر ان أستعين بمصممين آخرين ^_^ ..
نرجوا أخي الكريم أن يكون هناك درس لتصميم قالب وتقطيعه وتركيبه على احد البرامج مثل الووردبريس لتزداد الإستفادة والمعرفة ،،
وشكراً لك ^_^ ،،
الأندلسي
بارك الله فيك يا أخ
شرح ممتاز تسلم أخوي عبد الرحمن
والله اشتقنا لصوتك
ما شاء الله شرح رائع ..
وبصررراحة ما شفت الفيديو كاااامل بس متحمس أرجع له ..
لغتك جميلة جداً ..
وأتمنى المزيد من الدروس الفيديو ..
ما شاء الله تبارك الله
شرح رائع اخى عبد الرحمن
جعله الله فى ميزان حسناتك
و نفع الله بك
بارك الله فيك اخوي عبدالرحمن
شرح رائع ومفصل جداً .. جزاك الله خير والله يوفقك دنيا وآخره
شكراً جزيلاً : )
ولكم التحية ,,
بسم الله ما شاء الله
طرح قوي و موضوع جيد و شرح ولا اروع
الله يعطيك العافية
جزيت كل خير
واو رائع جدا جدا جدا !!
بارك الله فيك ، لا تعليق محترف !!
عندى طلب بسيط هو أن تضع درس لكيفية عمل مركز رفع
لقد صممت واحد و أنا في طور التقطيع و سوف أعمل ملف css و ذلك عن طريق هذا الدرس ..
لكن لا أعلم كيف أدخل عليه مركز الرفع !! (أخوك مبتدئ جدا ههههههه)
في انتضارك تحياتي ^^
ممكن إيميلك ؟؟؟ و شكرا
شكرا أنت فعلا مبدع ;)