×

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

, , , اليوم يااخوان راح نبدأ بالدرس الثالث , وهوتوزيع الهيدر والفوتر 1 / تصميم الاستايل شرح مصور , فيديو , الاسهل على الاطلاق

صورة 'تركي العمري' الرمزية
قديمة 02 - 12 - 2012, 19:54
المشاركة 1
3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

,
,
,



اليوم يااخوان راح نبدأ بالدرس الثالث , وهوتوزيع الهيدر والفوتر



3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

طبعا سيتم عمل الدروس شرح مصور , فيديو . لتتضح الفكرة بشكل كلي .



3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

اول شي بنستخدم برنامج الاكسبريشن ويب تو ,

للتحميل : من هنا ~



ليش يتم استخدامه ؟

للسهولة التامة في الاستخدام وانا بقصد ذلك لتسهيل الامور على المبتدئين , ولكن بامكاننا استخدام اي محرر نصوص كان .

امم طيب ايش اللغه الـ بنشتغل عليها ؟

مبدئيا بنكتفي بلغتين

  • Hyper Text Markup Language اختصارها html وهي خاصه فقط بهيكلة الموقع بس طبعا احنا بنشتغل بلغة XHTML كونها منسقة اكثر .

هيكله !!

ايه هيكله , مثلا تتحكم بالجداول وضع الروابط كتابة النصوص وهكذا

  • Cascading Style Sheets اختصارها css وهذه اللغة خاصه بالمظهر , تعدل الالوان وضع الصور وتنسيق الصفحة على الوجه العام

واجهة البرنامج ,

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

طيب يا تركي انت لما شرحت بالفيديو كنت ماسح كامل البيانات توضيح لاهنت ؟

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

متى نستخدم هذه الاكواد ؟

بنستخدمها حين عمل تصميم منفصل خاص بسكربت لا يدعم لوحة تحكم للتصميم مثل whmcs

طيب اخر طلب تفيدني باالاكواد الـ بنمر عليها والـ بنستخدمها في الشرح التالي ؟





3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
:: ملاحظات مهمة قبل البدء في العمل ::

هذه مصطلحات ورموز سنمر عليها في الشرح التالي

X
HTML

طرق الكتابة من الكيبورد :

  1. < , شفت + و - وتكون لفتح الوسم .
  2. > , شفت + ز - تكون لاغلاق الوسم .
  3. "" , شفت + ط - تكون لتحديد اسم المعرف او الفئة .
  4. / , فقط ظ - تكتب غالبا لاغلاق الوسم
العناصر :
  1. div , الوسم الـ بيتم التقسيم من خلاله .
  2. id , معرف يتم تحديدة ويمكن يندرج تحتها عدة فئات .
  3. class , الفئات وهذه بالامكان تكرارها اكثر من مره في نفس الصفحة .

لعمل كومنت , ملاحظة بحيث تظهر لك لا على المتصفح تكون بهذا الشكل : <!--هنا الملاحظه الخاصة بك-->

مثال لما تم شرحة :



بطريقة id
رمز Code:
<div id="###"></div>
رمز Code:
<!--المعرف الخاص بـ ...-->
بطريقة class
رمز Code:
<div class="###"></div>

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق


CSS

طرق الكتابة من الكيببورد :
  1. . , فقط ز تكون لاستدعاء فئة ما .
  2. # , شفت + رقم 3 - تكون لاستدعاء معرف ما .
  3. { , شفت + ج - لفتح مربع خياري الفئة , والمعرف .
  4. } , شفت + د - لفتحر مربع خياري الفئة , المعرف .
  5. : , شفت + ك - تكتب بعد اسم العنصر , لكتابة قيمة العنصر .
  6. ; , فقط ك - تكتب لاغلاق الاوامر المتعلقة باسم وقيمة العنصر .
  7. ' , فقط ط - تكتب للتحديد .
  8. ( , شفت + رقم 9 - للتحديد .
  9. ) , شفت + رقم 0 - للتحديد

العناصر التي بالشرح :

  1. background-image , استدعاء لصورة .
  2. background-repeat , التكرار .
  3. float , محاذاة العنصر .
  4. height , الارتفاع .
  5. width , العرض .

لعمل كومنت , ملاحظة بحيث تظهر لك لا على المتصفح تكون بهذا الشكل : /* هنا الملاحظات الخاصه بك */

مثال لما تم شرحة :
رمز PHP:
  /* تعريف المعرف + الفئة  */ # name . name {
    
