منتديات العراب

منتدى الملوك
 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالتسجيلدخول
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
» حصريا على العراب وبس مترجم Wanted 2008
الثلاثاء يوليو 08, 2008 11:57 am من طرف 

» حمل من اليوتيوب بدون برامج
الإثنين يونيو 30, 2008 11:14 pm من طرف 

» µTorrent 1.7.5.4602/1.8 alpha 6102 اقوى برنامج مشاركة ملفات
الأحد يونيو 29, 2008 10:31 pm من طرف 

» حصري ومترجم وبحجم صغير فلم The.Incredible.Hulk.CAM.XVID.200
الثلاثاء يونيو 24, 2008 5:59 pm من طرف 

» Kaspersky antivirus 6.0.7 كامل ولا يحتاج لسريال
الإثنين يونيو 16, 2008 12:34 pm من طرف 

» الويندوز الجديد و الجميل للغايه ويندوز الفراعنه Pharaonic XP
الإثنين يونيو 16, 2008 12:28 pm من طرف 

» فيلم Saw IIII الجزء الرابع مترجم حصريا تحميل مباشر
الأحد يونيو 15, 2008 6:05 pm من طرف 

» فلم Indiana.jones.and.the.kingdom.of.the.crystal.skull .2oO8
الأحد يونيو 08, 2008 11:50 am من طرف 

» فلم الاكشن والوحوش والمغامرت Never.Cry.Werewolf.2008
السبت يونيو 07, 2008 5:21 pm من طرف 

» لمستخدمي ل adsl لا تفوتوا الفرصة
الإثنين مايو 26, 2008 8:29 pm من طرف 

» برنامج رأئع للإتصال ببلاش لأي حته في العالم
الإثنين مايو 26, 2008 8:27 pm من طرف 

» انتظره الكثيرون : تلفزيون سامي سوفت (الاصدار الثاني) بإضافات
الإثنين مايو 26, 2008 3:27 pm من طرف 

» برنامج ViVi DVD Player 2.0.9
الإثنين مايو 26, 2008 2:43 pm من طرف 

» برنامج للتحميل من الرابيدشير و الميغاأبلود و 65 موقع آخر
الخميس مايو 22, 2008 2:24 pm من طرف 

» فيلم الرعب الشهير Saw IV 2007 مترجم بجودة R5
الأربعاء مايو 21, 2008 11:00 pm من طرف 

» الفلم الاسطورة Braveheart (القلب الشجاع) نسخة HD اصلية مترجم
الأربعاء مايو 21, 2008 10:50 pm من طرف 

» برنامج رهيب لعمل مكياج كامل للوجه وتعديل تقاطيع الوجه
الثلاثاء مايو 13, 2008 8:38 pm من طرف 

» تحف شركة Microsoft وهو برنامج متكامل لحل مسائل الرياضيات
الثلاثاء مايو 13, 2008 8:36 pm من طرف 

» سلسلة الرعب كاملة SAW
الثلاثاء مايو 13, 2008 4:26 pm من طرف 

» Spider Man( 3 ) 2007
الثلاثاء مايو 13, 2008 4:21 pm من طرف 

» The.Forbidden.Kingdom
الثلاثاء مايو 13, 2008 4:17 pm من طرف 

» The.Green.Mile.1999.REAL.PROPER.DVDRip.XviD-SAPHiRE
الثلاثاء مايو 13, 2008 4:17 pm من طرف 

» 100.Million.BC.2008.DVDRip.XviD-CM8
الثلاثاء مايو 13, 2008 4:15 pm من طرف 

» سلسله قراصنه الكاريبى كامله مترجمه
الثلاثاء مايو 13, 2008 4:12 pm من طرف 

» 10.000BC.DVDRip
الثلاثاء مايو 13, 2008 4:08 pm من طرف 

» The Last Winter
الثلاثاء مايو 13, 2008 4:07 pm من طرف 

» Gladiator
الثلاثاء مايو 13, 2008 4:06 pm من طرف 

» Face Off
الثلاثاء مايو 13, 2008 4:05 pm من طرف 

» Fatal Move 2008
الثلاثاء مايو 13, 2008 4:03 pm من طرف 

