تصميم الاستايلات ( للمبيتدئين)

[شجرة الدرة]

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

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


ومن خلال الدورة دى هيقدر كل واحد فينا يعمل استايل


(http://www.focvb.com/vb/)

هنتعلم فى الدورة

اولا ازاى نصمم الاستايل الخاص بينا

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

هنتعلم ايضا تلوين الاستايل

هنتعلم الكتير والكتير

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

فللجميع ولكل واحد عنده الحافز دا انه يتعلم

وانا هبدأ الدورة دى حتى لو واحد بس اللى معايا فى الدورة

غير كدا كمان انا هنزل كل الدروس فى الموضوع دا مرة واحدة للان الدورة كاملة عندى


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

برنامج الفرونت بيج

اللى مش موجود من عنده يقدر يحملة من هنا

برنامج Microsoft FrontPage 2003

http://www.seshop.com/image/product/200309/MS39202421_L.jp g


يعد البرنامج من اروع برامج تصميم صفحات الإنترنت .. و هو اسهل برنامج ايضاً لانه يحتوي على تصاميم جاهزة والعمل فيه عمل مرآي واكثرنا يعرف البرنامج ولكن قلة منا من تعامل معه
والحمدلله انا احسن استخدامة ولله الحمد وبحثت عنه ووجدته اخيراً


وهو يعمل مع اصدارات ويندوز Microsoft 2000 with Service Pack 3 (SP3) or later, XP or

الحجم التقريبي ..
حجم ا لبرنامج : 192 ميجا
لغة البرنامج : الانجليزى

للتحميل من لينك مباشر من هنا

http://www.kuw2.com/program/MSFrontPage%202 003.rar (http://www.kuw2.com/program/MSFrontPage%202 003.rar)

وكلمة فك الضغط::::hawazi n

السيريال

s/n : WFDWY-XQXJF-RHRYG-BG7RQ-BBDHM


او من رابط اخر

من هنا

http://www.moon15.com/index.php?actio n=file&id=1836 (http://www.moon15.com/index.php?actio n=file&id=1836)

واخيرا وهوا السيرفر الشخصى


[ AppServ ] شرح تركيب السيرفر على جهازك وتنصيب منتدى عليه

السلام عليكم ورحمة الله وبركاته
أسعد الله أوقاتكم بالخير والمسرات
اتقدم اليوم لكم بدرس عمل السيرفر الشخصي على الجهاز وكيفية تسطيب وتركيب المنتدى عليه
وهذا السيرفر المعروف بأسم الاباتشي هو سيرفر محلي يمكنك العمل عليه حتى لو كنت غير متصل بالانترنت
وهو مفيد للمصممين والمبرمجين والمبتدأين
لتجريب اي عمل قبل تركيبه على الشبكة
-------------------
مميزات البرنامج
مجاني 100 %
لايحتاج كراك وغيره من امور
يدعم اللغة العربية
تكوين قواعد بيانات
تستطيع تركيب سكريبتات عليه
تستطيع تركيب منتديات من النسخة 1.0.0 لى 3.6.0
-------------------
قبل التركيب أتمنى قرأة الشرح بتمعن
نتوكل على الرحمن
علشان محدش يتحكم ويجي يفصل التحميل بعد كذا رفعت على سيرفري الخاص
حمل البرنامج

من هنا

http://ia360627.us.arc hive.org/3/ite...in32-2.4.3.exe (http://ia360627.us.arc hive.org/3/items/max7des_64/appserv-win32-2.4.3.exe)

او هنا

http://switch.dl.sourc eforge.net/sou...in32-2.4.3.exe (http://switch.dl.sourc eforge.net/sourceforge/appserv/appserv-win32-2.4.3.exe)

او هنا

http://www.3arabvb.com/swalif/appserv.zip (http://www.3arabvb.com/swalif/appserv.zip)



بعد التحميل فك الضغط عن البرنامج
لي يصبح بهذه الصورة
http://romanticsoft.go oglepages.com/ser1.JPG
بعدها أضغط دبل كليك على الصورة لتثبيت السيرفر على الجهاز
http://romanticsoft.go oglepages.com/ser2.JPG
أضغط NEXT وسوف تظهر لنا الصورة التالية
http://romanticsoft.go oglepages.com/ser3.JPG
وهي تحديد مكان البرنامج يفضل تركه كم هو ولاتغير شي أضغط NEXT
لتظهر الصورة التالية
http://romanticsoft.go oglepages.com/ser4.JPG
أشر بالماوس على الخيار الأول Typical من ثم أضغط NEXT
حتى تظهر هذه الصورة
http://romanticsoft.go oglepages.com/ser5.JPG
الخيار الأول أتركه localhost
الخيار الثاني ضع ايميلك وهو ليس بشئ أساسي
الخيار الأخير اتركه 80
بعدها أضغط NEXT وسوف تظهر هذه الصورة
http://romanticsoft.go oglepages.com/ser6.JPG
أترك الخيارات كما هي ليست مهمة
بعدها أضغط NEXT
وأنتظر تحميل وتسطيب البرنامج كما بصورة
http://romanticsoft.go oglepages.com/ser7.JPG
بعدها أشر على الخيارين Start Apache + Start Mysql
وأضغط Close
http://romanticsoft.go oglepages.com/ser8.JPG
مبروك تم تثبيت البرنامج بنجاح
http://romanticsoft.go oglepages.com/ser9.JPG
وسوف يظهر هكذا بقائمة أبدأ
http://romanticsoft.go oglepages.com/ser10.JPG
الان أفتح متصفحك
وأذهب لرابط التالي
cPanel® (http://localhost/)
وسوف يظهر لك السيرفر وكلوا تمام التمام
http://romanticsoft.go oglepages.com/ser11.JPG
سوي قاعد عشان نركب المنتدى
بسم الله الرحمن الرحيم
نتوكل على الرحمن ونتوجه للمتصفح وأذهب للعنوان
cPanel® (http://localhost/)
بيظهر لنا كما بصورة أضغط أول خيار كما موضح
http://romanticsoft.go oglepages.com/ser12.JPG
الحين بيطلع لنا كما بصورة
http://romanticsoft.go oglepages.com/ser13.JPG
طيب نتجه للغة كما موضح *************** *************** *************** ***
http://romanticsoft.go oglepages.com/ser14.JPG
ونختار العربية لتسهيل ^_^
http://romanticsoft.go oglepages.com/ser15.JPG
بتلاحظ بأنه تعرب المهم @_@ ركز معاي
نروح لتكوين قاعدة بيانات جديدة كما بصورة
http://romanticsoft.go oglepages.com/ser16.JPG
ونكتب بالفراغ vb كما موضح وبعدين أضغط تكوين
http://romanticsoft.go oglepages.com/ser17.JPG
مبروك الحين سوينا القاعدة ولتأكيد
http://romanticsoft.go oglepages.com/ser18.JPG
http://romanticsoft.go oglepages.com/ser19.JPG
طيب الحين أنتهينا من تكوين قاعد بيانات جديدة
الحين وقت تركيب المنتدى ونبي تركيز #_#
حمل نسخة المنتدى من هنا

الاصدار 3.6.8

http://ia360630.us.arc hive.org/3/ite..._504/vb368.zip (http://ia360630.us.arc hive.org/3/items/max7des_504/vb368.zip)

او

http://www.zshare.net/download/56963274844dd2/ (http://www.zshare.net/download/56963274844dd2/)

بعد تحميلها بنلاقيها مضغوطة
http://romanticsoft.go oglepages.com/ser20.JPG
طيب أفتح الضغط لتصبح
http://romanticsoft.go oglepages.com/ser21.JPG
الحين نخلي النسخة شوي على ركن
ونروح لمجلد البرنامج بالقرص c:/
كما موضح بأسم AppServ
http://romanticsoft.go oglepages.com/ser22.JPG
بعدين توجه للمجلد www ودبل كليك
http://romanticsoft.go oglepages.com/ser23.JPG
بنلاقيه كما بصورة طيب
http://romanticsoft.go oglepages.com/ser24.JPG
الحين اسحب مجلد vb بكامله لداخل ملجد www
حتى يصبح كما بصورة
http://romanticsoft.go oglepages.com/ser25.JPG
حلو كل شي تمام
أفتح مجلد vb
وتوجه لمجلد includes
http://romanticsoft.go oglepages.com/ser26.JPG
وبعدها أبحث عن الكونفيق
config.php
http://romanticsoft.go oglepages.com/ser27.JPG
وافتحه بمحرر الفرونت بيج لانه بنعدل البيانات
أول تعديل بيكون بسطر تقريبا 30
ابحث عن
نكتب vb وهي التي كون قاعدة بياناتها بأول الشرح الثاني
حتى تصبح
أكتب ايميلك وليس أجباري لانه على سيرفر شخصي
توضيح أكثر كما بصورة
http://romanticsoft.go oglepages.com/ser28.JPG
الان أبحث عن
أتركها كما هي localhost
اسم المستخدم أكتب root
باسورد القاعدة لاتكتب شئ
توضيح
http://romanticsoft.go oglepages.com/ser29.JPG

طيب كذا أنتيهنا من أعداد القاعدة واعداد الكونفق
أذهب لـ http://localhost/vb/install/install.php (http://localhost/vb/install/install.php)
بالمتصفح
الخطوة الاولى
http://max7des.googlep ages.com/2.jpg
الخطوة الثانية
http://romanticsoft.go oglepages.com/inst1.JPG
الخطوة الثالثة
http://romanticsoft.go oglepages.com/inst2.JPG
الخطوة الر ابعة
http://romanticsoft.go oglepages.com/inst3.JPG
الخطوة الخامسة
http://romanticsoft.go oglepages.com/inst4.JPG
الخطوة السادسة
http://romanticsoft.go oglepages.com/inst5.JPG
الخطوة السابعة
http://romanticsoft.go oglepages.com/inst6.JPG
الخطوة الثامنة
http://romanticsoft.go oglepages.com/inst7.JPG
الخطوة التاسعة
http://romanticsoft.go oglepages.com/inst8.JPG
الخطوة الحادية عشر
http://romanticsoft.go oglepages.com/inst9.JPG
الخطوة الثانية عشر طبق كما بصورة
http://romanticsoft.go oglepages.com/inst10.JPG
الخطوة الثالثة عشر
http://romanticsoft.go oglepages.com/inst11.JPG
مبروك انتهى التنصيب
http://romanticsoft.go oglepages.com/inst12.JPG
بس بقى نحذف مجلد الانستول install
كاملا لانه ماراح نحتاجه كيفية الحذف
أذهب لمجلد vb وبعدين ابحث عن install
http://romanticsoft.go oglepages.com/inst13.JPG
واحذفه
http://romanticsoft.go oglepages.com/inst14.JPG
ورد مرة أخرى للمتصفح
مبروك تم التسطيب بنجاح
أكتب أسم المدير العام والرقم السري
وتوكل على الله
http://romanticsoft.go oglepages.com/inst15.JPG
الف مبروك دخولك للوحة التحكم
[/font][/center]



للامانة الموضوع منقول

وساقوم باكمالة لاحقاً

انتظر ردودكم على الموضوع هل الصور ظاهرة ام لا

[عبير المطيري]

شكراً ,,,:shiny:

[al_fanar]

رااائعه لي عودة قريبا لتطبيقه الى حين ):

شكرا جزيلا عزيزتي " شجرة الدر " ... :)

[شجرة الدرة]

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

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

النهاردة واول دروس دروة تعليم الاستايل للمبتدئيين

الجزء الاول من الدورة وهوا تصميم الجزءالعلوى من الاستايل وهوا الهيدر

ناتج الدرس بتاعنا


http://up5.m5zn.com/photos/00096/3oicc7zn4buj.jp g (http://up5.m5zn.com/photos/00096/3oicc7zn4buj.jp g)

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

بس ممكن المشكلة اللى تقابلكم ان مفيش حد استخدم الفرش قبل كدا

بس انا هسهلها عليكم شوية

دى الفرش اللى انا استخدمتها فى الدرس

تقدرو تحملوها من هنا

http://focvb.com.googl epages.com/Max7vec.rar (http://focvb.com.googl epages.com/Max7vec.rar)
او من هنا
http://rapidshare.com/files/79375725/Max7.rar.html (http://rapidshare.com/files/79375725/Max7.rar.html)

غير كدا

الموقع دا فى العديد من فرش الفيكتور

http://search.devianta rt.com/?sectio...Vecto r+brushes (http://search.devianta rt.com/?section=browse&qh=boost%3Apopu lar+age_sigma%3 A24h+age_scale% 3A5&q=Vector+brushe s)

اضغط على صور الفرشه اللى انت عاوز تنزلها

هتفتح ليك صفحه تانيه وهتلاقى على الشمال كلمة DownLoad
نزل الفرشه فى المكان اللى انت عاوزهولو مثلا على Desktop

الوقتى ازاى ندخل الفرش فى الفوتوشب علشان نقدر نستخدها

خليك معايا مع الصور

http://romanticsoft.go oglepages.com/est19.jpg

http://romanticsoft.go oglepages.com/est20.jpg

1: اختيار الفرش

2: اختار الفرش من على الجهاز

3: اختيار الفرشه اللى احنا نزلناها مثلا

4 : الضغط على LoaD

5: واخيرا اضغط على Done

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

زى ما قدمنا كدا



كدا الوقتى احنا خلصنا من موضوع الفرش

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

بسم الله

نفتح مقاس جديد
777*760

http://romanticsoft.go oglepages.com/est22.jpg

وتكون لخلفيه بتاعتنا بيضه زى اللى قدامنا كدا

http://romanticsoft.go oglepages.com/est1.jpg

نقوم بعمل لير جديدة

http://romanticsoft.go oglepages.com/est2.jpg

ونقوم بعمل التحديد التالى

http://romanticsoft.go oglepages.com/est3.jpg

ونقول باختيار اداة التدرج

http://romanticsoft.go oglepages.com/est4.jpg

والضغط على التدرج اللونى من اعلى للاختيار الالوان وبعد الضغط

هيطلع لينا زى اللى فى الصورة دى اللى من خلالها هنختار الوان التدرج

http://romanticsoft.go oglepages.com/est5.jpg

بعد اختيار الالوان والضغط على Ok

خليكم معايا شويه فى الجزء دا

هنعمل التحديد من الاعلى الى الاسفل زى ما موجود فى الصورة كدا

http://romanticsoft.go oglepages.com/est6.jpg

بعد عمل هذه الخطوه هنحصل على التدرج دا

http://romanticsoft.go oglepages.com/est7.jpg

بعد الحصول على التدرج هنعمل لير جديدة

http://romanticsoft.go oglepages.com/est8.jpg


ونضغط على اداة الفرشاة واختيار الفرشة المناسبه

http://romanticsoft.go oglepages.com/est10.jpg

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

http://romanticsoft.go oglepages.com/est9.jpg

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

ودى النتيجة بتاعت بتاع الفرش

http://romanticsoft.go oglepages.com/est11.jpg

وبكدا تكون خلصت مهمة الفرشة عندنا

والوقتى جيب اى صورة حابب تحطها فى الهيدر مثلا

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

http://up5.m5zn.com/photos/00096/3dn4t5146lt8.jp g (http://up5.m5zn.com/photos/00096/3dn4t5146lt8.jp g)

وهنضع صورة البنوته دى على الهيدر وتخليها اخر لير علشن تكون فوق الفرش وتكون بالنتيجة دى

http://up5.m5zn.com/photos/00096/nyvpdzwwdyv9.jp g (http://up5.m5zn.com/photos/00096/nyvpdzwwdyv9.jp g)

وونحاول نظبط الصورة على قد منقدر

واخيرا واخر حاجه عندنا وهيا الزراير على الهيدر


اولا هنعمل زر باللون الابيض زى ما قدمنا فى الصورة دى

هنختار اداة التحديد اللى متعلم عليها ونخلى

Radius 30

وبعد كدا هنقوم برسم الزر زى ما انا عملت كدا فى الصورة

http://up5.m5zn.com/photos/00096/zxspi8byyezq.jp g (http://up5.m5zn.com/photos/00096/zxspi8byyezq.jp g)


وبعد كدا هنقلل الشفافيه بتاع الزر ونخليها 50

http://romanticsoft.go oglepages.com/est15.jpg

هنقم بعمل نسخ للزر وعمل نسختيين من الزر علشان يكون عندنا 3 زراير كالاتى

عن طريق كليك يمين على لير الزر

واختيار

Duplicate layer

http://romanticsoft.go oglepages.com/est16.jpg


علشان تكون دى النتيجة

ss4.emf - 281.4 Kb (http://up5.m5zn.com/cjwzs5krd6vw/ss4.emf.htm)

وبكدا يكون الدرس الاول بتاعنا من دورة تصميم استيلات المنتديات للمبتدئيين انتهى

ويكون الناتج بتاع الدرس بتاعنا

http://up5.m5zn.com/photos/00096/yp1xhlxqs0x6.jp g (http://up5.m5zn.com/photos/00096/yp1xhlxqs0x6.jp g)

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

ومتنسوش تسيفو الهيدر اللى عملناه على هيئة ملف Psd علشان اكيد هنرجع ليه تانى فى الدروس القادمة علشان نكمل تصميم الاستايل

عن طريق

File

Save As

ونضعط الملف الاصلى للتصميم فى اى مكان على الجهاز


غير كد كمان الملف الاصلى بتاع التصميم PSd موجود فى المرفقات

اللى محتاج ينزله موجود فى المرفقات

واكيد مستنى تطبيقات الجميع

ويارب يكون ا لدرس يكون عند حسن ظن الجميع


فى رعاية الله وامنه

ومع درس جديد ان شاء الله

والدرس القادم تصميم الجزء السفلى من الاستايل وهوا الفوتر

مع السلام عليكم

[تواق]

مبدع و الله مبدع :)

حبيبي

لو تشرح لنا كيفية التقطيع و التركيب و هو المهم :)