background-image:url('name.gif');
    
background-repeat:;
    
float:;
    
height:;
    
width:;

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

اليوم يااخوان بنتعلم كيف نوزع , او نكود الهيدر والفوتر

اول شي بيتم عمل الهيكلة الخاصة بالهيدر , مابنقدر نعمل هالخطوة الا بالقاء نظرة على التصميم

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

نلاحظ بانه لدينا 3 صور بالهيدر تم تقطيعهم وفق ماتم شرحة في الدرس السابق

في هذا النوع من الاستايلات المتمدده , بتكون نقطة التمدد بمثابة شيء رئيسي في التصميم , بذلك بيتم عمل ديف Div بمسمى id
كما هو مبين

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق





رمز PHP:
<div id="header"></div
ملاحظه : المسمى header بامكانك استبداله باي اسم يروق لك , ولكن تم تسميته هكذا للتوضيح
رمز Code:
<div id="name tag"></div>

بامكانك استبدال اسم التاج باي اسم تريده
هذا الان بيكون بمثابه نقطة التمدد , بداخل هذا التاج بنضع ديفين فرعيين بمسمى كلاس وبيتم التسمية ايضا على حسب ماتريد .
لاحظ هنا

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق


رمز Code:
<div class="right"></div>
<div class="left"></div>


لتصبح هيكلة الهيدر بهذا الشكل :

رمز PHP:
<div id="header">
<
div class="right"></div>
<
div class="left"></div>
</
div
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------


الان تم عمل الصورة اليمين والصورة اليسار بداخل ديف الاي دي
والان نلقي نظره على الفوتر الخاص بنا

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق


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

رمز PHP:
 <div id="footer">
 <
div class="left"></div>
 </
div
وهذا شرح توضيحي يبين كامل الهيكله الخاصه بالهيدر والفوتر

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------


ليكون كامل الكود

رمز PHP:
<div id="header"
<
div class="right"></div>
<
div class="left"></div>
</
div>

<
div id="footer"
<
div class="left"></div>
</
div
بامكانك عمل ملاحظات بهذا الشكل

<!-- يتم هنا كتابة الملاحظات -->


وسيكون كامل عملنا بهذا الشكل

رمز PHP:
<!-- header -->
<
div id="header"
<
div class="right"></div>
<
div class="left"></div>
</
div>
<!-- 
header -->

<!-- 
footer --> 
<
div id="footer">
<
div class="left"></div>
</
div>
<!-- 
footer --> 
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------


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



رمز Code:
<style type="text/css">
هنا يتم كتاب اكواد السي اس اس 
</style>

صورة توضح


3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق


--------------------------
---------------------------------------------------------------------------------------------------------------------------------------------


الان نريد الربط بين XHTML وبين السي اس اس

بداخل وسم استايل لدينا حالتين :
  1. استدعاء id : يكون بوضع علامة الهاش (#) وبعد ذلك كتابة اسم الاي دي الـ تم تسميته من قبلك
  2. استدعاء class : بوضع علامة الدوت (.) وبعد ذلك كتابة اسم الكلاس الـ تم تسميته من قبلك


وسيكون استدعائنا للاي دي المسمى بـ هيدر بهذا الشكل

رمز PHP:
#header {
    
وهنا يتم وضع الاكواد المرغوب عملها للاي دي المسمى بهيدر (صورة اتجاه حجم نص رابط .. الخ )

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


وسيكون الكود بهذا الشكل :

رمز PHP:
#header {
background-image:هنا مسار الصورة;
background-repeatهنا امر التكرار;
heightهنا ارتفاع الصورة ;    




صورة توضح

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق


الان سيكون الكود بعد ملء القيم بهذا الشكل

رمز PHP:
#header {
background-image:url('traidnt/images/traidnt_header_background.gif');
background-repeat:repeat-x;
height:110px;



ملاحظه : تستخدم نفس هذه الاكواد على نقطة التمدد الخاصه بالفوتر , مع تغيير القيم . والمسارات .

ليكون الكود لمنطقة التمدد الخاصة بكلا الهيدر والفوتر بهذا الشكل .


رمز PHP:
#header {
background-image:url('traidnt/images/traidnt_header_background.gif');
background-repeat:repeat-x;
height:110px;
}

#footer {
    
background-image:url('traidnt/images/traidnt_footer_background.gif');
    
background-repeat:repeat-x;
    
