المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تصميم استيل رباعي الاطراف " توزع بالفرونت بيج " ..!! [ C ]


جهاد
22-11-2007, 12:10 AM
بسم الله الرحمن الرحيم

هذا الدرس تكملة للدرسين السابقين
تصميم الاستيل وتقطيعه ..!!
وطلوع السلم من حبه حبه محد ينط نطه ..:smileysho

المهم
اللي ما تابع نقول له
هذا الدرس الاول على الرابط التالي
http://www.alawaliq.com/vb/showthread.php?t=14093


وهذا الدرس الثاني

على الرابط التالي
http://www.alawaliq.com/vb/showthread.php?t=14458



الان نكمل الدرس التالث قبل الاخير
وهو توزيع صور الاستيل داخل برنامج الفرونت بيج
قبل الرفع للمنتدى والتركيب عليه ..!!

بسم الله نبدأ


نفتح برنامج " الفرونت بيج "
تجدونه من ضمن قائمة " الاوفس " مكتوب عليه بالانجلش
" Microsoft FrontPage "
إذن هذا هو الفرونت بيج المطلوب نضغط عليه لنفتحه
ستفتح لنا شاشة البرنامج الرئيسية
من يسار الشاشة نختار صفحة جديدة والصورة التالية توضح المطلوب
http://www.alawaliq.com/upload/uploads/9329c3f14e.gif

بعد كذا نفعل خاصية الهتمل " لغة البرمجة " داخل البرنامج
انظر الصورة لنتعرف من اين التفعل ..!
http://www.alawaliq.com/upload/uploads/24ac1ee62b.gif

سوف نرى شاشة بيضاء داخلها كتابة غير مفهومة هذه تدعي لغة البرمجة " هوتمل "
أنت قم بمسح كل ما يوجد داخل هذه الشاشة نهائي ==>> صرحه بيضاء خلها ^__^
ثم عد للوضع الطبيعي للبرنامج أو للتصميم
http://www.alawaliq.com/upload/uploads/0066e25d10.gif

الان من اعلى لابرنامج اختر اضافة جدول
وعند الفتح حدد تسع خانات للجدول مثلما هو موضح بالصورة
http://www.alawaliq.com/upload/uploads/3c96597ec6.gif




الان نضع الموس داخل الجدول ونضغط كليك يمين ونختار خصائص الجدول
http://www.alawaliq.com/upload/uploads/90c8e60101.gif


حين تفتح لنا شاشة نتبع الخطوات مثلما هي موضحة بالصورة التالية
http://www.alawaliq.com/upload/uploads/0eb548d43f.gif



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

http://www.alawaliq.com/upload/uploads/0f2a9e8963.gif


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

تعبت ===>> :smileysho

لحظة وبرجع ==>> بشرب مااااء :p

" يتبع "

جهاد
22-11-2007, 12:12 AM
نكمل ما بدئناه

::

:

الان نقوم باضافة الصورة للجدول
طبعا مثلما وضحت لكم في اماكن نضيف فيها الصور على شكل صورة
وفي اماكن على شكل خلفية لا تنسوون
نبدا اولا باضافة الصور على شكل صورة والاضافة من ايقونة اضافة صورة باعلى البرنامج انظرو الصورة
http://www.alawaliq.com/upload/uploads/b051dbf2de.gif


أما اضافة صور على شكل خلفية
فنقوم باتباع التالي
نضع الموس داخل الخانه المطلوب بالجدول وكليك يمين
ونختار " خصائص الخلية "
http://www.alawaliq.com/upload/uploads/4bce838db5.gif


الان تفتح لنا شاشة
ونتبع الخطوات مثل ماهي موضحه بالصورة
أولا : نحط صح بالمربع
ثانيا : نختار استعرض ونروح نختار الصورة المطلوبة من جهازنا
ثالثا : نعمل تطبيق للصورة
رابعا : واخيرا نعمل موافق

http://www.alawaliq.com/upload/uploads/6a88883cd8.gif

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

الان اصبحت الصورة موزعة بالشكل التالي داخل البرنامج

http://www.alawaliq.com/upload/uploads/58822f4303.gif

::

^__^
ماهو حلو صح

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

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

^__^

" يتبع "

جهاد
22-11-2007, 12:35 AM
نكمل

المزاج تعدل والحين بنعدل اللخبطه اللي صايره
بالاستيل
مين معاه حبل .. ! ^__^ ==>> وش له الحبل

علشان نشد الاستيل ونعدل ^__^

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

طيب
وش سبب اللخبطة اللي ظهرت ؟
سالتوني ^__^
هاذي واللي يسلم لي عماركم الخلفيات المتكرره
لان الصورة في وضع " خلفية " تقوم بتكرار نفسها تلقائيا حتى تعبئ كل المساحات
لذلك ضروري نشدها حتى ما نعطيها فرصه للتكرار بطريقة خطأ
ويظل التكرار في الطريق اللي احنا ودنا يكون وهو للأعلى فقط ..!
انظر الصورة
http://www.alawaliq.com/upload/uploads/10410a1c55.gif


فهمتو ^__^

أدري انكم فاهمين .. عيني عليكم بارده ..!!


وين وصلنا ؟

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


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

ليش نترك الخلفية بالخانة علشان هذه المنطقة ستكون
منطقة التمدد داخل الاستيل واللي تكلمنا عنها
ولا جل التقسم تبع الخطوات التالية
كليك يمين على المنطقة
ونختار " تقسم الخلية "
http://www.alawaliq.com/upload/uploads/c31d48fd09.gif

بعدها
مثل ماهو موضح بالصورة التالية
http://www.alawaliq.com/upload/uploads/8760f4f37d.gif

بعد ذلك

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


وبكذا يصبح الاستيل جاهز للتركيب بالمنتدى
بالشكال التالي
http://www.alawaliq.com/upload/uploads/fa511aeda8.gif



::: ملاحظة مهمه جدا :::
في التوزيع دائما نحط صورة الجهة اليمنى بالجهة اليسرى
وصورة الجهة اليسرى بالجهة اليمنى ..!
هذا شي مهم واجب الانتباه له
وبالتوفيق يا رب ..!



" الدرس القادم "

تركيب الاستيل على المنتدى ورفع صور الاستيل ..!

أرق التحايا

بن الداحمه
22-11-2007, 07:08 PM
ماشاء الله عليش ياتاج
والله مبدعه واعذريني على عدم التطبيق
لإنشغالي

جهاد
23-11-2007, 10:16 PM
العفو على الرحب والسعه

شخصيه هامه
12-06-2008, 02:55 PM
مــــــــــــبــــــــــــــــدع والابداع مش غريب عليــــــــــكـ