بسم الله الرحمن الرحيم
في البداية احب احكي انه برمجة الانترنت ما تحتاج مترجم يعني روح على الnotepad والي ما يعرف يروح على ابدأ ثم على run واكتب notepad وابدأ اكتب الاوامر وبس تنتهي قم بحفظ الملف لكن بامتداد htm او html .
فمثلاً يصير اسم الملف orion.html وعند تشغيل هذا الملف راح تتح صفحة النت تلقائياً وتشاهد نتائج الأوامر التي كتبتها.
في البداية احب الكل يعرف انه الاوامر تكتب بين اشارة اكبر من واقل من مثل
<Html>
واغلب (مش كل) هذه الاوامر تنتهي بهذا الشكل
<Html></html>
اعني بشرطة مائلة ونفس اسم (tag) التاج الي كتبناه في البداية
وأحب نبدأ بهذا البرنامج البسيط
<html>
<head>
<title>
Hello www.montada.com
</title>
</head>
<body>
<p>welcome to Al-montada</p>
</body>
</html>
قد يبدو البرنامج صعب في البداية لكنه بسيط كثير ، ونبدأ بشرح سطر سطر
<html> : يعني انه بدأنا بكتابة البرنامج .
<head> : هذه المنطقة هي لكتابة العنوان والجافا سكريب(راح ندرسها في دروس جاية).
<title> : هذه التاج يعني العنوان وانا اقصد عنوان الصفحة يعني النص الي راح نكتبه في الشريط
الأزرق ، راح تعرفوا قصدي بعد تنفيذ الصفحة.
</title> : يعني انه احنا انتهينا من كتابة عنوان الصفحة
<body> : هذه التاج نكتب داخلها كل شي بدنا نظهره داخل الصفحة الرئيسية .
<p> : وهذه اختصار ل paragraph ومعناها فقرة يعني انه احنا بدأنا بكتابة فقرة (فقرة نصية).
</p> : وهنا يعني انه احنا انتهينا من كتابة الفقرة . وناتج هذه التاج راح ينزل سطر وراح اوضحلكم اكثر. لو اني كتبت هذا المثال :
<p>hello</p>
<p>to al-montada</p>
راح نشوف على الصفة ما يلي :
Hello
To al-montada
فتاج انتهاء الفقرة (</p>) تعني انزل سطر ، او مثل لم تضغط انتر بمايكروسوفت ورد .
</body> : تاج انتهاء
</html> : تاج انتهاء كتابة برمجية الصفحة.
شوفوا يا اخواني في اشياء يجب كتابتها بالترتيب ادخل الصفحة حتى لو كانت فاضية وهي :
<html>
<head>
</head>
<body>
</body>
<html>
وما يكتب بداخلها يرجع لك ، اتمنى انه طريقة الشرح عجبتكم . على كل حال بدي اعطيكم 6 تاجز وتجربوها وتعطوني آرائكم بناتجها ، طبعاً اكتبها داخل ال(body).
<h1>enter your name</h1>
<h2>enter your name</h2>
<h3>enter your name</h3>
<h4>enter your name</h4>
<h5>enter your name</h5>
<h6>enter your name</h6>
وعلى فكرة بامكاننا انه ندمج اكثر من تاج بنفس الوقت فممكن اكتب:
<p><h1>hello</h1></p> ولاحظو انه كتبنا اخر شي تاج <h1> وانهينا اول شي نفس التاج.
انا حاسس انه الشرح مبهم(اول مرة اعطي دورة) الي عنده سؤال يسأل
والسلام عليكم
-----------------
الدرس الاول بالمرفقات واعذروني على سوء الترتيب (مو شاطر بالتنسيق ^^)
الدرس منسق ((بالمرافقات)) ;)