height:35px;


-----------------------------------------------------------------------------------------------------------------------------------------------------------------------



الان نجي لطريقة عمل الصورة اليمين ونظيرتها الصورة اليسار
بنعمل المسار الصحيح للكلاس وهو # للايدي الرئيسي ال بداخله الكلاس الفرعي
بهذا الشكل
رمز PHP:
#header .right {
{
و
#header .left {

</b>
  • # : تعريف للاي دي - header : اسم الاي دي
  • . : تعريف الكلاس - right & left : اسماء الكلاسات
للتوضيح اكثر
بهذه الطريقة استدعاء id

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق



وبهذه الطريقة استدعاء class

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق



-----------------------------------------------------------------------------------------------------------------------------------------------------------------------

الان نجي للاكواد المستخدمه في كلا الصور التاليه : يمين ويسار الهيدر + يسار الفوتر .

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

ستكون الاكواد الان بعد ملء القيم بهذا الشكل


رمز PHP:

#header .right { 
background-image:url('traidnt/images/traidnt_header_right.gif');
background-repeat:no-repeat;
overflow:hidden;
float:right;
width:178px;
height:110px;}

#header .left { 
    
background-image:url('traidnt/images/traidnt_header_left.gif');
    
background-repeat:no-repeat;
    
float:left;
    
width:64px;
    
height:110px;
}


#footer .left {  
    
background-image:url('traidnt/images/traidnt_footer_left.gif');
    
background-repeat:no-repeat;
    
float:left;
    
height:35px;
    
width:64px;


وهنا كامل الاكواد مع الشرح الموضح بجانب كل كود للتسهيل .


الكلاسات (الهيكلة)



رمز PHP:
<!--header-->
<
div id="header">  <!-- المعرف الخاص بنقطة التمدد _(هيدر) -->
<
div class="right"></div> <!-- الفئة الخاصة بالمنطقة اليمنى -->
<
div class="left"></div> <!-- الفئة الخاصة بالمنطقة اليسرى -->
</
div>
<!--
header-->

<!--
footer-->
<
div id="footer"> <!-- المعرف الخاص بنقطة التمدد _فوتر) -->
<
div class="left"></div> <!-- الفئة الخاصة بالمنطقة اليسرى -->
</
div
<!--
footer--> 
التعاريف , (التوزيع)

رمز PHP:
#header { /* مسار نقطة التمدد , هيدر */
background-image:url('traidnt/images/traidnt_header_background.gif');  /* , هيدر  الصورة الخاصة بنقطة التمدد */ 
background-repeat:repeat-x;  /* التكرار وهنا يكون بشكل افقي */ 
height:110px;  /* ارتفاع الصورة بالبكسل */ 
}

#header .right {
background-image:url('traidnt/images/traidnt_header_right.gif');  /* الصورة الخاصة بالمنطقة اليمين , هيدر */
background-repeat:no-repeat/* التكرار وهنا يكون بشكل عدم تكرار */ 
overflow:hidden;  /* الازالة */ 
float:right/* الازاحة وتكون هنا باليمين */ 
width:178px;  /*العرض الخاص بالصورة */ 
height:110px;} /*الارتفاع الخاص بالصورة */ 


#header .left {
    
background-image:url('traidnt/images/traidnt_header_left.gif'); /* الصورة الخاصة بالمنطقة اليسار , هيدر */
    
background-repeat:no-repeat;  /* التكرار وهنا يكون بشكل عدم تكرار */
    
float:left;  /* الازاحة وتكون هنا باليسار */ 
    
width:64px;   /*العرض الخاص بالصورة */ 
    
height:110px;  /*الارتفاع الخاص بالصورة */
}

 
#footer {  /* مسار نقطة التمدد , فوتر */
    
background-image:url('traidnt/images/traidnt_footer_background.gif'); /* , هيدر  الصورة الخاصة بنقطة التمدد */ 
    
background-repeat:repeat-x/* التكرار وهنا يكون بشكل افقي */ 
    
height:35px;  /* ارتفاع الصورة بالبكسل */ 
}

#footer .left {
    
background-image:url('traidnt/images/traidnt_footer_left.gif');   /* الصورة الخاصة بالمنطقة اليسار , هيدر */
    
background-repeat:no-repeat;  /* التكرار وهنا يكون بشكل عدم تكرار */
    
float:left;  /* الازاحة وتكون هنا باليسار */ 
    