» شاهد سفينة التايتنك وهي تغرق 3D Titanic Screensaver
الثلاثاء مايو 13, 2008 3:43 pm من طرف 

» برنامج رائع وجديد لتزيين صورك
الإثنين مايو 12, 2008 2:21 pm من طرف 

» برنامج يجعل صورتك ترفرف مثل العلم
الإثنين مايو 12, 2008 1:46 pm من طرف 

» أقوىوأروع برامج تصميم الصورالمتحركةوالبانار+الكراك ولاتحتاج
الأحد مايو 11, 2008 6:38 pm من طرف 

» حول صورتك الى رسم بقلم رصاص بهذا البرنامج الرائع
الأربعاء مايو 07, 2008 3:41 pm من طرف 

» برنامج سهل ورائع لعمل أنعكاس مائي على الصور - الشرح بالصور
الأربعاء مايو 07, 2008 3:22 pm من طرف 

» اصدارين من photoshop cs2/cs3 حجم صغير بدون تسطي
الأربعاء مايو 07, 2008 3:03 pm من طرف 

» لمن يحتاج برنامج أطلس خرائط عالم
الإثنين مايو 05, 2008 9:33 pm من طرف 

» FrontPage 2003 برنامج فرونت بيج كامل عربي
الجمعة مايو 02, 2008 4:15 pm من طرف 

» فيلم Alexander (2004) DvdRip
الجمعة مايو 02, 2008 11:46 am من طرف 

» برنامج ImTOO 3GP Video Converter+ شرح بالصور
الثلاثاء أبريل 29, 2008 3:50 pm من طرف 

» مجموعة من البرامج الدينية-لا تتردد-
الخميس أبريل 24, 2008 2:24 pm من طرف 

» برنامج وكالة ناسا.. لا يتحدى Google Earth فقط.. بل يضرب به
الخميس أبريل 24, 2008 2:10 pm من طرف 

