[درس]التوزيع بالفرونت بيج لاستايل متمدد رباعي الاطراف

[ابوشدق]

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

نبدا الدرس ونبي شوية تركيز تراه بسيط بس يبي تركيز شوي

اولا نقوم بفتح الفرونت بيج ونذهب للتعليمات البرمجيه

http://www.aboshdg.com/topupload/users/front/front.gif

ونقوم بتحديد الكود الموجود ونقوم بحذفه ونتجه الى تصميم

http://www.aboshdg.com/topupload/users/front/front1.gif

نحصل الصفحه بيضاء نضغط كلك يمين باي محل من الصفحه

ونختار خصائص الصفحه ونختار هالقيم التاليه

http://www.aboshdg.com/topupload/users/front/front3.gif





وبعدين نضيف جدول ثلاث صفوف وثلاث اعمده كالتالي

http://www.aboshdg.com/topupload/users/front/front4.gif

يتكون معنا هالجدول

http://www.aboshdg.com/topupload/users/front/front6.gif

نضغط كلك يمين باي محل من الجدول ونختار خصائص الجدول

http://www.aboshdg.com/topupload/users/front/front7.gif

ونطبق الي مطبقه انا وبعدين موافق

http://www.aboshdg.com/topupload/users/front/front8.gif

ويكون الجدول كذا

http://www.aboshdg.com/topupload/users/front/front10.gif


الحين نركز شوي ياجماعه

الاركان نسوي لهن ادراج صور والاوساط ادراجه خليه << الي هي التمدد
والوسط نسوي ادراج خليه الي هي الاعمده والصوره تشرح اكثر

http://www.aboshdg.com/topupload/users/front/front11.gif


بمعنى

الاركان الي هي اركان التصميم

الركن الايمن العلوي والركن العلوي الايسر والركن السفلي الايمين والركن السفلي الايسر

نسوي لهم ادراج صوره بالايقونه هذي http://www.aboshdg.com/topupload/users/front/front12.gif

الحين نضيف الاركان ويصير نفس هالشكل

http://www.aboshdg.com/topupload/users/front/front13.gif


الحين اضفنا الاركان باقي نضيف الخلفيات وهي نقاط التمدد والاعمده

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

http://www.aboshdg.com/topupload/users/front/front14.gif

تطلع لنا النافذه نختار استعراض

http://www.aboshdg.com/topupload/users/front/front15.gif

وبعد مانضيف الخلفيه للهيدر والفوتر والاعمده يصير شكله كذا

http://www.aboshdg.com/topupload/users/front/front16.gif

الحين نشد الاطراف ونبي نلاحظ المؤشر يشر بجنب اخر عمود ركبناه

نضغط بالزر الايسر ونسحبه يسار لحد مايوقف وبعدين نشوف المستطيل الي فيه المؤشر

ننقله لاخر المستطيل الصغير من يمين ونسحبه يمين لحد مايوقف ويصير شكله كذا

http://www.aboshdg.com/topupload/users/front/front17.gif

الحين قطعنا اكثر من نص الطريق وش بقي ... خوذو لكم رشفه من الفنجال وشبو الضو:bleh:

باقي وضع الصور التجميليه للهيدر والفوتر وهن صورتين بالهيدر وصورتين بالفوتر

او ثلاث صور بالهيدر وثلاث صور بالفوتر على حسب التقطيع

نروح للجزء المحدد للهيدر وهو الجزء الاعلى ونضغط باي محل فيه بالزر الايمن

ونختار تقسيم الخلايا

http://www.aboshdg.com/topupload/users/front/front18.gif

ونقسمه الى 3 اقسام مثل كذا

http://www.aboshdg.com/topupload/users/front/front19.gif

ويتقسم لنا الهيدر 3 اقسام قسم يمين وقسم وسط وقسم يسار

انا بالمثال هنا عندي الهيدر الصور التجميليه 3 قطع

اذا من عند ادراج صوره احط الصوره التجميليه اليمنى باليمين والوسط بالوسط واليسار باليسار

ونروح نسوي بالفوتر برضو ماسوينا بالهيدر نقسمه الى 3 اقسام من تقسم الخليه

ونضع الصور من ادراج صوره ويصير شكله كذا

http://www.aboshdg.com/topupload/users/front/front20.gif

الحين نقول شبه قضينا بس ماش نشوف الاستايل مهزوز شوي ومو متوازن

بقي علينا المحاذاة نبي نسوي للصور التجميليه محاذاة الي يمين نعطيه محاذاة لليمين

بالايقونه هذي http://www.aboshdg.com/vb/images/editor/justifyright.gif