height:35px;   /*الارتفاع الخاص بالصورة */
    
width:64px;   /*العرض الخاص بالصورة */ 


ملاحظة :
رجائي الرجوع الى الفيديو لتثبيت واتضاح بعض المعلومات

3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق

ثانيا : الشرح فيديو (صوت وصورة)

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

,
,
,

المشاهدة والتحميل
3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق



  • اليوتيوب ~ youtube .................................................. ..هنا
  • فور شيرد ~ 4shared ..................................................هنا
  • زد شيــــر ~ Z share.................................................. ...هنا
  • مــخـــزن ~ M5zn............................................................هنا
  • docs.google ........................................................ ..........هنا
  • الخليج .................................................. .............................................هنا
  • Multiupload.................................................. ............ هنا



3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق


يوجد في المرفقات


  1. ملف يحتوي على كامل الاكواد مع الشرح .
  2. ملف وورد يحتوي على الشرح المصور لمن يريد الاحتفاظ به على جهازه .

وفي الختام نسأل من الله العلي القدير ان نكون قد وفقنا في توصيل المعلومة على اكمل وجه , وعلى لقاء ان شاء الله في الدرس القادم ,, والـ بيتم شرح فيه طريقة توزيع التأطير .


3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق


الملفات المرفقة
نوع الملف : zip الشرح المصور.zip (870.0 كيلوبايت, عدد مرات المشاهدة 255 مرة)
نوع الملف : zip coding traidnt.zip (709 بايت, عدد مرات المشاهدة 161 مرة)
المشاهدات 63342 | التعليقات 48
قديمة 03 - 12 - 2012, 11:15
المشاركة 2
صورة 'Mr.Yo.7' الرمزية
Mr.Yo.7
:: عضو جديد ::
تاريخ الإنضمام: 26 - 04 - 2012
رقم العضوية : 134270
المشاركات: 5
افتراضي رد : 3/ توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
ماشاء الله عليك ..~

شرح الدرس سلس و خفيف و مفهوم ..~

يعطيك العآفية آوستآز ..~

تركي العمري معجب بهذا.
سُبْحَانَ الْلَّه ، وَالْحَمْدُ لِلَّه ، وَلَا إِلَهَ إِلَّا الْلَّهُ ، وَالْلَّهُ أَكْبَر
قديمة 03 - 12 - 2012, 12:03
المشاركة 3
صورة 'ملك الكرة55' الرمزية
ملك الكرة55
:: عضو نشيط ::
تاريخ الإنضمام: 07 - 09 - 2012
رقم العضوية : 159692
الدولة : الامارات
العمر: 98
المشاركات: 376
39
افتراضي رد : 3/ توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
شرح وافي وكافي يالغالي

بس هل استطيع ان استخدم برنامج الفرونت بيج او الدريم ويفر؟
لا اله الا الله



^^^^
موقعي
قديمة 03 - 12 - 2012, 13:45
المشاركة 4
صورة 'تركي العمري' الرمزية
تركي العمري
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 10 - 2009
رقم العضوية : 70387
الدولة : Ksa ღ Ne
المشاركات: 2,934
215
Icon26 #
ماشاء الله عليك ..~

شرح الدرس سلس و خفيف و مفهوم ..~

يعطيك العآفية آوستآز ..~

منور ياغالي واملين ان تكون استفدت .

شرح وافي وكافي يالغالي

بس هل استطيع ان استخدم برنامج الفرونت بيج او الدريم ويفر؟
تسلم ياغلاهم ,
بامكانك استخدام اي برنامج كان .. ابتداء من الدريم ويفر ونهاية بالمفكره او الدفتر ..

مودتي ..
قديمة 03 - 12 - 2012, 14:21
المشاركة 5
صورة 'mostafa yasene' الرمزية
mostafa yasene
:: عضو نشيط ::
تاريخ الإنضمام: 09 - 12 - 2005
رقم العضوية : 13713
الدولة : o0_0o
العمر: 35
المشاركات: 3,369
42
افتراضي رد : 3/ توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
احسنت يا اخي المبدع ماشاء الله عليك بشرح الدروس
وتنسيق المواضيع بكل صدق وبعيدا عن المجاملات تاخذ 10/10
الله يعطيك العافيه ويجعل هذا الموضوع في ميزان حسناتك
انتظر انتهاء الدورة للتطبيق ^_^
دمت برعاية الرحمن
تركي العمري معجب بهذا.

