أول ردس فى تعليم برمجة صفحات الويب للمبتدئين .... أرجو من الاشراف المتابعة لعمل فهرس

[م/ محمد السعيد]

بسم الله الرحمن الرحيم ​

الحمد لله والصلاة والسلام على سيدنا محمد سيد خلق الله وعلى آله وأصحابه وسلم تسليما كثيراً ​

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

بإذن الله هنبدأ النهارده أولى دروسنا فى برمجة صفحات الويب ​

باذن الله تعالى سنشرح أول مستوى فى برمجة صفحات الويب ​

وسنبدأ بشرح لغة HTML اللغة الاساس لتصميم صفحات الويب ​

ودلوقت نبدأ الشرح ​

تذكروا جيدا (" لا خير فى كاتم علم " )
هيا اخوانى لنستفيد من العلم وليستفيد كل منا من الاخر ..... لاننا أصبح بيننا وبين باقى الامم فرق كالفرق بين السماء والارض​

.................................................​

إن شاء الله هابتدى سلسلة الدروس فى شرح الــ HTML​

ويارب يكون شرحي كويس ويعجبكوا

وارجو منكوا التفاعل وتنفذوا الحاجات بايديكوا عشان تتعلموا صح​

*** ما هي الـHTML؟ ***​

هى اللغة المستخدمة لإنشاء وتصميم صفحات الإنترنت . هي مش لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة . فهي مثلاً لا تحتوي على جمل التحكم والدوران . وعــند الحاجة لاستخــدام هذه الجمل يجب تضمين شيفرات من لغات أخرى كـ [ Java , JavaScript , CGI ] .

ولا تحتاج إلى مترجم خاص بها ( ( Compiler​

لا ترتبط بنظام تشغيل معين (Operating System) . لأنه بيتم تفسيرها وتنفيذ تعليماتها مباشرة بواسطة متصفح الإنترنت وبغض النظر عن النظام المستخدم . علشان كده هي لغة بسيطة جدا ً وسهلة الفهم والتعلم للعمل بها لازم تتعلم أسس اللغه وتقدر بعدها تصمم موقع شخصي ليك بكل سهولة ، برده لا تحتاج لمعرفة مسبقة بلغات البرمجة والهيكلية المستخدمة فيها .

أهم الشركات اللى بتهتم بتطوير عملية برمجة صفحات الويب هى شركة W3C ) ) .

*** ماذا تعنى كلمة HTML ****​

كلمة HTMLإختصار لـHyper Text Markup Language

طب يعني إيــــــه ناخــــدها كــــلمة كــــلمـــة​

Hyper يعنـــي كتــيـــر أو كـــتـــيـر قـــوي أو بـــزيـــادة
Text عارفينها طبعــــًا يعنــي كـــــــلام أو كــتــابــــــــة
Mark-up يعني تعليم ( وضع علامات ( من انك تحط علامة على حاجة تعمله mark
Language يعني لــــغـــــــــــــة

*** يبقى الاختصار معناه كله على بعضه اللغة اللى بنقدر نحط بيها كلام كتير أو بصورة كبيرة

و إللى بتستخدم طريقة العلامات الـــــ marks​

*** كـــيـــــــف تــعــمــــل ؟ ***​

تتكون اللغة من سلسلة أو مجموعه منالأكواد تكتب في ملف نصي [ Text Document]ثم تحفظ بامتدادHTMأو HTML. تعرض بواسطة مستعرضات الإنترنت Internet Explorer أو Netscape Navigator و المستعرضات دى بترجم الأكواد لشكل الصفحة اللى بنشوفها . والأكواد ديت بتبدأ باللى يسمي (أوسمة ) ( TAGS ) و بنكتبها من الشمال إلي اليمينهنشوفها بتتكتب إزاى حالا .

وسوف نناقش الوسوم بالتفصيل في الدروس القادمة إنشاء الله .​

طب أنا يا باش مهندس لازم أكون متصل بالإنترنت طول الوقت؟


طبعـًا لأأنتبتقوم بكتابة الصفحات و الأكواد وتنسق جميع صفحات موقعك بدون الاتصال بالإنترنت بستحتاج الاتصال بيها لما تيجى تنقل موقع إلي الإنترنت أو التعديل في صفحة منالصفحات بعد نقلها إلي الإنترنت ؟​

هل تقوم الـHTML بعمل كل شيء في صفحاتالموقع ؟​

طبعـًابتقوم الـ HTML بعمل كل شيء بسلما موقعك يبقى أكثر شعبية و يكون عندك المزيد من الزوارفلازم الاستعانة ببعض اللغات المساعدة مثل الجافاسكريبت (JavaScript) و اللىبتقومبوضع بعض الخدعو المؤثرات و التحسينات على الموقع .برده من الممكن الاستعانة بالـ (CSS) ( Cascading Style Sheets) والتي معناها باللغة العربية (صفحات الأنماط الانسيابية)لمزيد من السرعة في تصميم الصفحات و تنسيقها .

طب دلوقتى عشان نقدر نكتب باللغة دى هل محتاجينEditor للغة؟

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

1- محرر للكتابة
2- متصفح للانترنت​

أول حاجة محرر الكتابة بتاعنا هنختارأبسط واحد و إللى الكل عارفينه[Notepad ] هانكتبفيه الأكوادبتاعتنا اللى هانعرضها في جسم الصفحة (Body)وتطلع صفحة النت بتاعتنا إن شاءالله .

تانى حاجة متصفح الانترنت وهانستخدم برده أشهر متصفح ( Internet Explorer ).

وهانستخدمهم بالطريقةالآتـــيــــــــة:-

هانكتب الأكواد اللى عايزينها في الــ[Notepad ] ونغير امتداد الملف بتاعنا لــ.html أو.htmبدلامن .txt
لما نغير امتداد الملفهايتغير شكله ويبقى صفحة نت لما هانفتحها بــ internet expolrer
هايظهر التصميم بتاعنا .​

خلاص كده اتفقنا على الأدوات وعلى الطريقة ​

نبتدي بقى الشغل العملى على بركة الله​

فى الدرس الثانى ​

 

[Eng Ahmed]

رد: أول ردس فى تعليم برمجة صفحات الويب للمبتدئين .... أرجو من الاشراف المتابعة لعمل ف

الله يعطيك العافيه

حاول تستخدم خط اصغر مثلا 3 ليكون الدرس اكثر تنسيق ويسهل القراءه وفهم الدرس من الجميع

بارك الله فيك

 

[أبو نور]

رد: أول ردس فى تعليم برمجة صفحات الويب للمبتدئين .... أرجو من الاشراف المتابعة لعمل ف

مشكور علي المقدمة

وفي انتظار باقي الدروس​

 

[النجوم المضيئة]

رد: أول ردس فى تعليم برمجة صفحات الويب للمبتدئين .... أرجو من الاشراف المتابعة لعمل ف

جزاك الله خيراً
ونحن في انتظار بقية السلسلة التعليمية

بارك الله جهودك