adil
اخي الزائر/اختي الزائرة اعضاء المنتدى يبذلون مجهودات كبيرة من اجل افادتك.فبادر بالتسجيل لافادتهم او لشكرهم.ولا تبق مجرد زائر فقط .نحن في انتظار ما يفيض به قلمك من جديد ومفيد.

adil

المنتدى منتداكم
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخولشات/دردشه

شاطر | 
 

 تصاميم المواقع والواجهات

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
adil
صاحب الموقع
مدير عام
صاحب الموقع  مدير عام
avatar

ذكر
عدد الرسائل : 166
العمر : 23
الموقع : www.adilmaroki.skyblog.com
العمل/الترفيه : etudient
المزاج : super cool
تاريخ التسجيل : 16/12/2008

مُساهمةموضوع: تصاميم المواقع والواجهات   السبت ديسمبر 27, 2008 3:46 am

كل ما يتعلق بتصاميم المواقع والواجهات والستايلات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://adil.7olm.org
adil
صاحب الموقع
مدير عام
صاحب الموقع  مدير عام
avatar

ذكر
عدد الرسائل : 166
العمر : 23
الموقع : www.adilmaroki.skyblog.com
العمل/الترفيه : etudient
المزاج : super cool
تاريخ التسجيل : 16/12/2008

مُساهمةموضوع: حصــ|:| شرح تصميم موقع إحترافي من الألف إلى الياء |:|ــرياُّ   السبت ديسمبر 27, 2008 3:51 am

بسـم الله الرحمـان الرحيـم .. و الصلاة و السلام على أشــرف المــرسليـن ..
السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..

تمضي الأيـام .. لكن الذكرى تبقــى الماضــي مضـى .. و المضارع يمضي

لذلك فلنطـوي صفحـة الماضـي و لنبــدأ بصفحات بيضــاء جديــدة

و لنــجعل من من الذكريات الــوانا في كتابنا و لنــملئ صــفاحتنا البيــضاء بســطور ذهبية

تعــكس جمالها على منتــدانا هذا .. الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و مـن يظـلل فلن تـجد له ولياً

مرشدا ..و أشـهد ألا إلاه إلا الله وحده لا شريك له و أن محــمداً عبده و رسـوله صــلى الله عليه و

سلم و على آله و صحبه أجمعين و من تبعهم بإحسـان إلى يوم الدين ..ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم

الـخـبــيـر .. ربـنـا لا فــهم لـنا إلا ما فهــمتنا إنــك أنـت الجــواد الـكـريـم .

ربـي اشرح لي صــدري و يســر لي أمــري و احــلل عقــدة من لســاني يفقــهوا قــولي ..

... أما بعد ...

فإن أصــدق الحــديث كــتاب الله تعــالى و خير الــهدي هــديُ سيـدنا محمد صلى الله عليه و سلم ..

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

فاللــهم أجــرنا و قــنا عذابــها برحمتــك يا أرحــم الراحميــن ..






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

أهلا بجميع زوار منتدى تصاميم المواقع و الواجهات




السلام عليكم ، اليوم أقدم لكم شرحا ضخما لتصميم موقع شخصي من a إلى z

سوف يتضمن :

- شرح تصميم واجهة
- شرح التقطيع
- شرح التركيب في front page
- شرح رفعها على سيرفر

و هنالك طبعا ملف psd



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



تم نقوم بالقيام بإعدادات لعمل جديد بالأبيض

تم ندرج صورة إليها على هاذا الشكل



تم نقوم بعمل شكل بـ ellipse tools



و نطبق عليها الأتي





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




نرسم مستطيل في الأخضر في الجانب السفلي

و نطبق عليه نفس تطبيقات الذي رسمنا في الأعلى



نقوم بإنشاء شريط أسوف تحت Menu



نرسم شكل بسيط كالأتى



و نطبق عليه الإعدادات التالية





نرسم عدة أشكال أخرى و نوزعها على النحو التالي



من تم نوزع الكتابة



نطبق الإعدادات التالية على المستطيل المستدير الذي رسمناه أعلاه





نحدد مستطيل أخضر داخل menu



تم نوزع الكتابة



نضيف بعض الصور



نقوم بعمل مستطيل randed باللون البرتقالي



و نطبق عليه ...





تم نوزع الكتابة على هاذا النحو








هكذا أحبائي أكون قد انتهيت من الدرس
أتمنى أن يكون الشرح قد أفادكم ،،

و نال إعجابكم و رضاكم

و إلى اللقاء مع درس آخر بحول الله ...

مع تحياتــــــــــ

مـ ـ ـحـ ـ ـمـ ـ ـد

عصابة الــ Web Layouts + فريق عمل منتدى تصاميم المواقع و الواجهات





بسـم الله الرحمـان الرحيـم .. و الصلاة و السلام على أشــرف المــرسليـن ..
السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..

تمضي الأيـام .. لكن الذكرى تبقــى الماضــي مضـى .. و المضارع يمضي

لذلك فلنطـوي صفحـة الماضـي و لنبــدأ بصفحات بيضــاء جديــدة

و لنــجعل من من الذكريات الــوانا في كتابنا و لنــملئ صــفاحتنا البيــضاء بســطور ذهبية

تعــكس جمالها على منتــدانا هذا .. الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و مـن يظـلل فلن تـجد له ولياً

مرشدا ..و أشـهد ألا إلاه إلا الله وحده لا شريك له و أن محــمداً عبده و رسـوله صــلى الله عليه و

