< الرئيسية > < التسجيل > < الشروط > < البحث > < الاتصال بنا >  

قديم 12-03-2009, 07:16   رقم المشاركة : 1
معلومات العضو
نــاصــر

إحصائية العضو







اخر مواضيعي

 

نــاصــر غير متواجد حالياً


افتراضي [الدرس السابع] تصميم و تقطيع وتوزيع استايل رباعي الاطراف ..!!

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



صبآحكم ورد طبيعي بكل ألوانه واشكاله ..

وشلونكم كيف حالكم ياعسى حالكم تمام ..؟




تعرفنا بالدروس الماضيه على تصميم استايل .. عباره عن هيدر و فوتر متمدد وغير متمدد ..
لكن بالدرس هذا معنا تصميم استايل رباعي الاطراف .. هيد و فوتر بالاظافه للأعمده ..

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

كان هذا تطبيقي بالضبط الضبيط .. نقره لعرض الصورة في صفحة مستقلة
نقره لعرض الصورة في صفحة مستقلة

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

نضيف لير جديد ..
نقره لعرض الصورة في صفحة مستقلة


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

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

نقره لعرض الصورة في صفحة مستقلة

كذا نكون انتهينا من العامود الاول .. نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

بنفس الطريقه نسوي العامود الثاني ..

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

نقره لعرض الصورة في صفحة مستقلة

نصبغه بنفس التدرج اللي سويناه أو بنفس اللون اللي سويناه .. نقره لعرض الصورة في صفحة مستقلة

وهذي النتيجه .. نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة


كذا نكون انتهينا من تصميم الاستايل ابو اعمده بالفوتوشوب ..

باقي علينا تقطيعه و توزيعه ..



تآآآأبع ..







رد مع اقتباس
قديم 12-03-2009, 07:21   رقم المشاركة : 2
معلومات العضو
نــاصــر

إحصائية العضو







اخر مواضيعي

 

نــاصــر غير متواجد حالياً


افتراضي

بسم الله نبدأ ..

نأخذ الهيدر ونلصقه بعمل جديد ونقطعه خمس قطع .. زاويتين + صورتين تجميليه + تمدد ..
نأخذ الفوتر ونلصقه بعمل جديد ونقطعه خمس قطع .. زاويتين + صورتين تجميليه + تمدد ..

مع زيادة قطعتين .. اللي هم الاعمده ..

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

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

تلاحظون مكان الاعمده على الاطراف .. عمود يمين وعمود يسار ..

وهذا الاستايل مخطط عليه القطع اللي نبيهم قبل التقطيع .. وعددهم 12 قطعه ..
نقره لعرض الصورة في صفحة مستقلة


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


ملاحظات مهمه ..
اللي ابيكم تدققون عليه وتنتبهون عليه وتلاحظونه هو ..

نقره لعرض الصورة في صفحة مستقلة

الزوايا الاربعه ( العلويتين والسفليتين ) و الاعمده لهم نفس العرض ..

اما طول الاعمده ماهو مهم خذه بأي قياس .. لأنه أولا واخيرا راح يتمدد معنا ..
مثل التمدد حق الهيدر والفوتر ما كنا نهتم بالعرض ..
لأن التمدد يتمدد يمين ويسار بأتجاه العرض ..
والاعمده ايضا نفس الشيء .. لكن تمدد فوق وتحت بأتجاه الطول ..

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

وهذي هي القطع بالضبط الضبيط ..

نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة
نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة
نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة نقره لعرض الصورة في صفحة مستقلة



ان شاء الله يكون الدرس واضح ..



تآآآأأبع ..

الوزيع بالفرونت بيج ..







رد مع اقتباس
قديم 12-03-2009, 07:27   رقم المشاركة : 3
معلومات العضو
نــاصــر

إحصائية العضو







اخر مواضيعي

 

نــاصــر غير متواجد حالياً


افتراضي

اكثر الدرس هذا مقتبس من الدرس الرابع ..

الاختلاف هو ان فيه معنا اعمده ..

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

نبدأ بسم الله ..

أول شي نفتح الفورنت بيج ..(Microsoft Office FrontPage) ..

وانزل على اسفله وبتشوف مثل هذي الصوره ..

نقره لعرض الصورة في صفحة مستقلة

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

راح يكون بهذا الشكل ..
نقره لعرض الصورة في صفحة مستقلة

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

ومن على سطح الفرونت بيج اضغط على خصائص الصفحه (طبعا بطرف الماوس الايمن) ..
نقره لعرض الصورة في صفحة مستقلة

اخترت خصاص الصفحه ..
اللحين اختار من اليمين الى اليسار ثم اعتمد ..
نقره لعرض الصورة في صفحة مستقلة

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

راح تنزل في الفرونت بيج بهذا الشكل ..

نقره لعرض الصورة في صفحة مستقلة

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

اللحين اعطها القيم التاليه .... ثم اعتمد ..
نقره لعرض الصورة في صفحة مستقلة

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


