طريقك لتكون مصمم مواقع - الجزء الثاني

by شجون Sat Aug 21, 2010 7:48 am

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

مرحباً بكم إخواني وأخواتي الكرام

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

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

في البداية بس للناس إلي مشافتش الجزء الأول برجاء زيارة الجزء السابق من هنا

http://www.klamaraby.com/vb/showthread.php?t=77342

إحنا عايزين نخرج النهاردة من الموضوع دا نبقا عارفين هنتعلم منين وإزاي

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

قولنا المرة إلي فاتت الحاجات إلي المفروض نتعلمها هي (HTML والفوتوشوب
والفلاش والدريم ويفر أو الفرونت بيج والجافا سكربت والسي اس اس)

دلوقتي زي محنا عارفين إحنا عندنا هنا في المنتدي كورسات كتير جداً
للحاجات دي كلها ,لكن إحنا عايزين نختار من كل شركة أفضل كورس فيها ,يعني
هناخد إلي يفيدنا من كل شركة

وطبعاً موضوع التعليم دا أزواق بردوا ,لكن عايز أقول إن أفضل شركتين في مجال التصميم هما شركة توتال تريننج TotalTraining.com وشركة ليندا Lynda.com

بس فيه فرق شاسع بين الشركتين ,الشركة الأولي توتال تريننج دائماً بتجري
في الكورسات عشان كدا أنا بفضلها للناس إلي بتحب تزود معلوماتها ,يعني أنت
أتعلمت فوتوشوب كويس يبقا تطور نفسك وتشوف كورس لشركة توتال تريننج
كمراجعة وزيادة معلومات ,لكن ليندا بتمشي واحدة واحدة ولو مش فاهم أي حاجة
في البرنامج هتخرج منه فاهمة

ناس حبايبنا هيقولوا بس فيه مشكلة ,إحنا مبنعرفش إنجليزي كويس

أيه المشكلة ؟ ,دائماً يا جماعة وأجمل حاجة في المجال دا إنك بتتعلم
التصميم يعني هتتفرج علي المدرس وهتشوفة بيعمل أيه وهتعمل زية وأكيد هتفهم
100% بدون تعب ,الإعتماد علي اللغة في مجال التصميم عموماً مبيكونش كبير
زي مجال البرمجة أو الشبكات مثلاً

فأنت هتحمل الكورس وهتقعد براحتك تتفرج علي الكورس وكل حاجة تتعلمها توقف الكورس وتطبقها ومتقلقش بيبقا فيه ملفات عمل (Exercise Files) لكل الكورسات عشان لو حبيت تشوف المدرس عمل أيه بالظبط

مهم جداً تتفرج علي الكورس ومتدخلش علي غيرة إلا لما دا يخلص الأول ,وفي
العادة أنت هتقدر تخلص الكورس في 3 - 4 أيام لو أنت شبه متفرغ ,وحاول بين
كل شابتر والتاني وبعد متطبق تاخدلك ريست كدا تلعب فيه شوية جيمز أو تعمل
كباية شاي عشان بس تخرج من مود الكورس وكمان تعزمني أنا كمان علي كباية
معاك طريقك لتكون مصمم مواقع - الجزء الثاني Smailes1

طريقك لتكون مصمم مواقع - الجزء الثاني Smailes1

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

هنقول دلوقتي هنبدأ بأية بالظبط ومنين

أول حاجة زي مقولنا المرة إلي فاتت هنتعلمها هي الفوتوشوب ,ودي أهم كورسات هتبدأ تتعلمها بالترتيب دا

Photoshop CS4 Essential Training

ودا كورس المبتدئين

ثم

Photoshop CS4 One-on-One: Advanced

ودا الكورس للمحترفين

ثم

Photoshop CS4 for the Web

ودا كورس جديد للويب

وهتحمل الكورسات دي كلها من هنا

http://www.klamaraby.com/vb/showthread.php?t=67311

أو من منتدي الإسطوانات التعليمية بالإنجليزية

(همسة للجميع : تقدر قبل متشوف كورسات ليندا تتفرج
علي كام كورس عربي كدا عشان تاخد فكرة عن الفوتوشوب لو متعرفش عنه حاجة
أصلاً ودا هيكون أفيد كتير ليك ,لكن متكترش من الكورسات العربية ,يعني
شوفلك كورس ولا إتنين عشان منضيعش وقت طويل)

وبكدا نكون خلصنا كورسات الفوتوشوب

ندخل دلوقتي بقا علي الدريم ويفر

Dreamweaver CS4 Essential Training

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

ودا تقرير جميل هيفيدك عن الكورس

