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

كل ما يتعلق بتصاميم المواقع والواجهات والستايلات

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

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

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

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

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

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

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

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

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

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

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

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

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

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






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

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




السلام عليكم ، اليوم أقدم لكم شرحا ضخما لتصميم موقع شخصي من 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 من أجل المساعدة








مع كامل تحياتي
أخوكم ،عادل

موضوع جميل جدا