اول كنا ندمج خلايا الصف الثاني ..
الحين بما ان معنا اعمده ما ندمجهم ..لأننا بحاجتهم ..

اللي ابيكم تركزون عليه النقاط التاليه ..

عندنا 12 صوره ..
خمس منهم للهيدر وخمس منهم للفوتر وقطعتين للأعمده ..

الزوايا ( 4 زوايا ) .. الصور التجميليه ( 4 صور ) .. نضيفهم بهذي الاداه .. نقره لعرض الصورة في صفحة مستقلة ..

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

تعالوا نشوفهم مع بعض ..

اضفنا الزوايا مع بعض بأداة ادراج الصور ..
نقره لعرض الصورة في صفحة مستقلة

باقي الحين التمدد والاعمده .. نضيف التمدد العلوي .. نضغط بالفأره يسار ونختار خصائص الخليه .. نضغط على استعراض ونضيف التمدد العلوي ..
نقره لعرض الصورة في صفحة مستقلة

نفس الشي للتمدد السفلي ..
نقره لعرض الصورة في صفحة مستقلة


نفس الشي للعمود الايمن .. نضغط خصائص الخليه ونختار استعراض ونضيف العمود الايمن ..
نقره لعرض الصورة في صفحة مستقلة

لاحضوا كيف صار شكله .. العمود تمدد وهذا المطلبوب ..






تآآآآآبع ..







رد مع اقتباس
قديم 12-03-2009, 07:31   رقم المشاركة : 4
معلومات العضو
نــاصــر

إحصائية العضو







اخر مواضيعي

 

نــاصــر غير متواجد حالياً


افتراضي

نفس الشي للعمود الايسر ..نضغط خصائص الخليه ونختار استعراض ونضيف العمود الايسر ..

نقره لعرض الصورة في صفحة مستقلة


اضفنا الزوايا والتمدد والاعمده وهذي النتيجه ..

نقره لعرض الصورة في صفحة مستقلة


الحين نشد الاطراف ..
مثل ما تعلمنا بالدرس الرابع بالضبط .. نشد يمين لأخر شي ونفس الشي نشد يسار لآخر شي .. والنتيجه ..

نقره لعرض الصورة في صفحة مستقلة

شفتوا كيف صارت الاعمده والزوايا مضبوطه ..

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

نختار عدد الاعمده ثلاثه ..

نقره لعرض الصورة في صفحة مستقلة

ونفس الشي نسويه للفوتر ..

نضيف الصور التجميليه للهيدر والفوتر .. ونسوي محاذاه لليمين للصور التجميليه اللي على اليمين ومحاذاه لليسار للصور التجميليه الموجوده على اليسار ..

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

الحين نروح للخليه الوسطى ونحط امر توسيط مثل ماهو واضح بالصوره ..

نقره لعرض الصورة في صفحة مستقلة


نضغط على تعليمات برمجيه ..

هذا كود الهيدر ..
نقره لعرض الصورة في صفحة مستقلة

وهذا كود الفوتر ..
نقره لعرض الصورة في صفحة مستقلة


نأخذهم ونركبهم مثل ماتعلمنا بالدرس الرابع ..

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


تم بحمدالله ..

تلعمنا الحمدلله تقطيع الاستايل بأعمده وبدون اعمده .. وتوزيع الاستايل بأعمده وبدون اعمده ..
وشفتوا الفرق بأنفسكم ..
ان شاء الله اكون قدرت اسهل عليكم الشي اللي صعب عليكم و وضحت لكم اللي تبون تعرفونه ..

اللي صعب عليه شي يسأل .. نعيد الدرس مره ومرتين وثلاث .. اهم شي تستفيدون .. واهم شي تكون متابع معنا من البدايه .. لأن اي خطوه ما سويتها بالدرس هذا معناها مسويها بالدروس الماضيه .. ومع هذا لا يمنع سؤالك ..

فآلكم التوفيق ان شاء الله ..

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




ناصر..!







رد مع اقتباس
قديم 12-03-2009, 16:04   رقم المشاركة : 5
معلومات العضو
عاشق الصمت

إحصائية العضو






اخر مواضيعي

 

عاشق الصمت غير متواجد حالياً


افتراضي

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .







رد مع اقتباس
قديم 13-03-2009, 04:45   رقم المشاركة : 6
معلومات العضو
نــاصــر

إحصائية العضو







اخر مواضيعي

 

نــاصــر غير متواجد حالياً


افتراضي

وفيك ان شاء الله .. نقره لعرض الصورة في صفحة مستقلة







رد مع اقتباس
قديم 28-03-2009, 03:59   رقم المشاركة : 7
معلومات العضو
آهات الجووف
 
الصورة الرمزية آهات الجووف
 

 

إحصائية العضو







اخر مواضيعي

 

آهات الجووف غير متواجد حالياً


افتراضي

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .







رد مع اقتباس
إضافة رد

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

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


الساعة الآن 01:41.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd. TranZ By World 4Arab
  تصميم المركز السعودي لخدمات الويب