زهير طه

84

7,880

دورة البرمجة بلغة 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 ....
و عندما نصل لتلك اللغات سيكون هناك شرح تفصيلي

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

أخوكم زهير

التعليقات (14)

amartiart     

بارك الله فيك أخي الكريم وجزاك الله عنا كل الخير



abubkir     

والله إنك معلم
مشكور
بارك الله فيك

aboulam3a     
صحيح متأخر على الصفوف بس أنشالله سألحق بكم على سريع لان خبرتي في html قليلة شكرا لك يا غالي على هذا الموضوع القيم
ضياء الشمس     

مشكور أخوي وجزاك الله خيراً
يلا مستنين الأكود والشغلات

waddahkh     
الله يبار بجهودك أخ زهي ويجازيك على تعبك
لكن تظهر هذه الرسالة عند حفظ الصفحة
دليل العيون     
الله يبارك فيك
وفي جهدك
ابو حماد     
حياك الله ياملك وجزاك عنا كل خير
سأتابعك باستمرار بارك الله بك
الجود     

شو بدنا نحكي أخي زهير ... على قول أخي محمد ماعم نحسن نعبر عن أبداعك



مالنا غير نقلك الله يجزيك الخير ويبارك فيك ويعلمك من علمه




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


Star soft     
عمل موفق اخي زهير وان شاء الله معاك قلباً وقالبا
عاشق الفردوس     

مشكور الاخ زهير

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

بالنسبة لنتائج البكالوريا بس نوصل للـ php بتشوفوا قديش سهلة
ان شاء الله بالتوفيق للجميع يارب
حسن صحارى     
جزاك الله ألف خير يامعلم
وإنشاء الله رح كون أول طلابك وغير هيك مابقبل ههههه
ومثل ماتفضل الأخ محمد
الموضوع ضربة قوية على صعيد المواقع العربية
موبس هيك كمان وانشاء الله رح تكون عنا
أكواد برمجية وهاكات حصرية ومهمة لموقع طه سوفت
متل هاك البكلوريا من كم يوم
والله أذهلني من كتر موالفكرة رائعة
يعني والله شو ما حكينا نبقى مقصرين في حقك يامعلم
عم تتعب كتيرمعنا
ونحن في أنتظار الدروس على أحر من الجمر
وانشاء كلو خير

M.nshawaty     

بارك الله فيك اخي زهير
والله يجزيك الخير
واكلام ما عم يطلع على لساني من بهرتي بهل الابداع
فعلاً الموضوع ضربة قوية على صعيد المواقع وكمان من افضل الاساتذة "استاذنا الخبير زهير طه"
ان شاء الله متابع معك الدورة وكل مستلزمات الدورة جاهزة