توكيل ويرلبول صيانة ويرلبول وكيل ويرلبول فى مصر صيانة ثلاجات ويرلبول مركز صيانة ويرلبول المعتمد صيانة ويرلبول الوكيل الرسمى صيانة غسالات ويرلبول موقع شركة صيانة ويرلبول خدمة ويرلبول اصلاح ويرلبول توكيل ثلاجات ويرلبول غسالات ويرلبول ديب فريزر Whirlpool
 
الرئيسيةالرئيسية  البوابةالبوابة  مركز تحميل ويرلبول  اليوميةاليومية  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 درس تصميم واجهة موقع

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


عدد المساهمات : 147
تاريخ التسجيل : 10/04/2012
العمر : 35

مُساهمةموضوع: درس تصميم واجهة موقع   الإثنين يوليو 02, 2012 5:12 pm

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

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

قبل البدء بالتصميم..

يجب ان يكون لدينا موقع!

أي:

1- نطاق (دومين) مثل:
www.msmmy.com

2- مساحة خاصة (حجز مساحة من استضافة) مثل: استضافة مربع!



رابط الاستضافة:
www.murabba.com

...

اي ان المسألة تكلفك:

150 مساحة + 50 دومين = 200 ريال فقط!

علماً بأنك لا تستطيع انشاء قواعد بيانات.. أي لا تستطيع انشاء منتدى!

فقط موقع.


....

اذا طلب منك العمل على CD اسطوانه؟


فلا داعي الى الخطوات السابقة

فقط تجاوز هذه النقطه، وأكمل المتابعة معي..
:thumbsupsmileyanim:

....

بعد توفيرك لما سبق ذكرة!

نأتي الان لما يلزمك على الجهاز.. (( على جهازك الخاص ))
</B></I>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maintenancewhirlpool.forumegypt.net
Admin
Admin


عدد المساهمات : 147
تاريخ التسجيل : 10/04/2012
العمر : 35

مُساهمةموضوع: رد: درس تصميم واجهة موقع   الإثنين يوليو 02, 2012 5:12 pm



أول التساؤلات التي تدور في عقول المبتدئين

في مجال تصميم الواجهات.. تكون كالتالي:

1- ماهي البرامج التي أحتاجها في التصميم؟

2- كيف لي أن اعرفها بالترتيب؟

3- من أين أبدأ.. وأين أنتهي؟

4- هل يوجد هناك قواعد، وأسس.. يجب أن اتقيد بها.

الخ الخ الخ الخ...

ولكن..

اتمنى أن يكون هذا الموضوع مرجع للجميع!

وسيكون فهرس لكل الخطوات بالترتيب.. وان شاء الله سأركز على

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

دروسي السابقة!

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


:: البرامج التي تحتاج اليها بالترتيب ::

1- الفوتوشوب : للتصميم + التقطيع


وتستطيع تحميلة من أحد المواضيع التالية:


.•:*¨إصدارات الفوتوشوب من (7-10)¨*:•.:: برنامج Adobe Photoshop 7 ME :: كاملبرنامج فوتوشوب سبعة - الفوتوشوب 7 - الداعم للكتابة باللغة العربية؟ Photoshop 7.0 MEالفوتوشوب Photoshop الإصدار - 8 - عربي مئة في المئة بالكامل! ((بالصور))


....


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

وتستطيع تحميلة من الموضوع التاليي:


برنامج Front Page 2003 عربي - برنامج الفرونت بيج 2003 عربي (( برابط واحد مباشر ))



....


3- برنامج اباتشي سيرفر (لتحويل الجهاز الى سيرفر وأنك تتصفح واجهتك على الانترنت).

و لتحميل البرنامج + شرح تثبيته بالفيديو :thumbsupsmileyanim: تفضل الى الموضوع التالي:


حصريا على مصممي شرح بالفيديو والصوت (( حول جهازك الى سيرفر في ستة دقائق ))


....



هكذا نكون انتهينا من اعداد جهازنا بالبرامج المهمة وبالترتيب كـ التالي:

1- الفوتوشوب.

2- الفرونت بيج العربي 2003.

3- الاباتشي سيرفر (( السيرفر الشخصي على جهازك )).


....


الان...

نعود الى الفوتوشوب..

ونسأل؟

