دورة حلوةؤؤبب
منظمة الامن الانساني العراقية

منتدى متخصص لـ الامن الانساني في العراق .
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

 دورة حلوةؤؤبب

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
Admin
admin


الـدولـة : دورة حلوةؤؤبب 1iraq10
ذكر عدد المساهمات : 36
تاريخ التسجيل : 29/02/2012
الموقع : بغداد

دورة حلوةؤؤبب Empty
مُساهمةموضوع: دورة حلوةؤؤبب   دورة حلوةؤؤبب Emptyالإثنين أبريل 29, 2013 9:58 pm

بسم الله الرحمن الرحيم
والصلاه و السلام على سيد المرسليين
و السلام عليكم و رحمه الله و بركاته
.....
الدرس اليوم بالصور و ان شاء الله يكون واضح
نبدء بأسم الله ..:
--
أولاً ندخل الفوتوشوب
نفتح تصميم جديد بـ
File
> New
نحتار الأبعاد المناسبة و انا اخترت

تكبير الصورة معاينة الأبعاد الأصلية.
دورة حلوةؤؤبب VvKra
http://im40.gulfup.com/VvKra.png

...
تصمم الهيدر بشكل ألي يعجبك و انا حبيت كذآ ..:

تكبير الصورة معاينة الأبعاد الأصلية.
دورة حلوةؤؤبب 5OTva
http://im40.gulfup.com/5OTva.png

و الان نتقطعه بأداة التقطيع الى 3 قطع يمين - تمدد - يسار
و انا كمان وضعت عارضة للأزرار راح اشرحه قريباً ..
...
كده انتهت مهمة الفوتو
ندخل برنامج اكسبرشن ويب ..
و هذه هي واجهة البرنامج

تكبير الصورة معاينة الأبعاد الأصلية.
دورة حلوةؤؤبب PKOHB
http://im40.gulfup.com/PKOHB.png
...
الان دور التكويد الهيدر
مم لازم تركز علشان ما تخطأ - الدرس سهل مرررة
بسم الله ..
__
الان نبدء بفتح الـ


هي تنسيق الكود و اسس الترتيب ..
نعمل 3 منها لكن
مش كده بس لازم نضع لها التعريف
الكلاس ...
مثلاً ..:
كلاس دي هي اسم الطبقة
و هي مهمة جداً
و اي حد يكود يستعملها
نعمل في الـ
3 من الـ div و كل وحدة الكلاس تبعها يختلف عن الأخر
كما موضح قبل .:
دورة حلوةؤؤبب J7nIm
http://im40.gulfup.com/J7nIm.png

بعد

تكبير الصورة معاينة الأبعاد الأصلية.
دورة حلوةؤؤبب 7Cdxa
http://im40.gulfup.com/7Cdxa.png
الـ div الأولى كلاس تبعها : h-Expansion
الـ h
اختصار للهيدر في الـ EN
و الـ : Expansion
تعني تمدد في الـ EN
الثانية
الـ right
تعني يمين
و الـ
left
يسار
.......
و تعني :
تعني سكر الكود اي شئ يسكر تضع قبل أسمه

..:/:..
و الان انتهى عمل الطبقات الان نجي للـ Css
نعمل في المكان الموضح
دورة حلوةؤؤبب SiEsg
http://im40.gulfup.com/siEsg.png
..


كما موضح
دورة حلوةؤؤبب ZU8OE
http://im40.gulfup.com/ZU8OE.png
و الان تضع الأكواد الـ Css
كما موضح ..

تكبير الصورة معاينة الأبعاد الأصلية.
دورة حلوةؤؤبب X7ZEy
http://im37.gulfup.com/X7ZEy.png

---
قبل أسم الطبقة تضع دوت (.)
انت اول ما تضع .
راح يضهر لك اسماء الطبقات
--
الان اشرح لكم الأكواد اول واحد
1-
background-image:url('images/,j,_04.png');

رابط الصورة

background-repeat:repeat-x;

هنا يعني تمدد repeat-x

height:227px;

طول الخلفية و لازم تكون صح

...
في الثاني

background-image:url('images/,j,_04.png');

مسار الصورة

background-repeat:no-repeat;
يعني مش تمدد no-repeat


float:right;
امكان الصورة
يسار او يمين انا وضعت يمين لان التصميم كذآ

height:227px;
width:311px;


ابعاد الصورة
و الثالثة نفس الثانية

background-image:url('images/,j,_04.png');

مسار الصورة

background-repeat:no-repeat;
يعني مش تمدد no-repeat

float:right;
امكان الصورة
يسار او يمين انا وضعت يمين لان التصميم كذآ

height:227px;
width:311px;

ابعاد الصورة

شرحته علشان محدش يقول ما شرح حاجة
هع
......
و انتهى اول درس هو درس الهيدر
اتمنى ان يكون واضح و اسف لعدم التصوير فيديو
لان مريض شوي و صوتي مش تمام ♥
و السلام عليكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://iraqi-hso.fanbb.net
 
دورة حلوةؤؤبب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منظمة الامن الانساني العراقية :: سلة المهملات-
انتقل الى: