دورة البرمجة بلغة Html - مقدمة

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

إلى كل من يريد أن يتعلم برمجة المواقع فإننا في منتدى طه سوفت نعلن عن بدء دورة برمجة المواقع
كما يعرف من جرب سابقاً في هذا المجال فهناك عدة برامج تساعدك بعمل مواقع دون الحاجة لمعرفة أي شيء بعالم برمجة المواقع
ولكن ستبقى قدراتك محدودة لو اعتمدت على هذا
ولكي تكون مصمم مواقع محترف ينبغي عليك تعلم لغات برمجة الويب +flash + photoshop



وسنتعرض في سلسلة الدروس التي سنقدمها إلى شروحات وافية عن لغات البرمجة التالية
Html , css , javascript , php , mysql , ajax
سنبدأ أول سلسلة للغة البرمجة Html و هي حجر الأساس و القاعدة التي يجب معرفتها تماماً
قبل الانطلاق لباقي لغات برمجة الويب





قبل أن نبدأ درسنا الأول هناك مجموعة أدوات سنحتاج لها حتى ننطلق في عملنا
يجب أن يكون لديك أداتين اثنتين وهما محرر نصوص و مستعرض انترنت

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




ولكن سنتعامل مع أدوات أكثر تطوراً وخاصة لتحرير النصوص
هناك عدة برامج تساعدنا في كتابة الكود أكثر من برنامج المفكرة
و منها:
notepad++
وهو محرر نصوص متقدم يجمع تقريباً كل لغات البرمجة ويمكن تحميل آخر اصدار موجود حالياً من الرابط التالي:
http://download.tuxfamily.org/notepadplus/5.7/npp.5.7.Installer.exe
الحجم : 3.8 م ب




على الرغم من جمالية محرر النصوص notepad++ فإنه يقدم لنا تنظيم الكود و تلوينه بحيث
يفتح الشهية للمبرمج أثناء كتابة الكود و لكن هناك برامج تفتح الشهية أكثر منه مثل :
Dreamweaver البرنامج الرائع من شركة أدوبي العريقة
والبرنامج موجود في المنتدى باصدار cs5 على الرابط التالي
http://www.tahasoft.com/vb/showthread.php?p=45863





Microsoft Expression Web 4
برنامج أكثر من رائع من شركة مايكروسوفت ويمكن اعتباره نسخة مطوره عن المرحوم فرونت بيج front page
وهو من البرامج التي أحب التعامل معها و أنصح بنسخة studio الرائعة
يمكنكم متابعة الموضوع التالي للتحميل
http://www.tahasoft.com/vb/showthread.php?p=45866




Front Page
البرنامج الشهير و الذي كان ولايزال مستخدم كثيراً رغم قدمه وهو بسيط ووجيد ولكن أنصح بغيره
مما ذكرته في الأعلى فالفرق شاسع و لكن حتى الآن له عشاق كثر
على كل حال يمكن الحصول عليه من أحد الروابط التالية:
http://www.tahasoft.com/vb/showthread.php?t=2554
http://www.tahasoft.com/vb/showthread.php?t=7693
http://www.tahasoft.com/vb/showthread.php?t=9353





Microsoft Visual Studio 2010
ولا ننسى العملاق الكبير للغات برمجة مايكروسوفت
يمكنكم إيجاده على الرابط التالي:
http://www.tahasoft.com/vb/showthread.php?t=8966
ولمبرمج الويب فقط ربما تكون البرامج السابقة أصغر حجماً وأيسر في التحميل



كما يوجد الكثير و الكثير من البرامج في هذا المجال مثل العملاق netbeans
يمكن الحصول عليه من موقعه هنا: http://netbeans.org/downloads/

و على كل حال كل ماذكرت يمكن اعتباره برامج مساعدة أثناء كتابة الكود وليست هي الأساس
مع لغات البرمجة التي سنتبدأ بها
و سأضع أيضاً صفحة على موقع طه سوفت بحيث تتيح لكم فوراً كتابة الكود ورؤية النتيجة بشكل مباشر أضع لكم الرابط عند وضع الدرس الأول



الشيء الثاني الذي يلزمنا هو مستعرض الانترنت
وكلكم كما ذكرت يملك المستعرض Internet explorer
و يفضل أن يكون لديك المستعرضات Firefox , Google chrome أيضاً
وذلك لتجربة الكود على باقي المتصفحات حتى لا يكون هناك أي خطأ
وبالنسبة للمستعرض Internet explorer فمن أكبر العواقب هو أنه يوجد الكثير ممن يعتمد
على اصدارات قديمة منه مثل الاصدار 6 المتعفن الموجود مع windows xp
وأنصح الجميع باقتناء نسخة من برنامج اسمه IETester وهو رائع لتجربة العمل على كل اصدارات متصفحات الانترنت IE

رابط موضوع :
http://www.tahasoft.com/vb/showthread.php?t=7698
والموقع الأساسي للبرنامج:



ومن الجدير ذكره أن لغة html , css , js يكفي لتنفيذ الكود أي متصفح انترنت مما ذكرنا
أما لغة php , mysql و لغة أخرى اسمها asp يتم تنفيذها في السيرفر وليس في المتصفح
ونحتاج لها برنامج مثل appserv أو wamp ....
و عندما نصل لتلك اللغات سيكون هناك شرح تفصيلي

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

أخوكم زهير