facebook: mostafa yasene
Blog: mostafa yasene
twitter:mostafa yasene
YouTube:mostafa yasene
*´¨)
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•` (¸.•` ¤. my...^_^ ¤


قديمة 03 - 12 - 2012, 19:53
المشاركة 6
صورة 'A M I R' الرمزية
A M I R
.:: عضو متألق ::.
تاريخ الإنضمام: 29 - 04 - 2007
رقم العضوية : 35773
الدولة : ام الدنيا
العمر: 28
المشاركات: 9,838
8
افتراضي رد : 3/ توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
تسلم يَ دكتور :$
موضوع جامد كالعادة ،
تركي العمري معجب بهذا.

ما زال الولاء الأول والأخير للشهداء، وتسقط اي سلطة و آحزاب و جمآعات لا تحترم دم الشهيد ، وأهداف الثورة من عيش وحرية وعدالة إجتماعية
.


███ام الدنيا███


قديمة 03 - 12 - 2012, 22:15
المشاركة 7
صورة 'LoNeLy GiRl' الرمزية
LoNeLy GiRl
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 01 - 2012
رقم العضوية : 103667
الدولة : « т я α i d и т »
العمر: 25
المشاركات: 658
افتراضي رد : 3/ توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
بارك الله فيك اخي على مافدت به
تركي العمري و haeaty.com معجبون بهذا .
:::حياكــــم::
[ عالم الديكور | عالم موضة الديكور والإثاث ]
WwW.R3C3.CoM

<//>
_\\_

www.Games4k.com

قديمة 04 - 12 - 2012, 00:28
المشاركة 8
صورة 'محمد العانيني' الرمزية
محمد العانيني
||| عضو التميز |||
تاريخ الإنضمام: 15 - 01 - 2010
رقم العضوية : 76084
الدولة : فلسطين - جنين
المشاركات: 30,741
510
افتراضي رد : 3/ توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
وعليكم السلام

ما شاء الله تبارك الله

روعة وابداع

سلمت يمناك يا بطل

ما ننحرم من هالابداع يا رب

متابع معك يا غالي
تركي العمري معجب بهذا.
'' أًعمَلُ بِصمت ..
لأَترُكَ في غِيابي ضَجَة !!

حان وقت الرحيل
لا اقول وداعا بل أقول إلى اللقاء

تم مسح الملفات المرتبطة بإسمك المستخدم بنجاح
قديمة 04 - 12 - 2012, 01:12
المشاركة 9
صورة 'fenix' الرمزية
fenix
:: عضو نشيط ::
تاريخ الإنضمام: 21 - 06 - 2011
رقم العضوية : 97494
الدولة : سوريا
المشاركات: 3,006
6
افتراضي رد : 3/ توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
الله يبارك فيك اخي تركي
صراحة من اول درس والدورة مميزة في بساطتها وسهولتها
متاااابع معك
تركي العمري معجب بهذا.


الحمد الله

قال رسول الله ( صلي الله عليه وسلم ) : ((إذا مات ابن آدم انقطع عمله الا من ثلاث : صدقة جارية , او علم ينتفع به, او ولد صالح يدعو له )) رواه مسلم

استايل FENIXPRO للنسخ 3.8.x بتقنية CSS سريع وهادء الوان متناسقة
قديمة 04 - 12 - 2012, 15:31
المشاركة 10
صورة 'Solar Attack' الرمزية
Solar Attack
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 07 - 2009
رقم العضوية : 66092
الدولة : الشرقية-الجبيل
المشاركات: 3,372
119
افتراضي رد : 3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
رائع اخي تركي العمري

متابع معك يالغلا ،،

واتحفنا بما هو جديدك يالغلا ،،
تركي العمري معجب بهذا.
قديمة 04 - 12 - 2012, 17:45
المشاركة 11
moslimhouse
:: عضو نشيط ::
تاريخ الإنضمام: 23 - 08 - 2009
رقم العضوية : 70018
الدولة : Cairo
العمر: 31
المشاركات: 344
افتراضي رد : 3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
ماشاء الله والله كفيت ووفيت يا غالى شرح ولا اسهل ولا اروع من كدة
جزاك الله كل خير يارب

تركي العمري معجب بهذا.
قديمة 05 - 12 - 2012, 02:53
المشاركة 12
صورة 'z77z.net' الرمزية
z77z.net
:: عضو جديد ::
تاريخ الإنضمام: 13 - 03 - 2012
رقم العضوية : 121342
المشاركات: 25
افتراضي رد : 3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
والله شغل متعوب عليه حيل