» القاموس الماسي متعدد اللغات –ناطق- ( عربي-انجليزي-فرنسي
الأربعاء أبريل 23, 2008 5:06 pm من طرف 

» برنامج الاطلس العربى
الأحد أبريل 20, 2008 5:39 pm من طرف carp

» Avast AntiVirus Professional Edition 4.7 من أقوى برامج الحم
السبت أبريل 19, 2008 11:49 am من طرف 

» برنامج تحميل Windows Media Player Windows Media Player 11 ب
الثلاثاء أبريل 15, 2008 1:18 pm من طرف 

» من أروع البرامج الإسلامية على الإطلاق
الإثنين أبريل 14, 2008 4:45 pm من طرف 

» برنامج ضغط جديد و رائع (حصري )
الإثنين أبريل 14, 2008 4:40 pm من طرف 

» برنامج تحميل الافلام - برامج
الإثنين أبريل 14, 2008 4:40 pm من طرف 

» برنامج قاموس
الإثنين أبريل 14, 2008 4:39 pm من طرف 

» برنامج لصنع شهادات التقدير عربى100%
الإثنين أبريل 14, 2008 4:30 pm من طرف 

» برنامج لصنع شهادات التقدير عربى100%
الإثنين أبريل 14, 2008 4:29 pm من طرف 

» برنامج جميل مصحف نوف اسرع وحمل
الإثنين أبريل 14, 2008 4:25 pm من طرف 

» الأطلس العربي الإلكتروني ...
الأحد أبريل 13, 2008 9:44 pm من طرف 

» هذا البرنامج الاسطورة في التنزيل من اليوتيوب ومواقع اخرى
الجمعة أبريل 11, 2008 6:39 pm من طرف carp

» عندك أغنية أو ملف فيديو أو فيلم لا يعمل ؟ لا تقلق هنا الحل
الجمعة أبريل 11, 2008 6:35 pm من طرف carp

» برنامج خطير للياهو والماسنجر يوجد به اضافات روعة
الثلاثاء أبريل 08, 2008 2:05 pm من طرف 

» Windows Vista Ultimate OEM النسخة التي يبحث عنها الملايين عب
الثلاثاء أبريل 08, 2008 1:52 pm من طرف 

» Windows Media Player 12
الثلاثاء أبريل 08, 2008 1:40 pm من طرف 

» فيلم Rambo4 2008 مترجم بجودة TS-Xvid حجم 127ميجا تحميل مباش
الأحد أبريل 06, 2008 5:52 pm من طرف 

» فيلم 10,000 B.C. مترجم جودة TS وهى الاقرب الى DVDcsr بحجم 2
الأحد أبريل 06, 2008 5:47 pm من طرف 

» فيلم Aliens Vs Predator Requiem جودة R3 بحجم 217 ميجا تحميل
الأحد أبريل 06, 2008 3:02 pm من طرف 

» برنامج المدي بلاير10
الإثنين مارس 31, 2008 7:22 pm من طرف 

» الان اصبح كمبيوترك تليفون ولديه رقم اتصال
الإثنين مارس 31, 2008 7:10 pm من طرف 

» فلم 10000B C
السبت مارس 29, 2008 10:40 am من طرف 

» موسوعة الحديث الشريف
الأحد مارس 23, 2008 8:53 pm من طرف 

» متعب السقار2
الخميس مارس 13, 2008 11:32 pm من طرف 

» متعب السقار
الخميس مارس 13, 2008 11:29 pm من طرف 

» Nokia N99 خرافي
الأربعاء مارس 12, 2008 3:59 pm من طرف 

» هذا جوآل ولآ‘ كآميرآ
الأربعاء مارس 12, 2008 3:47 pm من طرف 

» طريقة جديدة لارسال Sms مجانا و بعدد غير محدود مع الشرح
الأربعاء مارس 12, 2008 3:30 pm من طرف 

» شاهد قنوات art وقنوات ShowTime والجزيرة الرياضية مجانا
الأربعاء مارس 12, 2008 3:21 pm من طرف 

» خاص وحصرياً : أصنع قناتك التلفزيونية الأن عبر البث الحي ! مع
الإثنين مارس 10, 2008 6:56 pm من طرف 

» مهم
الأربعاء مارس 05, 2008 5:29 pm من طرف 

» تعريب YouTube Downloader 3000 قنبلة التحميل من YouTube وعرض
الثلاثاء مارس 04, 2008 5:54 pm من طرف 

» والان لن تتعب في البحث عن السيريلات مع هذا البرنامج Serial
الثلاثاء مارس 04, 2008 5:53 pm من طرف 

» تعريـب عملآق استرجاع الملفات المحذوفه Recover My Files
الثلاثاء مارس 04, 2008 5:47 pm من طرف 

» صور الين خلف ....في غاية الروعة الكل يلحق
الثلاثاء مارس 04, 2008 4:43 pm من طرف 

» صور فنانات,صور جميلات لبنان,صور اليسا
الثلاثاء مارس 04, 2008 4:38 pm من طرف 

» الي محبي هيفاء وهبي اخر صور للمطربة المغرية الاولى
الثلاثاء مارس 04, 2008 4:34 pm من طرف 

» صور نانسي عجرم صور فنانات لبنان نانسي عجرم
الثلاثاء مارس 04, 2008 4:29 pm من طرف 

» سلمي حايك - صور قويه شوي
الثلاثاء مارس 04, 2008 4:24 pm من طرف 

» رولا سعد ... وأحلى صور من المذهلة 12 لا تفوتكم يا حلوين ؟
الثلاثاء مارس 04, 2008 4:21 pm من طرف 

» أربعه معاجم وقواميس في برنامج واحد
الإثنين مارس 03, 2008 3:56 pm من طرف 

» كلمه تكتبها فياي محرك بحث تجلب لك كل الايميلات
الإثنين مارس 03, 2008 3:38 pm من طرف 

» موسوعة النكت6
الإثنين مارس 03, 2008 3:18 pm من طرف 

» موسوعة النكت5
الإثنين مارس 03, 2008 3:11 pm من طرف 

» موسوعة النكت4
الإثنين مارس 03, 2008 3:07 pm من طرف 

» موسوعة النكت3
الإثنين مارس 03, 2008 3:00 pm من طرف 

» موسوعة النكت2
الإثنين مارس 03, 2008 2:58 pm من طرف 

الإبحار
 البوابة
 الفهرس
 قائمة الاعضاء
 البيانات الشخصية
 س .و .ج
 ابحـث
منتدى
التبادل الاعلاني
يونيو 2018
الأحدالإثنينالثلاثاءالأربعاءالخميسالجمعةالسبت
     12
3456789
10111213141516
17181920212223
24252627282930
اليوميةاليومية

شاطر | 
 

 شرح مفصل عن كيفية تصميم واجهه رئيسية للمواقع

اذهب الى الأسفل 
كاتب الموضوعرسالة




تاريخ التسجيل : 01/01/1970

بطاقة الشخصية
الاعضاء: 10

مُساهمةموضوع: شرح مفصل عن كيفية تصميم واجهه رئيسية للمواقع   الإثنين فبراير 11, 2008 9:29 pm

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

" طبعا هذه اول مشاركة لي بالقروب وان شاء الله تحوز على رضاكم"

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

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


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

1 – افتح الفوتوشوب وافتح صفحه جديده بالمقاسات اللي تناسبك ويفضل بالعرض

750 الى 800 بيكسل والطول حسب الخانات اللي حاب تضيفها على الصفحه

مثلا انا بالدرس هذا مقاسات الصوره 790 بيكسل عرض في 700 بيكسل طول



2- صمم الموقع حسب ذوقك وهنا يبدأ الابداع وبعد ماتصمم وتخلص احفظ العمل

على صيغة jpg او gif ولا تنسى تحفظه على امتداد psd عشان التعديلات لو حبيبت تعدل .. سكر جميع الصفحات وخل الفوتوشوب مفتوح

كل هذه الخطوات السابقه ماراح نسترسل فيها لان الاغلبية يعرفها واللي حاب

يستفسر او يسأل عن الفوتوشوب تراني حاضر


الحين نجي للصج

الحين افتح التصميم اللي حفظته على jpg او gif عن طريق الفوتوشوب عشان نقطع الصوره الى صور صغيره والسبب ........... ؟؟؟

نشوف السبب بالمرحله رقم 3



3- مرحلة تقيطع الصور :

نبذه عن هذه المرحله :

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

مثال




قم بااختيار اداة Slice Select Tool (K) من شريط الادوات



بعد اختيار اداة التقطيع نقوم بتقطيع الصوره بدقه



ملاحظه : يجب ان يكون تقطيع صوره بنر ( المساحه الاعلانية ) دقيق جدا

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

بصورة الاعلان اللي بتحطه .. فكل اللي عليك انك تجيب بنر الاعلان اللي بتحطه

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

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



الحين راح احط لكم صوره تبين شكل الموقع مقطع بالكامل ..



عاد لا حد يعلق على التصميم خخخ تراه ولادي زياده عن اللزوم لوول


بعد مانقطع الصوره نجي لمرحله الحفظ بصيغه الـ HTML



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

مثل ..
alqamra_01
alqamra_02
alqamra_03
alqamra_04

الى آخره



بكذا خلصنا من الفوتوشوب . ونلاحظ بعد ما نحفظ الملف راح يطلع لنا

ملف باامتدادHTML وبااسم الموقع ومجلد الصور images


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



ومن ملف >> فتح >> بعدين افتح الصفحه اللي حفظناها على شكل HTML

بعد مانفتحها نختار كلمه تصميم من الاسفل ..



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

او تقدر تضيف بدل اللون صوره . وراح نوضح هالشي .


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



بعد ماخلصنا من لون الخلفية .. نجي الحين لاضافة الروابط على الصفحة

طبعا عندنا نوعين من الروابط ،، يا اما تكون رابط جاهز من النت مثل

المنتدى www.alqamra.net/vb

او تكون من الجهاز مثل

C:\Documents and Settings\super ssh\My Documents\New Folder

ملاحظه على الرابط اللي يكون من الجهاز ..

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



لاضافة الروابط اتبع الاتي

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

ارتباط تشعبي




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

مشكله مثل اللي طالع عندي ..



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

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

خل سمك الحدود زيرو وبكذا انحلت المشكلة



طيب نجي لشغله ثانية ...
لو تلاحظون المواقع بالنت ،، تلاقون الروابط نوعين

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

طريقتنا اللي شرحناها فوق هي الطريقه الاولى اللي هي لما تضغط على الرابط

يفتح لك بنفس الصفحة .. بس تعالوا خلونا نشوف كيف نضغط على الرابط ويطلعنا بصفحة ثانية


طبعا نفس طريقة اضافة الرابط بس نضيف عليها شي واحد الا وهو




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

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



بالفرونت بيج .. ملف >> جديد ثم اختر صفحة فارغة



بعدها بتطلع لك صفحة بيضة

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

وسبق اننا شرحنا طريقة تغيير لون الخلفية .

اختر من القائمة جدول >> ادراج جدول

وعلى حسب طلبك ،، مثلا اختر

الصفوف 10 ... والاعمدة 1

وبكذا صار عندك جدول واضف فيه الزخارف على ذوقك .. بعدها حفظ بااسم



ملاحظه بالحفظ :



شوف بالصورة . نلاحظ كلمه (( تغيير العنوان )) هذه عشان تعطينا اسم الصفحه اللي يطلع فوق بالشريط الازرق ..

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

طبعا انا سميته زخارف بالانجليزي لانه الرابط راح يكون

www.alqamra.net/zakharf.htm

وبكذا انت سويت صفحه للزخارف مثل هذه


http://2photoshop.malware-site.www/zakharf.htm


طيب الحين نجي لمرحلة تركيب الشات

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

لكن الحين نجي للجد ونحط الشات الصجي << حلوة الصجي خخخ


روح على كلمة تصميم اللي تحت بالفرونت بيج
بعدها اضغط ضغطه وحده على مكان الشات (( اللي انا حاط صوره بدال الجافا ))


روح على كلمة تصميم اللي تحت بالفرونت بيج
بعدها اضغط ضغطه وحده على مكان الشات (( اللي انا حاط صوره بدال الجافا ))



بعدها روح على تعليمات برمجية بدل ماكانت على تصميم



راح تشوف روابط شكثر .. انت ماعليك من هالروابط

كل اللي عليك من الرابط اللي مظلل باازرق ..



استبدل هالرابط

برابط الجافا وبكذا انت اضفت الشات على الصفحة

وهذا شات القمرا لو حاب تضيفه عشان تتأكد من شغلك



http://host1.ya3arb.com/DigiChat/DigiClasses/
height=102 archive=Client.jar width=211 align=middle
code=com.diginet.digichat.client.DigiChatApplet.cl ass

name=DigiChat><PARAM NAME="cabbase" VALUE="Client.cab"><PARAM

NAME="language" VALUE="arabic.lang"><PARAM NAME="siteID"

VALUE="1255"><PARAM NAME="background" VALUE="000000"><PARAM

NAME="textcolor" VALUE="FFFFFF"><PARAM NAME="MenuItem1" VALUE="???? ????

???????"><PARAM NAME="MenuLocation1" VALUE="http://www.5shost.com">
Digi Chat Requiresa Java Compatible web browser

torun.</APPLET>



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

الا وهي ،، لون جافا الشات ،، ولون كلمه (( Nickname ))


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

بعدين روح على تعليمات برمجيه ،، راح تشوف روابط مظلله

اتبع هذه الروابط وراح تشوف الآتي



غير اكواد اللون باللون اللي يناسبك ..

وبكذا خلصنا من تصميم الواجهه الرئيسيه للموقع

طبعا في تفاصيل اخرى لكن هذه هي الفكره الاساسيه ..

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

الا وهي .. رفع المجلد على سيرفر الموقع .. طبعا المجلد شامل كل شي

قبل اشوي قلنا خل كل شغلك بمجلد واحد عشان مرحله الاب لود

وبالتوفيق .. واي سؤال تراني حاضر ..

للسؤال او الاستفسار .. اضغـط هنــا

(( عذرا صار اشويا لخبطه بالموضوع عشان الكلمات الانجليزية ))

تحياتي لكم

~~~BIGSMOKE~~~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
شرح مفصل عن كيفية تصميم واجهه رئيسية للمواقع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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