والي يسار نعطيه محاذاة لليسار بالايقونه هذي http://www.aboshdg.com/vb/images/editor/justifyleft.gif


واذا عندنا وسط نعطيه محاذاة للوسط بالايقونه هذيhttp://www.aboshdg.com/vb/images/editor/justifycenter.gif


ونطبقه بالهيدر والفوتر ونلقاه مشدود ماودكم تصدون عنه مثل كذا

http://www.aboshdg.com/topupload/users/front/front21.gif

الحين بقي لنا شي واحد بس نسويه ونخلص ان شاء الله وهو نسوي توسيط للبودي

وهو بالمستطيل الاوسط نضغط بالزر الايسر للفاره نحصل المؤشر متكي بأخره يمين

نسوي له توسيط عن طريق اداة التوسيط http://www.aboshdg.com/vb/images/editor/justifycenter.gif


ونلقاه متوسط مابوه جميع خلاف

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

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

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

اي استفتسار اخوكم بالخدمه

ولاتنسونا من صالح دعائكم ،،

[styles]

إبداع أبوشدق

جدا رائع

وبارك الله فيك

[noor]

واوووووووووووووووووووووووووووه
نفس مممممممممممممممممممق
مبققه عييوني تقل مخي بعيوني ):(
يامال العافيه يابوشدق
درس رهيب واسلوب مهبول ش1
وان شااء الله الستايل اللي بيدي بيكون
من تأتيشي ):( وتركيبي

وانت قريب مايحتاج ++ ++

تقييييييييييييم كبر قريح

[ابوشدق]

بانتظار التطبيق حتى نكمل الدرس
حياكم الله جميع

[noor]

بص شووف
اسوري بتعمل ااايه
ش1 ش1
ادري خربوطي بس اجرب


http://www.aboshdg.com/topupload/users/noor/taqteee4.jpg

قولي ملاحظاتك
وليه الهيدر فوق وتخربط تسذا
وتسف احط الخلفيه ايااها ):(

[ابوشدق]

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

[noor]

حتى انا بكمل بكرا
لغز مستور شق راسي

عافاك عمو
ياعلك ذخر

[بنت نجد]

http://www.s7r.net/up/uploads/19be803abf.png

[ابوشدق]

بنت نجد تطبيق ميه بالميه
الله يوفقك

[noor]

ابو شدق اشرح اللي قلت ربي يسعدك

[ابوشدق]

ابشري لكن عقب العشاء ان شاء الله
اسف على التأخير لضروف خارجه عن ارادتي

[أبوعامر]

وعليكم السلام ورحمة الله

بارك الله فيك يابوصالح

وسلمت الايادي

[ابوشدق]

حياكم الله جميع
نور هذا الشكل بالتقطيع وركزي على الصور الوسطيه
http://www.aboshdg.com/topupload/users/front/tak.gif
وشوفيه بعد التركيب
http://www.aboshdg.com/topupload/users/front/tak1.gif

[noor]

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


^
ناسخه ابيات شعر وجاء هالتنسيق
خخخخخخخ

[المُهرة]

ما شاء الله تبارك الرحمن
وش هالقسم السنع يابو صالح ==
والدروس الأسنع ==
الله يجزاك عنا بالجنة ويوفقك دنيا وآخرة
تقييييييييم سنع مثل درسك ==

[المُهرة]

نووور
بنت نجد
ما شاء الله عليكن
تلميذات سنعات تبارك الله ++
تهقن اقدر اصير مثلكن ض4

[ابوشدق]

ههههههههههههه
نور اختصار
انا ماداني الخرابيش بالهيدر احبه ناعم بالحيل يعني مثل قولك خطين وحنا ماشين
المهره ومن قال ياخيتي وتصرين ترا الدعوا بسيطه بالحيل

[noor]

نووور
بنت نجد
ما شاء الله عليكن
تلميذات سنعات تبارك الله ++
تهقن اقدر اصير مثلكن ض4
والله يابعدي مابعد شفنا صعوبه
يمكن الجاي بيصدع بنا
وانت شاطره بالتصميم مادري ليه
كسوله

يالله شدي حيلك :yaaai9:

[noor]

ههههههههههههه
نور اختصار
انا ماداني الخرابيش بالهيدر احبه ناعم بالحيل يعني مثل قولك خطين وحنا ماشين
المهره ومن قال ياخيتي وتصرين ترا الدعوا بسيطه بالحيل


خلاص اجل بخف قرابيعه
واقطعه لك من جديد
++ ++ ++

[بريداوي]

الله يعطيك العافية ابوصالح