تقرير حول Total Training For Macromedia Dreamweaver

ثم

Dreamweaver CS4 with CSS Essential Training

دا كورس للدريم ويفر بردوا لكن مع السي أس أس

ثم

Creating a CSS Style Guide: Hands-On Training

ودا بردوا كورس تاني لكن أعلي من السابق للدريم ويفر مع السي اس اس

خلصنا كدا تعليم الفوتوشوب + الدريم ويفر صح ؟

نخش بقا علي الفرونت بيج ودا كورس عربي واحد كفاية عليك عشان تعرفة كويس

http://www.klamaraby.com/vb/showthread.php?t=18877

ودا كمان كورس مفيد جداً

http://www.klamaraby.com/vb/showthread.php?t=14080

دلوقتي بقا نتعلم الهتمل HTML ودا تتعلمة من موقع الخيمة من هنا

زائرنا الكريم الأعضاء المسجلين فقط هم من يمكنهم مشاهده الروابط

الدروس مفيدة جداً وسهلة لكن لو لقيت نفسك زهقان تقدر تتعلمة من هنا طريقك لتكون مصمم مواقع - الجزء الثاني Icon12

طريقك لتكون مصمم مواقع - الجزء الثاني Icon12

http://www.klamaraby.com/vb/showthread.php?t=13961
http://www.klamaraby.com/vb/showthread.php?t=13963

ودا كورس تاني شبية للسابق

http://www.klamaraby.com/vb/showthread.php?t=13608

ودا كمان كورس جميل لكن زيادة

http://www.klamaraby.com/vb/showthread.php?t=3869

ها حسيت كدا إنك تهت ولا لسه

لا مفيش توهان إن شاء الله الموضوع بسيط ,أنا هختصرلك الموضوع مع إني مختصرة وعايز أديك الكورسات الصح إلي هتخليك 10/10

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

http://www.klamaraby.com/vb/showthread.php?t=10679
http://www.klamaraby.com/vb/showthread.php?t=10680

دلوقتي حد هيقولي وفين بقا السي أس أس ؟ ,هقولة لو صبر الصابر علي المصبور كان صبر لواحدة

لو عايز تتعلم السي أس أس صح أتعلمة من هنا

زائرنا الكريم الأعضاء المسجلين فقط هم من يمكنهم مشاهده الروابط

همممم ,أة نسيت إنك مبتحبش القراءة طريقك لتكون مصمم مواقع - الجزء الثاني Smailes58

طريقك لتكون مصمم مواقع - الجزء الثاني Smailes58

لكن معلش إتعب نفسك لأن دا أفضل مصدر هتتعلم منه الـ CSS

خلصت دلوقتي (الفوتوشوب - الدريم ويفر - الفرونت بيج - الهتمل - السي اس اس) ؟

يبقا أنت كدا تقدر تقول علي نفسك إنك مصمم مواقع فعلياً ,لكن ناقصك دلوقتي شوية حاجات تطور مستواك وتخليك أحسن وأحسن

زي أيه يا هيثم ؟

زي الجافا - الفلاش - الأجاكس - البي اتش بي

كل دي حاجات هتخليك أحسن

طيب عشان أريحك ومتعبكش مش هقولك شوف كورسات إنجليزي ,كفاية تتعلمهم من كورسات عربي طريقك لتكون مصمم مواقع - الجزء الثاني Icon12

ودا يا رياسة كورس تعليم الـ PHP

http://www.klamaraby.com/vb/showthread.php?t=13968
http://www.klamaraby.com/vb/showthread.php?t=13970
http://www.klamaraby.com/vb/showthread.php?t=28883
http://www.klamaraby.com/vb/showthread.php?t=28884

ودا كورس الجافا (معلش دا إنجليزي)

http://www.klamaraby.com/vb/showthread.php?t=3839

ودا كورس الفلاش

http://www.klamaraby.com/vb/showthread.php?t=14036
http://www.klamaraby.com/vb/showthread.php?t=14037

نعيد تاني ونقول دلوقتي أنت أتعلمت أيه

الفوتوشوب - الدريم ويفر - الفلاش - الهتمل - الجافا - الهتمل - البي أتش بي - السي اس اس

المهم منهم جداً هو (الفوتوشوب - الدريم ويفر - الهتمل - السي اس اس) ,الباقي لتطوير نفسك ومهم طبعاً

ترتيب التعليم (هااااااااااااام) :

1- الفوتوشوب
2- الدريم ويفر
3- الفرونت بيج

بعد متشوف دول أتفرج علي الكورس دا وكمل باقي الكورسات (الكورس دا من إنتاج كلام عربي)