[أبو دجانة]

السلام عليكم ورحمة الله وبركاته
جزاك الله خير وأنا من المتابعين بس إذا عندي تصميم جاهز كيف أقطعه وأركبه على المنتدى والملف بصيغة psd
:confused: :confused: :confused:

[شجرة الدرة]

السلام عليكم ورحمة الله وبركاته
جزاك الله خير وأنا من المتابعين بس إذا عندي تصميم جاهز كيف أقطعه وأركبه على المنتدى والملف بصيغة psd
:confused: :confused: :confused:

اذا أردت تقسيم التصميم عليك استعمال هذا الاداة

http://max7des.googlep ages.com/tam.jpg

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

ملاحظة : انا مبتدئة وهذا الدرس منقول نقلته لاني حسيت انة مفيد

[ابو الحارث]

بارك الله في جهودك اختي شجرة الدر


مشا الله دروس جميلــه ونقل موفق



هل هنـاك بقيـة للدروس ام الى هنا نهايـة ماقدمتم ؟



وفقك الله

[أبو دجانة]

جزاك الله خير
:ah3:وما قصرتي مشكورة:ah3:

[عبداللهa3]

:)
السلام على الجميع
أطلب منكم طلب
ممكن

[أبو دجانة]

:) تفضل أطلب يا عبداللهa3 عيونا لك لو تبي :)