كيف نصمم.. وماهي المقاسات الصحيحة؟


</B></I>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maintenancewhirlpool.forumegypt.net
Admin
Admin


عدد المساهمات : 147
تاريخ التسجيل : 10/04/2012
العمر : 35

مُساهمةموضوع: رد: درس تصميم واجهة موقع   الإثنين يوليو 02, 2012 5:13 pm



نذهب الى الفوتوشوب..

ونفتح عمل جديد:







ثم نختار المقاسات التالية:




العرض: 775 بكسل (اجباري)

الارتفاع: 650 بكسل (اختياري)

الشبكة: 25 <<< المهم تقبل القسمه على: 775 و 650


....


(( يتبع ))
</B></I>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maintenancewhirlpool.forumegypt.net
Admin
Admin


عدد المساهمات : 147
تاريخ التسجيل : 10/04/2012
العمر : 35

مُساهمةموضوع: رد: درس تصميم واجهة موقع   الإثنين يوليو 02, 2012 5:14 pm

بعد تصميم الواجهه في برنامج الفوتوشوب!

تنتج معنا بهذا الشكل:







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

لكي ننتقل الى برنامج (الفرونت بيج)

انتظروا شرح التقطيع


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maintenancewhirlpool.forumegypt.net
Admin
Admin


عدد المساهمات : 147
تاريخ التسجيل : 10/04/2012
العمر : 35

مُساهمةموضوع: رد: درس تصميم واجهة موقع   الإثنين يوليو 02, 2012 5:15 pm



شرح مباشر:



أو من هنا:



هنا نشاهد الواجهه بعد التقطيع!

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




ويمكنكم تحميل الشرح بالفيديو.. بعد الضغط على الايقونة التالية:






هكذااا..

نكون قد انتهينا من مرحلة الفوتوشوب

وبقي علينا اضافة الروابط؟

وتنسيق الصفحة في الفرونت بيج

...


انتظروا الشرح

وكونوا بخير

^__^
</B></I>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maintenancewhirlpool.forumegypt.net
Admin
Admin


عدد المساهمات : 147
تاريخ التسجيل : 10/04/2012
العمر : 35

مُساهمةموضوع: رد: درس تصميم واجهة موقع   الإثنين يوليو 02, 2012 5:18 pm

الان اخواني واخواتي..

قبل البدء في الفرونت بيج؟

ننشئ (نعمل) مجلد جديد.. ونسمية حسب ما يناسبنا.. مثلا نسمية (موقعي)

وننقل ملف:

index + images

أي:

الصفحة + مجلد الصور

بعدها.. ننتقل الى برنامج (الفرونت بيج) ونتعلم معاً:


1- توسيط الصفحة.

2- تحديد اسم للصفحة على المتصفح.

3- وصف الصفحة.

4- كتابة الكلمات الاساسية.

5- تنسيق لون خلفية الصفحة مع الواجهة.

6- وضع فلاش شفاف على اسم الموقع.

[color=red]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maintenancewhirlpool.forumegypt.net
Admin
Admin


عدد المساهمات : 147
تاريخ التسجيل : 10/04/2012
العمر : 35

مُساهمةموضوع: رد: درس تصميم واجهة موقع   الإثنين يوليو 02, 2012 5:25 pm

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maintenancewhirlpool.forumegypt.net
 
درس تصميم واجهة موقع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

صيانة ويرلبول مركز صيانة ويرلبول وكيل ويرلبول المعتمد ٢٦٧١٢٦١١(02)

↑ Grab this Headline Animator

Preview on Feedage: %D8%B5%D9%8A%D8%A7%D9%86%D8%A9-%D9%88%D9%8A%D8%B1%D9%84%D8%A8%D9%88%D9%84-%D8%A7%D9%84%D9%88%D9%83%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%B9%D8%AA%D9%85%D8%AF-%D9%85%D8%B1%D9%83%D8%B2-%D8%B5%D9%8A%D8%A7%D9%86%D8%A9-%D9%88%D9%8A%D8%B1%D9%84%D8%A8%D9%88%D9%84-%D9%88%D9%83%D9%8A%D9%84-%D9%88%D9%8A%D8%B1%D9%84%D8%A8%D9%88%D9%84- Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki

Feedage Grade A rated