http://www.klamaraby.com/vb/showthread.php?t=15498

4- الهتمل
5- السي اس اس
6- الفلاش
7- البي اتش بي
8- الجافا

ويا جماعة زي مقولت فيه حاجات لازم نحترفها وفيه حاجات مهم بس نعرف مبادئها ودا وضحتة كويس في الجزء الأول

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

وقت كل حاجة معانا المفروض تكون متوسطها كدا :

1- الفوتوشوب ,دا ياخد منك ثلاث أسابيع تكون شبعت منه

2- الدريم ويفر ,دا أسبوع - 10 أيام كفاية جداً لتعليمة

3- الفرونت بيج ,دا هياخد منك من 4 - 7 أيام

4- الهتمل ,مش هياخد أكثر من 3 - 4 ساعات لو مركز ,أما لو مكنتش مركز يبقا يوم كامل
5- السي اس اس ,هياخد منك ثلاث أيام

6- الفلاش ,أسبوع لتعليم الفلاش عشان يبقا مستواك متوسط فيه (أو أقل من
المتوسط قليلاً) عشان إلي هيتعلم فلاش صح لازم يعدي علي حاجة إسمها الأكشن
سكربت ودي لغة برمجة فيه ودي قصة لوحدها طويلة وبلاش تشغل بالك بيها
دلوقتي خااااااالص

7- البي اتش بي ,هياخد منك أسبوعين إلي 3 أسابيع عشان مستواك يبقا معقول فيه

8- الجافا ,هتاخد وقت طويل نسبياً نقول 3 أسابيع عشان بردوا تقدر تكون مطلع علي أكوادها زي البي اتش بي كدا بالظبط

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

طريقك لتكون مصمم مواقع - الجزء الثاني Rtq7fqtfk

طريقك لتكون مصمم مواقع - الجزء الثاني Rtq7fqtfk

شوفتوا نسيت أقول حاجة مهمة ,أنا كنت قفلت الموضوع علي
كدا لكن لما أفتكرت قولت أضيفها عشان يبقا الموضوع شامل بإذن الله (كنت
حاسس إني ناسي حاجة)

نسيت أقول كل حاجة من دول هتتعلمها ليه أصلاً طريقك لتكون مصمم مواقع - الجزء الثاني Nosweat

طريقك لتكون مصمم مواقع - الجزء الثاني Nosweat

1- الفوتوشوب : هتتعلمة عشان أي موقع لازم يتصمم علي الفوتوشوب (مش لازم
يعني لكن أفضل وأسهل أداة هتصمم بيها موقعك ومواقع عملائك)

2- الدريم ويفر : بعد مهتخلص التصميم علي الفوتوشوب هتخرج التصميم ولازم يروح علي محرر ومن أفضل المحررات وأجودها هو الدريم ويفر

3- الفرونت بيج : الفرنت بيج عامل بالظبط زي الدريم ويفر لكن أسهل منه لكن
مميزاتة أقل لإنوا أقدم منه ,لكن مازال مفيد للغاية لسهولتة

4- الهتمل : معظم الصفحات لابد أن يتواجد بها أكواد هتمل ,عشان كدا لازم تعرف أيه الأكواد دي

5- السي اس اس : دلوقتي وفي ظل التطور الحادث محدش بقا بيجمل الصفحات
بأكواد الهتمل القديمة والمستهلكة والثقيلة علي المتصفح ,الأن تقدر بالسي
أس أس تعمل كل حاجة في الصفحة من تعديل الألوان والأشكال والجداول وحاجات
تانية كتير جداً

6- الفلاش : دا هتصمم بيه زي فيلم متحرك لكن سواء كان بنصوص أو بصور أو
بأي شكل ممكن ,الفلاش هيفيدك إنك تعمل تصميمات متحركة ,يعني كمثال صورة
متحركة بشكل معين أو نص متحرك أو زرار متحرك ,أو رسمة معينة ,من الاخر
تقدر تعمل بيه أي شيء متحرك حتي لو كان فيلم فعلاً

7- البي اتش بي : دي لغة برمجة تقدر من خلالها تبرمج سكربت يأدي وظيفة
معينة ,زي مثلاً منتديات كلام عربي دا عبارة عن سكربت مكتوب بلغة البي اتش
بي وأديك شايف بتقدر من خلالة تعمل أيه من كتابة موضوع جديد ورد جديد
ورسائل خاصة وغيرها ,كل دا مكتوب بالبي اتش بي

الإتش تي أم أل لغة تتعامل مع المتصفح فقط ,يعني إلي بتكتبة بالهتمل هيظهر في المتصفح

