درس مفصل عمل موقع متكامل بطريقه جديده وغير محفوظه

[admin]

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

لذلك اردت ان اقوم بعمل درس مفصل سهل بإذن الله

والناتج بسيط ولكن بشكل حلو ومميز

اتمنى انكم تشوفوا الدرس مفصل وتقولولى رأيكم

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

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

كفايه كلام وندخل على الدرس مفصل على طول .........

افتح صفحه جديده مقاس 760x770 بيكسل
خلفيه لون ابيض

1- اختار اداه rounded rectangle وابدا فى عمل المربعات زى الصوره ( ملحوظه radius = 8)
http://www.softexarab.biz/Up/uploads/b82349f1d1.jpg

2- اختر المربع الكبير وانسخه CTRL+J ثم قم بتحريكه الى اعلى الصفحه كما بالصوره
http://www.softexarab.biz/Up/uploads/3d3c395950.jpg

3- بعد كده هتستخدم الإستايل style التالى لجميع الأشكال ما عدا العلوى
http://www.softexarab.biz/Up/uploads/a73127ed67.jpg
http://www.softexarab.biz/Up/uploads/593d731c88.bmp
http://www.softexarab.biz/Up/uploads/7c72d06780.bmp
ده اللى طلع معايا
http://www.softexarab.biz/Up/uploads/5e9a303040.bmp

4- بنفس الأداه rounded rectangle اعمل بعض المربعات فوق المربعات القديمه
http://www.softexarab.net/forum/images/statusicon/wol_error.gifThis image has been resized. Click this bar to view the full image. The original image is sized 662x247 and weights 480KB.http://www.softexarab.biz/Up/uploads/6685bbd214.bmp




اسهل طريقه تعمل بيها انك تعمل واحد بس وبعدين تقوم بنسخه عدة مرات
5- لكل الأشكال دى بقى وكمان الشكل العلوى طبق الإستايل style ده
http://www.softexarab.biz/Up/uploads/10c92d969a.jpg
http://www.softexarab.biz/Up/uploads/38c56d28f3.jpg
http://www.softexarab.biz/Up/uploads/961a98e671.jpg

ده الناتج
http://www.softexarab.biz/Up/uploads/20391fb7c8.bmp

6- قم بإضافه بعض الأيقونات
http://www.softexarab.net/forum/images/statusicon/wol_error.gifThis image has been resized. Click this bar to view the full image. The original image is sized 672x205 and weights 404KB.http://www.softexarab.biz/Up/uploads/239e3e8a46.bmp

7- دلوقتى هنحط شويه مربعات كمان وزعهم زى الصوره
http://www.softexarab.biz/Up/uploads/81579e6e4e.bmp

8- طبق عليهم كما بالصوره
http://www.softexarab.biz/Up/uploads/1a4bd6f34c.jpg
ده الناتج
http://www.softexarab.biz/Up/uploads/03ef7417f6.bmp


اخر حاجه بقى حط اكلام اللى انتا عايزه والصور

http://img519.imageshack.us/img519/4639/2b6dce244eta9.jpg
وبكده نكون خلصنا اتمنى الدرس مفصل يعجبكم واشوف ردودكم

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



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©