تعلم الـ HTML من الصفر الى الاحتراف

السلام عيكم
كيف الحال انشا الله بخير

شباب راح نبلش بدورة جديدة لتعلم الهتمل او الــــ HTML
وطبعا راح تكون الدورة من الصفر حتى الاحتراف
واي شخص عندو اي سؤال او استفسار يحطوا في هذه الموضوع وانشاء الله اجاوب عليه

الاول : مقدمة في لغة الـهتمل
[color=cyan]الدرس الاول راح يكون كلام في كلام ومافي شي عملي بس مقدمات
اول شي نجي على اسم الهتمل
هذا الاسم خاطئ جدا لكنه هو اللي دارج والاسم الحقيقي هو
HTML وهي مأخوذه من الاحرف الاول من الجمله
Hyper Text Markup Language والتي تعني لغة النصوص التشعبية
طيب شو معنى هذا الكلام ؟
انت لما تتصفح الانترنت تشوف نص بسيط او رابط لما تضغط عليه ينقلك الى موقع اخر او مكان اخر
يعني لو كنت بموقع في الشرق وضعطت على الرابط تنتقل الى موقع في اقصى الغرب
ياسلام تسافر وانت في مكانك !!!!!!!!!!!! خدمات خمس نجوم
طبعا الهتمل مو لغة برمجة لا تخافون
هي لغة بسيطة جدا و ما تحتاج شي اسبوع واحد بس وتصير محترف فيها
بلا كثرة كلام وخلينا نفوت بالجد
ما هو المطلوب لتعلم هذه اللغة
1- كومبيوتر :

شي اكيد عندك واحد ولا شي اكيد منت قاعد على تلفزيون وانت تقرأ الموضوع

2- محرر نصوص بسيطة :
و
وهو موجود عندك وهو برنامج المفكرة وهو ممتاز جدأ جدأ وما نحتاج غيره وهو موجود في كل الانظمة ووكل كومبيوتر

3- برنامج معالجة صور :
و

لا تقول مو عندي لانو عندك وهو الرسام و ما نريد غير هذا البرنامج

3- متصفح :
و

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

يعني كل شي عندك بس تشد الحزام و تعطيها
خلص الدرس الاول
يتبع ..........................

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
الدرس الثاني
اي ياشباب نبلش بالعملي بعدين نشرح
اول شي نفتح المفكرة كالتالي :
ابدأ >> كل البرامج >> البرامج الملحقة >> المفكرة
بعد ما يفتح البرنامج اكتب الكود التالي

<html>
<head>
<title>
منتدى مملكة ماري
</title>
</head>
<body>
هذه صفحتي الاولى
</body>
</html>

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

اوكي شباب راح نشرح الكود السابق

السطر الاول والسطر الاخير هو لتحديد بداية ونهاية الكود
<html> هنا نضع كل الاكواد </html>

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

لغة الهتمل تتعامل مع الجزء العلوي والجزء الاوسط بس اما الجزء السفلي نتعامل بغير لغات مثل الجافا سكربت

نرجع لشرح الكود
الكود التالي
<head> الكود هنا </head>
مخصص للتعامل مع القسم العلوي من الصفحة

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

باقي الكود واضح ما يريد شرح لكن راح اشرحه
<body> هذه صفحتي الاولى </body>
هذا الكود مخصص للتعامل مع القسم الاوسط او جسم الصفحة وهو القسم الاهم

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

شكرا لمتابتعتكم الدرس
ولا تنسوني من صالح دعائكم
شرشوررررررررررررررر الامورررررررررررررررررررررر

بارك الله فيك

شكراا على المرور

» كود html ساعه قلب
» طريقة وضع أكواد html على الرئيسية او البوابة
» كود html لايمكننك مشاهدة الرابط الا بعد الرد