لكن البي أتش بي بتتصل بقواعد البيانات كمثال (سيكوال سيرفر) ,بمعني إنك
بتكتب معلومة معينة ,المعلومة دي تروح السيرفر تتحلل وتتفهم ,السيرفر يرد
علينا بالنتيجة في المتصفح

طيب إفرض عندنا سكربت عبارة عن برمجة موقع لمدرسة

المفروض عشان أطلع نتيجة الطلاب لازم أخزن أسماء الطلاب في قاعد بيانات مش كدا ؟

هكتب أنا بالأتش بي كدا ,هعمل فورمة وكتب فيها أدخل البيانات التالية :

إسم الطالب : ......
رقم جلوس الطالب : ........

لما هيشوف الكلام دا الزائر أكيد هيدخل البيانات دي ,وأول مهيضغط إنتر
,هيروح إستعلام للسيرفر علي قاعدة البيانات المرتبطة بالبرمجة دي ويروح
يسأل ويقول هات نتيجة الطالب فلان إبن فلان إلي رقم جلوسة كدا

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

إفرض البيانات غلط ؟ ,هيقول كمثال عفواً البيانات التي قمت بإدخالها غير صحيحة

نفهم أيييه من الكلام دا ؟؟؟؟

أنك بتكلم المتصفح ,بتقولة معلومة ويديك معلومة وهي دي لغات البرمجة زي البي اتش بي أو الـ ASP مثلاً

فهمت يعني أيه لغة برمجة ديناميكية ؟ ,لغة تقدر من خلالها تدي بيانات
وتاخد بيانات ,لكن الهتمل من خلالة تاخد بيانات بس كُتبت مسبقاً في صفحة
وأنت أستعرضت الصفحة دي

8- الجافا سكربت : دي لغة برمجة يطول الحديث فيها ,لكن إختصاراً نقول إنك
من خلالها تقدر تخلي للمواقع ديناميكية زي كمثال (نظام المنتديات مكتوب
بالبي اتش بي والجافا سكربت ,أو اليوتيوب ,أو الفيس بوك) كل دول أمثلة ليس
إلا

طريقك لتكون مصمم مواقع - الجزء الثاني Rtq7fqtfk

دلوقتي أتعرفنا علي كل حاجة ناقص حاجة صغيرة بس
المفروض تتعلمها في طريقك لكن تقدر تقول تتعلمها في الأخر أو مع السي أس
أس (يفضل جداااا) ,وهل الـ XHTML

واحد منكم هيطلع دلوقتي يقولي يوووووووووووة أنت كل مهتيجي تخلص هتطلعلنا بحاجة تانية ,ايه ياعم دا كمان

أنا : معلش إستحملني ,الـ XHTML دي عبارة عن HTML + XML

الواحد : يييي يعني لازم تصدمني كدا مش تقولي واحدة واحدة ,وأيه بقا الـ XML دي ؟

أنا : بص أحنا قولنا إن الـ HTML دي معظم الصفحات لازم يبقا فيها الإتش تي أم ال صح ؟ ,أما بالنسبة بقا للإكس أم أل فهي كالتالي :

الـ xml هي احدي التقنيات التي اضيفت الي الـ dot net platform

XML هي تمثيل لل data بشكل مقروء و standard يعني كل ال platforms تقدر تفهم ال data دي

وكمان نقدر ننقلها عبر النت عن طريق الHTTP وهو standard

يعني عندنا data كل الدنيا تفهما واشهر تطبيق لها هو ال web services

افرض ان عندك linux based server و ال client عنده windows و مستخدم برامج JAVA

ال XML بتمكن كل دول من استقبال و ارسال الـ data لانها standard data formate

الواحد : أيه ياعم دا كلوا هوا انا فهمت يعني أيه XML عشان تقولي الحوار دا كلوا ؟

أنا : هوا مفيش حد غيرك بيسأل ؟ ,أصبر ياعم لسه هوضحلك حاضر

ماهي XML ؟؟
هي اختصار للجملة eXtensible Markup Language والتي معناها باللغة العربية ( اللغة القابلة للتوسع ).

وقد سميت بهذا الاسم لعدم وجود وسوم محددة لصفحاتك كوسوم لغة الـ HTML ،
ولكن تعتمد لغة الـ XML على لغات أخرى لتحديد صفات هذه الوسوم .

ما فائدة هذه اللغة ؟؟