سلم و على آله و صحبه أجمعين و من تبعهم بإحسـان إلى يوم الدين ..ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم

الـخـبــيـر .. ربـنـا لا فــهم لـنا إلا ما فهــمتنا إنــك أنـت الجــواد الـكـريـم .

ربـي اشرح لي صــدري و يســر لي أمــري و احــلل عقــدة من لســاني يفقــهوا قــولي ..

... أما بعد ...

فإن أصــدق الحــديث كــتاب الله تعــالى و خير الــهدي هــديُ سيـدنا محمد صلى الله عليه و سلم ..

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

فاللــهم أجــرنا و قــنا عذابــها برحمتــك يا أرحــم الراحميــن ..






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

أهلا بجميع زوار منتدى تصاميم المواقع و الواجهات




تقطيع الواجهة و حفظها من أجل الويب

أولا نقوم بحفظ الواجهة على صيغة png أو jpeg

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

نستعمل الأداة التالية ن أجل التقطيع



على هاذا النحو نقوم بالتقطيع الواجهة



تم نقوم بعمل جفظ للواجهة



فينتج عنها ملف html + ملف به صور الواجهة



الأن نقوم بتكريب الواجهة في برنامج front page

أولا : نقوم بفتح ملف html الواجهة الذي قمنا بتصميمها

هكذا



تم نقوم بجعلها في الوسط

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

ونضغط كليك يمين ، فتعطينا الأتي



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



تم نقوم بحفظ العمل









بسـم الله الرحمـان الرحيـم .. و الصلاة و السلام على أشــرف المــرسليـن ..
السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..

تمضي الأيـام .. لكن الذكرى تبقــى الماضــي مضـى .. و المضارع يمضي

لذلك فلنطـوي صفحـة الماضـي و لنبــدأ بصفحات بيضــاء جديــدة

و لنــجعل من من الذكريات الــوانا في كتابنا و لنــملئ صــفاحتنا البيــضاء بســطور ذهبية

تعــكس جمالها على منتــدانا هذا .. الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و مـن يظـلل فلن تـجد له ولياً

مرشدا ..و أشـهد ألا إلاه إلا الله وحده لا شريك له و أن محــمداً عبده و رسـوله صــلى الله عليه و

سلم و على آله و صحبه أجمعين و من تبعهم بإحسـان إلى يوم الدين ..ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم

الـخـبــيـر .. ربـنـا لا فــهم لـنا إلا ما فهــمتنا إنــك أنـت الجــواد الـكـريـم .

ربـي اشرح لي صــدري و يســر لي أمــري و احــلل عقــدة من لســاني يفقــهوا قــولي ..

... أما بعد ...

فإن أصــدق الحــديث كــتاب الله تعــالى و خير الــهدي هــديُ سيـدنا محمد صلى الله عليه و سلم ..

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

فاللــهم أجــرنا و قــنا عذابــها برحمتــك يا أرحــم الراحميــن ..






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

أهلا بجميع زوار منتدى تصاميم المواقع و الواجهات




نشر الموقع على الشبكة

أولا نحتاج برنامج ftp متل filezilla

تانيا : compte في أحد الإستضافات ، متل

www.freehyperspace.com

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



ندخل بنايات ftp

هنا



نذهب إلى ملف الذي حفظنا به الموقع

تم نقوم بإختيار الملفين المشار لهما



انضغط كليك يمين تم envoyer



الأن مبرووك لك الموقع ، لقد تم الرفع بنجاح













بسـم الله الرحمـان الرحيـم .. و الصلاة و السلام على أشــرف المــرسليـن ..
السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..

تمضي الأيـام .. لكن الذكرى تبقــى الماضــي مضـى .. و المضارع يمضي

لذلك فلنطـوي صفحـة الماضـي و لنبــدأ بصفحات بيضــاء جديــدة

و لنــجعل من من الذكريات الــوانا في كتابنا و لنــملئ صــفاحتنا البيــضاء بســطور ذهبية

تعــكس جمالها على منتــدانا هذا .. الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و مـن يظـلل فلن تـجد له ولياً

مرشدا ..و أشـهد ألا إلاه إلا الله وحده لا شريك له و أن محــمداً عبده و رسـوله صــلى الله عليه و

سلم و على آله و صحبه أجمعين و من تبعهم بإحسـان إلى يوم الدين ..ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم

الـخـبــيـر .. ربـنـا لا فــهم لـنا إلا ما فهــمتنا إنــك أنـت الجــواد الـكـريـم .

ربـي اشرح لي صــدري و يســر لي أمــري و احــلل عقــدة من لســاني يفقــهوا قــولي ..

... أما بعد ...

فإن أصــدق الحــديث كــتاب الله تعــالى و خير الــهدي هــديُ سيـدنا محمد صلى الله عليه و سلم ..

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

فاللــهم أجــرنا و قــنا عذابــها برحمتــك يا أرحــم الراحميــن ..






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

أهلا بجميع زوار منتدى تصاميم المواقع و الواجهات




ملف psd من أجل المساعدة








مع كامل تحياتي
أخوكم ،عادل cheers
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://adil.7olm.org
sanaa
عضو مبتدأ
عضو مبتدأ
avatar

انثى
عدد الرسائل : 100
العمر : 23
المزاج : نشيطة
تاريخ التسجيل : 05/03/2009

مُساهمةموضوع: رد: تصاميم المواقع والواجهات   الثلاثاء أبريل 21, 2009 4:26 pm

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

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