دروس الدريم ويفر - درس رقم : 76- درس اضافة صورة شخصية

درس اضافة صورة شخصية 
........

في هذا الدرس سوف نقوم بإضافة صورة شخصية لكل عضو والدرس أيضا تابع لدروس اليوزر نيم 

لندخل في الدرس 

أول شيء لدينا جدول اليوزر نيم user اللي عملناها في الدروس السابقة 
نقوم بإضافة حقل picture بعد حقل gender 

تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 651*350.

في صفحة الـ register 
أما نقوم بعمل تعديل لـ الريكود انسيرشن 
أو نقوم بعمل الريكورد انسيرشن من جديد 
فسوف نقوم بتجربة طريقة إضافة حقل الصورة الى الحقول الأخرى ... 
أي أننا سوف نقوم بتحرير صفحة تحرير التسجيل 

نقوم بإضافة حقل التيكست فيلد من قائمة الفورم ويجب أن يكون اسمه مطابقا لأسم الحقل الذي أضفناه في قاعدة البيانات ونضع في أي مكان من الجدول 



في السيرفر بهيفرز نقوم بالنقر المزدوج على record insertion لكي نقوم بتعريف قيمة حقل picture 
نختار قيمة الحقل FORM.picture 

تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 712*580.

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



بعد أن قمنا بالإضافة نذهب الى صفحة usercp لوحة التحكم
نقوم بالنقر المزدوح على الريكورد سيت ومن ثم نضغط ok 

تم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 636*621.

سنلاحظ إن حقل الـ picture قد تم استعلامه 





نقوم بإضافة صورة بالضغط على ctrl+alt+i ونختار حقل picture 





وستكون صفحة العضو 





الآن نقوم بتسجيل الدخول ونذهب الى لوحة التحكم 





وستكون النتيجة 





وأيضا نقوم بتعديل صفحة التعديل بإضافة تيست فيلد واعطائه قيمة picture





وعند الضغط على تعديل البيانات الشخصية ستكون الصفحة 



انتهى الدرس 

الكلمات الدلالية للموضوع:

 ادوبي -  دريم ويفر-  اودوبي دريم ويفر - دريم ويفر كامل -  برنامج تصميم المواقع والويب - منتدى دريم ويفر DreamWeaver -  dreamweaver تحميل - شرح dreamweaver - برنامج dreamweaver  - dreamweaver سلسلة تعليم الدريم ويفر بالفيديو صوت وصورة -  تعليم برنامج Dreamweaver CS4 - تعلم برنامج Dreamweaver CS3  - دروس  تعليم  -  Dreamweaver تعلم برنامج دريم ويفر فيديو وصوت وصورة - دورة تعليم برنامج Adobe Dreamweaver CS4 ادوبي دريم ويفر -  تعلم برنامج دريم ويفر شرح برنامج Dreamweaver CS4 فيديو صوت - تعليم الدريم ويفر dreamweaver mx بالعربي من pclab - تعليم دريم ويفر سي اس 4 على 4 أسطوانات -  تعليم برنامجدريم ويفر سي اس 4 بالإضافة لتطبيقات متقدمة  - تعلم Dreamweaver .. بكل بساطة من تحت الصفر حتى الاحتراف -  برنامج متخصص لإنشاء وإدارة تطبيقات ومواقع الويب - كل ما يتعلق ببرنامج الدريم ويفر وشروحاته والتصميم بيه - دروس دريم ويفر DreamWeaver, - دروس فيديو لـ Dreamweaver باللغة العربية - تصميم صفحات الويب من خلال برنامج دريم ويفر - مشاكل Dreamweaver - سلسلة دروس:تعلم DreamWeaver MX - برنامج دريم ويفر - اكبر واشهر برنامج لتصميم المواقع والبرمجه Adobe dreamweaver CS3 - تحميل برنامج DreamWeaver 8 كامل - برنامج دريم ويفر 8 كامل - Adobe Dreamweaver - dobe® Dreamweaver® CS5 - Macromedia Dreamweaver -  web development application - Free Download,Dreamweaver - dreamweaver download - dreamweaver cs3 - dreamweaver cs4- dreamweaver - dreamweaver cs5 crack - دروس دريم ويفر DreamWeaver - دروس دريم ويفر Dream Weaver بلعربى صوت وصورة بروابط مباشرة- تحميل الدروس - دروس - دروس في الدريم ويفر DreamWeaver دورة Dreamweaver-  لدروس الدريم ويفر وهذه الدروس والدورات ستكون طريق لك للاحتراف في البرنامج - ارشيف دروس جديدة واحترافية لبرنامج الدريم ويفر‏ - تعلم الدريم ويفر - ماكروميديا دريم ويفر لانشاء المواقع

Posted in: Dreamwaver- دروس