لنقل أنك تريد البحث في الويب عن العنوان البريدي لشخص اسمه أحمد ، سوف
تجد أن نتائج البحث تأتيك بمعلومات قد تتعدى ال 10 ألاف صفحة . ماذا يمكنك
أن تفعل بهذه المعلومات ؟
من أحد أسباب وجود لغة الـXML هو تسهيل البحث عبر شبكة الانترنت ، فمثلاً
تستطيع عبر مثالنا السابق تحديد من خلال محرك البحث أنه يبحث عن الاسم
أحمد الموجود بين الوسمين <mail-ddress> و <mail-address> ،
سوف تأتيك نتائج مبهرة حيث سوف تجد الشخص المراد البحث عن بريده بسهولة
بالغة .
كما للغة الـXML أهداف أخرى كتسهيل النشر المكتبي وتسهيل عملية فرز المعلومات و ...

طبعاً دا كلوا مثاااااااااال ليس إلا ..

ومن الأخر بقا بطل أسئلة وأتعلمها وخلاص ,هي غلاسة مش أكتر

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

http://www.klamaraby.com/vb/showthread.php?t=3868

وفيه أخ لينا قال في موضوعنا السابق إنوا شاف كورس Total Training For
CSS/XHTML Web Delvelopment وإستفاد جداً ,عشان كدا ممكن تشوف الكورس من
هنا

http://www.klamaraby.com/vb/showthread.php?t=77691

ركز في كلامي : الموضوع دا تتعلمة في الأخر زي البي اتش بي

ملحوظة هامة : تم تحديث الموضوع بعد تحدث أخي
العزيز محمد alexfox بخصوص الكورسات وهو قدم نصيحة أنا بتفق فيها معاه وهي
مشاهدة كورسات الـ CS3 أفضل من كورسات الـ CS4 لإن ليندا في الـ CS4
مشرحتش الفوتوشوب كمثال كما يجب مش زي الـ CS3 ,عشان كدا ممكن تشوفوا
كورسات الـ CS3 أفضل وبعد كدا للي عايز ينقل للـ CS4 ممكن يشوف كورس صغير
بيبقا إسمة النيو فيوتشر ودا عبارة عن أيه الجديد في السي اس فور

وأنا عن نفسي بفضل إستخدام الفوتوشوب والدريم ويفر والفلاش كلهم CS3 ودا
لإني بلاقي فيهم كل إلي محتاجة ,لكن عموماً متابعة التطور شيء جيد ومٌفضل
لأي مصمم مواقع

عموماً محمد إداني تورنت لكل كورسات lynda cs3

زائرنا الكريم الأعضاء المسجلين فقط هم من يمكنهم مشاهده الروابط

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

photoshop cs3 for the web

زائرنا الكريم الأعضاء المسجلين فقط هم من يمكنهم مشاهده الروابط

والتورنت سريع جداً ومُجرب من أخونا محمد جزاه الله خيراً

طيب هعمل أيه وهطبق إزاي وهدرب نفسي إزاي ؟

كل الحاجات دي هنعرفها بإذن الله في الجزء الثالث
بتاعنا وإن شاء الله هيكون فيه حاجات كتير جداً مهم هتتقال في الجزء
القادم وغالباً هيكون دا الجزء الأخير

وأنا في إنتظار أي إستفسار عن أي جزئية سواء خاصة بالموضوع السابق أو الحالي أو حول موضوع تعليم التصميم عموماً

وفي النهاية أتمني تكونوا أستفدتوا من الشرح المتواضع وبإذن الله نلتقي الجزء القادم علي خير

دمتم في حفظ الله ورعايتة طريقك لتكون مصمم مواقع - الجزء الثاني Bye10000

طريقك لتكون مصمم مواقع - الجزء الثاني Bye10000

__________________
خدمة أخبار كلام عربي

روابط مفيدة ..

طريقك لتكون مصمم مواقع - الجزء الأول
طريقك لتكون مصمم مواقع - الجزء الثاني
طريقك لتكون مصمم مواقع - الجزء الثالث

Adobe CS5 Design Premium

أكبر وأفضل كورس لتعليم اللغة الإنجليزية - 26 إسطوانة تؤهلك للحصول علي التوفيل

حصريا أحدث نسخة ويندوز اكس بي تحمل تحديثات هذا الشهر

خاص بكلام عربي : نسخة أوفيس 2010 ((Office Professional Plus 2010)) روابط مباشرة

يدهشني أن يقول الأجانب :

Share What You Can To benefit The Others

وقد عملوا بذلك فتقدموا !

وقد قالها قبلهم أشرف الخلق سيدنا محمد (لا يؤمن أحدكم حتى يحب لاخية ما يحب لنفسة)

أتمني أن لا نكون كالفراعنة القدامي أخفوا عِلمهم فمات معهم !

معاً نحو مستقبل أفضل للمستخدم العربي

منقوووووووووووووول