يعطيك الف عافية
تركي العمري معجب بهذا.
استضافة عزوز هوست لخدمات الويب المتكاملة

www.z77z.net

[email protected]
قديمة 05 - 12 - 2012, 02:55
المشاركة 13
أبو عدن
:: عضو فعال ::
تاريخ الإنضمام: 19 - 11 - 2005
رقم العضوية : 12449
الدولة : ::TRAIDNT::
المشاركات: 182
افتراضي رد : 3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
الف شكر اخوي تركي و بعد اذنك عند سؤال

هل اقدر استخدم الدريم ويفر ولا الفرنت بيج أو اي برنامج اخر

لأن الاكسبرشن عيا يركب ف جهازي

و تستاهل +
تركي العمري معجب بهذا.
قديمة 05 - 12 - 2012, 02:59
المشاركة 14
z555z.net
:: عضو نشيط ::
تاريخ الإنضمام: 16 - 07 - 2009
رقم العضوية : 67195
المشاركات: 926
افتراضي رد : 3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
كم أنت جميل أخي تركي على هذا التواضع و الشرح الأكثر من رائع

لم اتوقع و لم يخطر ببالي أن أرى بيوم من الايام درس متكامل كهذا

ادعو الله لك بامكال الدورة كامله و أن يجزيك خير الجزاء و أن يكتب لك بكل حرف أجراً مضاعفا

اخوك عبدالعزيز خالد
تركي العمري معجب بهذا.
قديمة 05 - 12 - 2012, 17:41
المشاركة 15
صورة 'تركي العمري' الرمزية
تركي العمري
:: عضو نشيط ::
تاريخ الإنضمام: 15 - 10 - 2009
رقم العضوية : 70387
الدولة : Ksa ღ Ne
المشاركات: 2,934
215
افتراضي رد : 3 / توزيع الهيدر والفوتر شرح مصور , فيديو , الاسهل على الاطلاق
احسنت يا اخي المبدع ماشاء الله عليك بشرح الدروس
وتنسيق المواضيع بكل صدق وبعيدا عن المجاملات تاخذ 10/10
الله يعطيك العافيه ويجعل هذا الموضوع في ميزان حسناتك
انتظر انتهاء الدورة للتطبيق ^_^
دمت برعاية الرحمن
تسلم يَ دكتور :$
موضوع جامد كالعادة ،
بارك الله فيك اخي على مافدت به
وعليكم السلام

ما شاء الله تبارك الله

روعة وابداع

سلمت يمناك يا بطل

ما ننحرم من هالابداع يا رب

متابع معك يا غالي
الله يبارك فيك اخي تركي
صراحة من اول درس والدورة مميزة في بساطتها وسهولتها
متاااابع معك
رائع اخي تركي العمري

متابع معك يالغلا ،،

واتحفنا بما هو جديدك يالغلا ،،
ماشاء الله والله كفيت ووفيت يا غالى شرح ولا اسهل ولا اروع من كدة
جزاك الله كل خير يارب

والله شغل متعوب عليه حيل

يعطيك الف عافية
الف شكر اخوي تركي و بعد اذنك عند سؤال

هل اقدر استخدم الدريم ويفر ولا الفرنت بيج أو اي برنامج اخر

لأن الاكسبرشن عيا يركب ف جهازي

و تستاهل +
بامكانك ياطيب استخدام اي برنامج ابتدء من الدريم ويفر وحتى المستند والدفتر .
ولكن ينبغي تكون نفس الاكواد , وغرضي من عرض هالبرنامج فقط لسهولة التعامل بالاضافة الى تم الشرح من خلاله

كم أنت جميل أخي تركي على هذا التواضع و الشرح الأكثر من رائع

لم اتوقع و لم يخطر ببالي أن أرى بيوم من الايام درس متكامل كهذا

ادعو الله لك بامكال الدورة كامله و أن يجزيك خير الجزاء و أن يكتب لك بكل حرف أجراً مضاعفا

اخوك عبدالعزيز خالد


منورين لبى روحكم ,,
وان شاء الله قريب الدرس الرابع ,,

مودتي
 
اضافة رد
 

كود منع النسخ والتظليل للزوار او الاعضاء او عضو معين دورة فى انشاء المواقع بواسطة سكربت الورد بريس /الدرس الاول

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 09:27.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.