×

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

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

صورة 'تركي الودعاني' الرمزية
قديمة 02 - 11 - 2004, 22:40
المشاركة 1
بسم الله الرحمن الرحيم

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

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

وسامحوني على الشرح ان حصل فيه اى تقصير

هذا الدرس في غاية الاهميه

الدرس هو عباره عن امر مهم لاصحاب المواقع سواء مجانية او رسميه

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

الانطلاقه

تقوم بفتح لير جديد بمقاس 800 # 600 والخلفية بيضاء

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

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

انا قمت باختيار هذه الالوان

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

ثم اذهب لايقونة تدرج الالوان Gradint tool

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

قم بعمل سحب من الاعلى الى الاسفل ليخرج لك هذا الشكل

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

الان قم بعمل لير متطابقه

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

ولاتنسى ان تجعله soft light

ليكون بهذا الشكل

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

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

انا صنعتها بطريقة عادية جداً واستخدمت مثل ما في الصورة

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

اللحين انا انتيهت من تصميم البنر وازرار التوجيهات مثل كلمة منتدى او رئيسيه

جاء اللحين دور اختيار واحد من الازرار لاعطائه رابط

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

اخترت اول زر من الاعلى واستخدمت اداة التقطيع

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

بعدما مررت اداة التقطيع على اول زر

قم بالضغط بالماوس الايمن لكي يخرج لك قائمه وين Edit Slice Option

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

قم بالضغط عليها

فتخرج لك مربع وفيه كل الاشياء التي تريد ان تضيفها

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

اما السهم الاول ضع رابط المكان الذي تريد توجيه الزوار والاعضاء له

والسهم الثاني ضع اسم هذا الرابط بالعربي لان عندما يمر الماوس على الرابط يظهر اسفل شريط الاكسبلور

الان كيف تحفظ العمل؟
اذهب من الاعلى الى file ثم save for web

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

بمجرد الضغط على save for web سوف تنتقل الى هذه الصفحه

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

كل ماعليك الا الضغط على save
وكما تلاحظ انني لم اضع اي روابط على جميع الزرار وانما اول زر فقط

بعد الضغط على كلمة save وهو تحديد مكان الحفظ

طبق مافي الصورة لعملية الحفظ (( مهم ))

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

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

