اختر لون صفحتك تركواز بنفسجي وردي احمر بني اخضر إفتراضي



اعلانات رجة



العودة   منتديات رجه > منتديات رجة الرئيسيه > الملتقى الابداعي > فهرس التصاميم والجرافيكس > ( ركن دروس التصميم المنوعة )
التسجيل الأسئلة الشائعة قائمة الأعضاء التقويم البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

( ركن دروس التصميم المنوعة ) دروس فوتوشوب ، دروس فلاش ، دروس سويتش ، للمبتدئين ، ستايلات للفوتوشوب ، استخدام الأدوات

مميزين منتديات رجة

اشتراك الآن بقروب بوابة رجه ليصلك جديد المواضيع المميزة والمختاره على بريدك بروابط مباشرة
 بريدك :  

بعد ان تقوم بادخال بريدك ستصلك رسالة بعنوان Please confirm your request to join ch_at‎ فقط اعد ارسال الرسالة من دون أي تغير Reply ثم ارسال Send لتفعيل حسابك.
 
رد
 
LinkBack أدوات الموضوع إبحث في هذا الموضوع طرق عرض الموضوع
  #1 (permalink)  
قديم 10-15-2005, 02:32 AM
::. عضو نشيط .::
______________
*خيالي* غير متواجد حالياً

 

الملف الشخصي
رقم العضوية 16837
تاريخ التسجيل Oct 2005
مكان الإقــامـة: أرض الخيال الواسعة
المشاركـــــات: 714
عــدد النـقــاط: 10
قوة التـرشيــح: *خيالي* is on a distinguished road
افتراضي شرح طريقه قص وتصميم زاحهه الموقع للمبتدئين

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

شرح طريقه قص وتصميم واجهه الموقع للمبتدئين
شرح طريقه قص وتصميم واجهه الموقع للمبتدئين

بسم الله الرحمن الرحيم

-مقدمه

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

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

حمل البرنامج التالي image splitter مع الشكر الخاص للاخ الرفيع صاحب شبكه الخريف لتوفيره

Images Splitter


وانا اخذته منهم
الملف المضغوط معه ملف تثبيت البرنامج وملف نوت باد فيه السيريال للبرنامج
ثبت البرنامج وبعدين شغله
افتح ملف النوت باد بتلاقي فيه الاسم ورقم التسجيل
اذهب الى برنامج image splitterمن القائمه فوق اختار help
وبعدين register

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

وكذا صار البرنامج مجاني

-البدايه

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

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



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

الا اذهب الى برنامج قص الصور واختار الزر

واختار الصوره اللي تبي تقصها اللي هي واجهه الموقع

اختار الزر

لعمل خطوط عرضيه للقص هذه الخطوط توضع فوق وتحت الزر وفوق الفوتر وتحت البنر وفي اي مكان تحتاجه

اختار الزر

لعمل خطوط طوليه للقص هذه الخطوط توضع على يمين ويسار الازرار وكذا كل زر يصير مستقل لحاله

وهذه نتيجه التحديد


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

تختار الزر

وهذا زر اضافه الروابط

اذهب على الزر اللي تبي تضيف له رابط واضغط عليه .. راح يطلع عليه شبكه مثل


وبيطلع لك مربع خصائص الروابط مثل


URL هنا تكتب الرابط
Alternate text هذا اختياري اذا اردت ان تكتب كلمات عند مرور الماوس على الزر مثال لعمله
هنا كتبت

Target frame هذه خاصيه تخيرك بين فتح الرابط في صفحه خارجيه جديده او نفس الصفحه
اذا اخترت New browser window فتح الرابط في صفحه خارجيه جديده
اذا اخترت Same frame فتح الرابط في نفس الصفحه
الخيارات اللي على اليمين ماراح تحتاجها لان لو تبي تسويها افضل في الفرونت بيج - اعلى من مستوى المبتدئين
حدد الخيارات واكتب الرابط واضغط ok

وكذا امشي وكمل على كل الازرار الي تبي تسويها

-ازرار تهمك في البرنامج

زر التجربه او معاينه العمل


زر الرجوع اذا غلطت في شي


زر مسح الكل او اعاده العمل


لما تنتهي من كل شي اضغط على

وسوي للعمل حفظ بإسم index

بيطلع لك ملف html اللي هو الصفحه ومجلد الصور مثل


لما تفتح الملف index.html
بيطلع كذا


التصميم كله على اليسار والخلفيه سوداء

اسحب الملف index.html وافتحه الان على الفرونت بيج
ولمسات خفيفه سوي له توسيط واختار لون الخليفه اللي تبيه
واظن التوسيط ما يبيله شرح ظلل التصميم في الفرونت بيج واضغط زر التوسيط

بالنسبه للون الخلفيه
في الفرونت بيج في الخلفيه بالماوس اضغط زر الماوس اليمين واختار خصائص الصفحه


بتجيك النافذه

اختار formatting من فوق
واختار لون الخلفيه اللي تبيه من تحت من عند background

واحفظ العمل وارفع الملفين

مع بعض

ملاحظه: ملف index.html يكون خارج مجلد الصور وليس داخله

هذا وصلى الله على سيدنا محمد وعلى آله وصحبه أجمعين .. اتمنى الدعاء لي

أرجو عدم مسح الحقوق من الشرح

تحياتي

الونه +الطائف















خيــــــــالــــــــــــي
 
 
رد باقتباس
 
 
   
  #2 (permalink)  
قديم 10-16-2005, 06:18 PM
الصورة الرمزية أميرة الذوق
::. عضو نشيط .::
______________
أميرة الذوق غير متواجد حالياً

 

الملف الشخصي
رقم العضوية 16647
تاريخ التسجيل Sep 2005
المشاركـــــات: 210
عــدد النـقــاط: 10
قوة التـرشيــح: أميرة الذوق is on a distinguished road
افتراضي

مشكووووووووور خيالي على الشرح المبسط
الله يعطيك العافيه
مجهورد رااااااااااااا ائع
 
 
رد باقتباس
 
 
   
  #3 (permalink)  
قديم 10-16-2005, 07:16 PM
______________

 

الملف الشخصي
رقم العضوية
تاريخ التسجيل
المشاركـــــات: n/a
افتراضي

مشكور خياااااااااااااااااااااااااااااااااااااااااااااااا اااااااااااااااا اااااااااااااااااااااااااااااااااااااااااااااااااا ااااااااااااااااااااااااالي
 
 
رد باقتباس
 
 
   
رد



الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع إبحث في هذا الموضوع
إبحث في هذا الموضوع:

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

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

رمز [IMG] متاحة
رمز HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة
الانتقال السريع إلى


الساعة الآن: 04:01 PM.

Powered by vBulletin V3.6.0. Copyright ©2000 - 2008, Tranz By Almuhajir
Style version: 1.0 Eyesweb1 || تطوير بوابة رجه
 

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115