بسم الله الرحمن الرحيم
الحمد لله والصلاة والسلام على سيدنا محمد سيد خلق الله وعلى آله وأصحابه وسلم تسليما كثيراً
بعد ما كتبت موضوع كان فيه مقدمة عن الدورة اللى هيتم تنزيلها على الموقع
بإذن الله هنبدأ النهارده أولى دروسنا فى برمجة صفحات الويب
باذن الله تعالى سنشرح أول مستوى فى برمجة صفحات الويب
وسنبدأ بشرح لغة HTML اللغة الاساس لتصميم صفحات الويب
ودلوقت نبدأ الشرح
تذكروا جيدا (" لا خير فى كاتم علم " )
هيا اخوانى لنستفيد من العلم وليستفيد كل منا من الاخر ..... لاننا أصبح بيننا وبين باقى الامم فرق كالفرق بين السماء والارض
هيا اخوانى لنستفيد من العلم وليستفيد كل منا من الاخر ..... لاننا أصبح بيننا وبين باقى الامم فرق كالفرق بين السماء والارض
.................................................
إن شاء الله هابتدى سلسلة الدروس فى شرح الــ HTML
ويارب يكون شرحي كويس ويعجبكوا
وارجو منكوا التفاعل وتنفذوا الحاجات بايديكوا عشان تتعلموا صح
وارجو منكوا التفاعل وتنفذوا الحاجات بايديكوا عشان تتعلموا صح
*** ما هي الـHTML؟ ***
هى اللغة المستخدمة لإنشاء وتصميم صفحات الإنترنت . هي مش لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة . فهي مثلاً لا تحتوي على جمل التحكم والدوران . وعــند الحاجة لاستخــدام هذه الجمل يجب تضمين شيفرات من لغات أخرى كـ [ Java , JavaScript , CGI ] .
ولا تحتاج إلى مترجم خاص بها ( ( Compiler
لا ترتبط بنظام تشغيل معين (Operating System) . لأنه بيتم تفسيرها وتنفيذ تعليماتها مباشرة بواسطة متصفح الإنترنت وبغض النظر عن النظام المستخدم . علشان كده هي لغة بسيطة جدا ً وسهلة الفهم والتعلم للعمل بها لازم تتعلم أسس اللغه وتقدر بعدها تصمم موقع شخصي ليك بكل سهولة ، برده لا تحتاج لمعرفة مسبقة بلغات البرمجة والهيكلية المستخدمة فيها .
أهم الشركات اللى بتهتم بتطوير عملية برمجة صفحات الويب هى شركة W3C ) ) .
*** ماذا تعنى كلمة HTML ****
كلمة HTMLإختصار لـHyper Text Markup Language
طب يعني إيــــــه ناخــــدها كــــلمة كــــلمـــة
Hyper يعنـــي كتــيـــر أو كـــتـــيـر قـــوي أو بـــزيـــادة
Text عارفينها طبعــــًا يعنــي كـــــــلام أو كــتــابــــــــة
Mark-up يعني تعليم ( وضع علامات ( من انك تحط علامة على حاجة تعمله mark
Language يعني لــــغـــــــــــــة
*** يبقى الاختصار معناه كله على بعضه اللغة اللى بنقدر نحط بيها كلام كتير أو بصورة كبيرة
و إللى بتستخدم طريقة العلامات الـــــ marks
و إللى بتستخدم طريقة العلامات الـــــ marks
*** كـــيـــــــف تــعــمــــل ؟ ***
تتكون اللغة من سلسلة أو مجموعه منالأكواد تكتب في ملف نصي [ Text Document]ثم تحفظ بامتدادHTMأو HTML. تعرض بواسطة مستعرضات الإنترنت Internet Explorer أو Netscape Navigator و المستعرضات دى بترجم الأكواد لشكل الصفحة اللى بنشوفها . والأكواد ديت بتبدأ باللى يسمي (أوسمة ) ( TAGS ) و بنكتبها من الشمال إلي اليمينهنشوفها بتتكتب إزاى حالا .
وسوف نناقش الوسوم بالتفصيل في الدروس القادمة إنشاء الله .
طب أنا يا باش مهندس لازم أكون متصل بالإنترنت طول الوقت؟
طبعـًا لأأنتبتقوم بكتابة الصفحات و الأكواد وتنسق جميع صفحات موقعك بدون الاتصال بالإنترنت بستحتاج الاتصال بيها لما تيجى تنقل موقع إلي الإنترنت أو التعديل في صفحة منالصفحات بعد نقلها إلي الإنترنت ؟
طبعـًا لأأنتبتقوم بكتابة الصفحات و الأكواد وتنسق جميع صفحات موقعك بدون الاتصال بالإنترنت بستحتاج الاتصال بيها لما تيجى تنقل موقع إلي الإنترنت أو التعديل في صفحة منالصفحات بعد نقلها إلي الإنترنت ؟
هل تقوم الـHTML بعمل كل شيء في صفحاتالموقع ؟
طبعـًابتقوم الـ HTML بعمل كل شيء بسلما موقعك يبقى أكثر شعبية و يكون عندك المزيد من الزوارفلازم الاستعانة ببعض اللغات المساعدة مثل الجافاسكريبت (JavaScript) و اللىبتقومبوضع بعض الخدعو المؤثرات و التحسينات على الموقع .برده من الممكن الاستعانة بالـ (CSS) ( Cascading Style Sheets) والتي معناها باللغة العربية (صفحات الأنماط الانسيابية)لمزيد من السرعة في تصميم الصفحات و تنسيقها .
طب دلوقتى عشان نقدر نكتب باللغة دى هل محتاجينEditor للغة؟
1- محرر للكتابة
2- متصفح للانترنت
يعني هل محتاج أنزل برنامج معين عشان اقدراستخدم الاكواد بتاعتي ويترجمها ليا لصفحةويب
الإجابة هي لا مش محتاجين لكدهخالص . كل اللى محتاجينه حاجتين بس
الإجابة هي لا مش محتاجين لكدهخالص . كل اللى محتاجينه حاجتين بس
1- محرر للكتابة
2- متصفح للانترنت
أول حاجة محرر الكتابة بتاعنا هنختارأبسط واحد و إللى الكل عارفينه[Notepad ] هانكتبفيه الأكوادبتاعتنا اللى هانعرضها في جسم الصفحة (Body)وتطلع صفحة النت بتاعتنا إن شاءالله .
تانى حاجة متصفح الانترنت وهانستخدم برده أشهر متصفح ( Internet Explorer ).
وهانستخدمهم بالطريقةالآتـــيــــــــة:-
هانكتب الأكواد اللى عايزينها في الــ[Notepad ] ونغير امتداد الملف بتاعنا لــ.html أو.htmبدلامن .txt
لما نغير امتداد الملفهايتغير شكله ويبقى صفحة نت لما هانفتحها بــ internet expolrer
هايظهر التصميم بتاعنا .
لما نغير امتداد الملفهايتغير شكله ويبقى صفحة نت لما هانفتحها بــ internet expolrer
هايظهر التصميم بتاعنا .
خلاص كده اتفقنا على الأدوات وعلى الطريقة
نبتدي بقى الشغل العملى على بركة الله
فى الدرس الثانى