الويب العربي

الثلاثاء، 17 مايو 2011

برنامج RealDraw PRO + شروحات تعليمية

دورة برنامج التصميم

RealDraw PRO

من الصفر حتى الإحتراف

هذا البرنامج يعد المنافس الأول للفتوشوب من ناحية صناعة الصور , أنا اعتمده شخصياً لإنشاء التصاميم لأنه سهل للغاية

و ستزداد امكانياتك به اذا تابعت هذه الدورة ان شاء الله

في هذه الدورة لن نتعلم تعديل الصور بل سنتعلم صناعة الصور

و البنرات و التواقيع , الدروس ستأتي على شكل مقاطع فيديو أو صور أو كتابة انشاء الله تكون الشروح واضحة .

الدرس الأول : تحميل البرنامج + تفعيله

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

هنا

حجم البرنامج35MB لكن لا مشكلة عند ذوي الإتصال السريع ..

حتى لو كان اتصالك بطيئ لن يأخذ من وقتك أكثر من 45 دقيقة..

نكمل بعد أن تم تحميل البرنامج ,

النسخة التي تم تحميلها تجريبية

مدتها 30 يوم فقط , و لـنجعلها نسخة كاملة سنفعل السيريل نمبر

9022-2508-4262-9825
4318-7597-5080-8991
5973-8441-2168-3925
7221-2806-9104-6840
7588-9886-8241-8230

جرب أي منهم , وفي خانة الإسم ضع اسمك أو أي اسم تريد

هكذا أصبح عندنا نسخة كاملة من هذا البرنامج الرائع

ملاحظات و نصائح لتصبح مصمم ناجح :
1. حاول قدر الإمكان أن لا تصمم على صور غيرك ولكن اذا كنت تريد التصميم على صورة ليست لك احفظ حقوقها ولا تعبث بها أبداً.
2 . حاول استعمال خطوط غريبة و نادرة في تصميماتك لإعطائها طابع خاص بك و تستطيع تحميل بعض هذه الخطوط من هنا أو هنا
3 . لا تجعل تصميماتك كلها مشابة لبعضها و تحصر كل تصاميمك بألوان معينة فهناك 66000 لون تستطيع التصميم بها.
4 . لا تحصر تصاميمك في موضوع واحد في منتدى واحد و تكتفي به
لنشر الصورة التي صممتها !! فتستطيع وضعه بكل المنتيات التي تشارك بها على شكل توقيع.
5 . تقبل اي تعليق على الصورة بروح رياضية و حاول اخفاء الخطأ مثلاً في التصميم التالي.
6 . لا تبدأ اي تصميم من دون التفكير في التصميم و كيف سيكون شكله و لمذا هو ؟ و عن أي موضوع يتكلم الخــ..

الدرس الثالث : لغة برمجة HTML لبرمجة الويب

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

آسف على التأخير في طرح هذا الدرس بسبب ظروف خاصة..

هذا الدرس هو الأخير و عدده الثالث و هو الأقل أهمية من الدرس الأول و الثاني

لأن هذا الدرس يعد إضافة للأساسيات التي وردت سابقاً

مثل ( تكبير و تصغير الحجم و تغير الألوان و إضافة نصوص أخرى )

و هكذا تكون قد أتقنت أغلب الاساسيات في لغة الـHTML السهلة

و لكن هذا لا يعني أن هذه اللغة الرائعة توقفت هنا بل إنك تستطيع تطوير نفسك بها أكثر .

بالنسبة لقد شرحت لكم الأساسيات فقط لأنها هي الاهم و الباقي يعتمد عليك و لكن يمكنك التوقف هنا و البدء في إستعمال برنامج الفرونت بيج و لكن أنا متأكد أنك ستحتاج هذه اللغة في تصاميمك على الـfront page و لتستطيع التحكم بشكل أكبر بصفحات الإنترنت .

الدرس الثاني : لغة HTML لبرمجة الويب

هذا الدرس الثاني في دورة الـHTML التعليمية
و في هذا الدرس الكثير من الأساسيات المهمة التي سأطرحها عليكم
في البدية سأطلعكم على جدول بسيط فيه إهم وسوم الـhtml و التي عليك حفظها

الجدول في الأعلى مهم جداً و لكنه سهل
ملاحظة : أنصح بتنزيل الجدول في الأعلى فهو عبارة عن صورة لمراجته إذا نسيته
الآن سأقوم بعرض صورة عليك فيها أهم ما سنكتبه لنبرمجة موقع
و سأشرح لكم كل شيئ أسفل الصورة

<html> و تعني بداية فتح ملف الـhtml
<head><title> العنوان الرئيسي الذي سظهر بالمتصفح سأشرح هذه النقطة فيما بعد
<body> جسم أو هيكل الموقع
<h1> نص رقم و احد و نستطيع إضافة نصوص إخرى مثل <h2> بتأثيرات أخرى

و نلاحظ أن كل وسم من الوسوم في الأعلى له زوج مشابه ليحصر مفعوله في ما بينهم.
و نلاحظ أيضاً أن الملف بدأ بـ<html> و إنتهى بـ<html/>

و الآن سنبدأ بالشرح العملي
شاهد الفيديو

إنتهى الدرس الثاني .. إلى القاء في الدرس الثالث

شكراً

الدرس الأول : لغة HTML لبرمجة الويب

هذا الدرس الأول من دورة الـHTML التعليمية
و هي لغة مختصة بأساسيات تصميم صفحات الويب , أي أنها لغة أساس أي موقع
و هي لغة سهلة جداً لا تحتاج لخبرات سابقة أو برامج كبيرة , بالنسبة لي هي أسهل لغة برمجة , هي مجرد أوامر بسيطة كل ما عليك فقط هو حفظ هذه الأوامر الصغيرة
و حفظ كيف التعالمل معها .

( بسم الله نبدأ على بركة الله )

كلمة HTML هي إختصار (Hyper Text Markup Language)

و طبعاً كما قلنا أنها لغة تتكون من ( وسوم ) أو ( أوامر ) أو ( tags )

و تكتب هذه الأوامر بالغة الإنجليزية لكنها بسطية جداً
سنستخدم في تصميم الموقع برنامج أظن أنه يوجد بكل جهاز windows و هو برنامج الـNotepad
إذا أردت الوصول إليه بسرعة إضغط على
( زر الوندوز في لوحة المفاتيح + حرف الـR )
سيخرج لك صندوق أوامر أكتب به Notepad و إضغط على ok

و بعدها سيفتح لك البرنامج و واجته بسيطه جداً
و هذه صورة لواجهته

و سنحتاج أيضاً لأي متصفح ~ لمعاينة الصفحة
ملاحظة : لا نحتاج الإتصال بالإنترنت أثناء عملنا

المهم : سأقول لكم بعض الأساسيات

يكتب كل وسم بين هذين القوسين < >
لكل وسم بداية و نهاية مثل <title/> كتابة <title>
و تعني إضافة / نهاية الوسم و تضاف مثل المثال في الأعلى
هناك بعض الأوسمة الخاصة التي تسخدم فردية أي أنها لا تحتاج إلى إغلاق بـ/

في هذا الدرس أنا أعلم أن هناك الكثير من الناس لم يفهموا شيئاً مما قيل
لكن هذا الدرس هو عبارة عن أساسيات بسيطة فقط
ستعرف فائدتها بالدرس المقبل ( الثاني ) إنشاء الله

ملاحظة : أنصحك أن تقرأ الدرس مرة أخرى لتثبيت المعلومة

إنتهى الدرس ... و شكراً