الان اتى دور الرفع للواجهه (( طريقة هذا الرفع خاص بالمواقع الرسميه )
وسوف نتطرق لكيفية الرفع للمواقع المجانيه باذن الله

الان تقوم بفتح برنامج ftp

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم

,وتقوم بالضغط عليه

ثم ترفع المحتويات من مجلد الصور والملف الذي قمت بعمله

[درس] كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
Asorah, alaa00, (FrEeDoM) و 7 آخرون معجبون بهذا.
  • للاخ الحبيب ومستضيف معهد ترايدنت ضمن سيرفراته الاستاذ Sami
  • لملك التطويرات ورفيق الدرب واحد مؤسسي المعهد الاخ الحبيب سعيد العطوي
المشاهدات 71150 | التعليقات 245
قديمة 02 - 11 - 2004, 23:37
المشاركة 2
صورة 'جنون التصميم' الرمزية
جنون التصميم
:: عضو نشيط ::
تاريخ الإنضمام: 27 - 10 - 2004
رقم العضوية : 213
الدولة : [_ K.S.A_]
العمر: 34
المشاركات: 1,040
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
جزاك الله الف خير درس بلفعل رائع
قديمة 03 - 11 - 2004, 00:11
المشاركة 3
صورة 'بوصالح' الرمزية
بوصالح
:: مصمم محترف ::
تاريخ الإنضمام: 29 - 09 - 2004
رقم العضوية : 41
الدولة : بــ KSA >>> بالجبيل
العمر: 44
المشاركات: 2,478
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
مشكور الاخ تركي وما قصرت على الشرح المفصل

بس هناك خطاً بسيط حاول تكتشفه ههههههههههههههه
<<<<<<<<<<<<<< يحب يحير العالم

هههههههههههههههههههه



ببسطها عليك في اول الدرس طيب
كان لدي موقع ولضيق الوقت تم اقفاله واعتذر من الجميع لعدم مقدرتي على التواصل (محبكم بوصالح)
قديمة 03 - 11 - 2004, 01:26
المشاركة 4
صورة 'ماكس' الرمزية
ماكس
:: عضو نشيط ::
تاريخ الإنضمام: 14 - 10 - 2004
رقم العضوية : 128
المشاركات: 263
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
تسلم اخوي على الدرس والله لا يحرمنة من دروسك اخوي

وهذا التطبيق اخوي تركي
التعديل الأخير كان بواسطة ماكس; 03 - 11 - 2004 الساعة 02:00
قديمة 03 - 11 - 2004, 02:18
المشاركة 5
صورة 'تركي الودعاني' الرمزية
تاريخ الإنضمام: 17 - 09 - 2004
رقم العضوية : 1
العمر: 46
المشاركات: 45,560
16
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
ابو صالح سرى ليله

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

حبيب قلبي ماكس
فنااااااااااااااااااااان ياقلبي ماشاء الله عليك
  • للاخ الحبيب ومستضيف معهد ترايدنت ضمن سيرفراته الاستاذ Sami
  • لملك التطويرات ورفيق الدرب واحد مؤسسي المعهد الاخ الحبيب سعيد العطوي
قديمة 03 - 11 - 2004, 09:08
المشاركة 6
صورة 'بوصالح' الرمزية
بوصالح
:: مصمم محترف ::
تاريخ الإنضمام: 29 - 09 - 2004
رقم العضوية : 41
الدولة : بــ KSA >>> بالجبيل
العمر: 44
المشاركات: 2,478
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
انا اقولك يالغالي
في حال اذا كان العرض يزيد عن 777 راح تكون هناك مساطر في اسفل الصفحة
الحين عرفت ياحلو


تحياتي لك
كان لدي موقع ولضيق الوقت تم اقفاله واعتذر من الجميع لعدم مقدرتي على التواصل (محبكم بوصالح)
قديمة 03 - 11 - 2004, 14:51
المشاركة 7
بيورين
:: عضـــو::
تاريخ الإنضمام: 31 - 10 - 2004
رقم العضوية : 237
المشاركات: 35
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
السلام عليكم


ربي يخليكم

ابو صالح - تركي



بيورين
كل انسان له من اسمه شئ


اسمي : يدل على الصفاء والنقاء
قديمة 07 - 11 - 2004, 15:09
المشاركة 8
صورة 'مزاجي' الرمزية
مزاجي
:: عضو جديد ::
تاريخ الإنضمام: 13 - 10 - 2004
رقم العضوية : 108
المشاركات: 29
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
حجر له يابو صالح

يهيهيهيييييييييه


لاهنت اخوي تركي الغالي على ذا الدرس الاكثر من رائع

وربي اني كنت في حاجته

تسلم يمينك
قديمة 09 - 11 - 2004, 15:12
المشاركة 9
فتى الجنوب
:: عضو جديد ::
تاريخ الإنضمام: 09 - 11 - 2004
رقم العضوية : 346
المشاركات: 4
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
السلام عليكم ورحمة الله وبركاته

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

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

وياريت احد يفيدني فيها وشكرا


اخوكم فتى الجنوب
قديمة 10 - 11 - 2004, 14:28
المشاركة 10
a.khatib
:: عضو جديد ::
تاريخ الإنضمام: 22 - 10 - 2004
رقم العضوية : 191
المشاركات: 13
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
السلام عليكم أخ تركي

يعطيك العافية على الشرح وعساك عالقوة..

بس عندي استفسار بسيط الحين مدخل الشات إنت الي تصممه وإلا من برنامج الديجي شات نفسه؟

مرفق مثال على مدخل الشات من تطبيق الأخ ماكس

وألف شكر لك..
قديمة 11 - 11 - 2004, 10:10
المشاركة 11
صورة 'nmooory' الرمزية
nmooory
:: عضو نشيط ::
تاريخ الإنضمام: 07 - 11 - 2004
رقم العضوية : 322
المشاركات: 2,838
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
اخوي تركي
بارك الله فيك يارب على روائعك التركيه الودعانيه

ههههههههههههههه ماتقدر على هالكلام ادري


انا لي ملاحظه زي ماذكر ابو صالح
وهو المقاس كثير من العباقره والمصصمين الكبار
يصممون صفحات بمقاس 800 والاصح زي كلام ابو صالح 777
لكي تتجنب المساطر وخصوصا في اسفل الصفحه
اما الطول فهو مفتوح
بعذ انذك اخ تركي

اخوي الخطيب

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

تحياتي

<<< مايحب يبخل على احد بمعلومه عادته مثل اصحاب البيت
قديمة 11 - 11 - 2004, 12:11
المشاركة 12
a.khatib
:: عضو جديد ::
تاريخ الإنضمام: 22 - 10 - 2004
رقم العضوية : 191
المشاركات: 13
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
السلام عليكم نموري

مشكوووووور على الشرح يالغالي

وما تقصر والله...
قديمة 11 - 11 - 2004, 14:19
المشاركة 13
صورة 'فيصل وبس' الرمزية
فيصل وبس
:: عضو نشيط ::
تاريخ الإنضمام: 22 - 10 - 2004
رقم العضوية : 188
المشاركات: 432
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
ابداااااااااااااااااااااا ااااااااااااااااااااااااا ااااااع اخي تركي الودعاني

الله لا يحرمنا من ابدااااااااااعااااااااااا ااااااااتك

تحياااااااااتي لك
قديمة 12 - 11 - 2004, 05:59
المشاركة 14
صورة 'MK4EGYPT.com' الرمزية
MK4EGYPT.com
:: عضـــو::
تاريخ الإنضمام: 12 - 11 - 2004
رقم العضوية : 377
الدولة : بورسعيد
المشاركات: 34
Icon30 رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
السلامة عليكم و رحمة الله وبركتة

شكرا يا أخ تري الودعاني على هذا الدرس

وشكر للاخ بو صالح على الملحظة الجميلة في المقاسات

انا والله ليه راي اخر لو اصبح المقاس 779 لكان افضل بكثير من 777 و 800
وده مش خطاء بلا سهو من رجل فاهم لان المقاس 800 × 600 ده مقاس سطح المكتب


وشكرا
(°_°)
--- oOOo----------------------

المهزوم إذا ابتسم , افقد المنتصر لذة الفوز
-----------------------oOOo---
|_|_|
|| ||
|| ||
|| ||

ooO Ooo
قديمة 03 - 01 - 2005, 06:21
المشاركة 15
scorpin
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 01 - 2005
رقم العضوية : 901
المشاركات: 237
افتراضي رد : [درس]كيف تقوم بتصميم واجهة موقع وكيفية وضع الروابط بالتصميم
جهد مميز من المتألق تركي

أدام الله عليك صحتك وعافيتك.

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

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

لاني بحتاجها وكذلك كل الاعضاء.

ومن عنده ها المعلومة لا يبخل .

خصوصاً أخونا تركي ونحن أهلكناه أسئلة

وجزاكم الرحمن كل خير

في أنتظار الجميع

تركي بوصالح أبو فاتن والجميع
 
اضافة رد
 

تحويل برنامج الكلك الى اللغة العربية تِآثَيًرٍ مٍَمٍَيًزٍ عُلىٍ آلنٍصِ [جَدُيًدُ]

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

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


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 15:31.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.