netjaeper
netjaeper
بداية أحب أن أنوه على خطأ .. أثناء شرحي لكود العنوان

أعطيت مثالين لكود الخط حجم 1 و كود الخط حجم 4

لكن نسيت إغلاق الكود التالي :

</body>

فراح يكون آخر سطرين في المثالين كالتالي :

</body>
</html>



حياك الله أختي ريانة ..

أنا أشوف أن الدروس سهلة و بسيطة .. ممكن علشانك ما بديتي معانا من الأول

طبعا أحب أن أنوه بأننا نستخدم برنامج ( المفكرة ) NotePad لكتابة لغة HTML

و هذا هي طريقة تشغيل البرنامج



أو من أبدا ---> تشغيل ---> نكتب هذا الأمر ( notepad ) و نضغط زر الإدخال Enter


طبعا لما نكتب كود HTML في المفكرة و ننتهي من كتابته .. نحفظ الملف كالتالي :

1- نفتح القائمة ملف ( File ) و نختار الأمر ( حفظ بإسم ) Save as .

2- نكتب اسم الملف و ليكن مثلا ( test ) و نكتب بعد الاسم مباشرة ( .html ) ليصبح اسم الملف كاملا ( test.html ) .

3- نختار الترميز ( Unicode ) علشان ما تظهر الحروف العربية كرموز غريبة عند حفظ صفحة الويب ثم نضغط زر ( حفظ ) Save كما هو موضح في الصورة :






و هذا تطبيقي للدرس اللي أخذناه .. تطبيق سهل للغاية و بسيط


<html>
<head>
<title>Netjaeper - Test # 1</tilte>
</head>
<body>
<p><h1>عنوان حجم 1</h1></p>
<p><h2>عنوان حجم 2</h2></p>
<p><h3>عنوان حجم 3</h3></p>
<p><h4>عنوان حجم 4</h4></p>
<p><h5>عنوان حجم 5</h5></p>
<p><h6>عنوان حجم 6</h6></p>
<p>
<p align="left"كود يجعل النص لليسار</p>
<p align="center">كود يجعل النص في المنتصف</p>
<p align="right">كود يجعل النص لليمين</p>
</body>
</html>




و فيه طريقة ثانية لمحاذاة النص لليسار أو اليمين أو جعله في المنتصف و ذلك بإستخدام الكود <div> .... </div> و هذا الكود اختصار لكلمة Division و تعني ( قسم )

فجميع ما بين هذا الكود سوف يعامل كقسم واحد .. و في المثال التالي .. حددنا في البداية أن يتم محاذاة هذا القسم لليمين ( right )

<div align="right">
<p>هذا السطر سوف يكون محاذيا لليمين</p>
<p>و أيضا هذا السطر سوف يكون محاذيا لليمين</p>
</div>


و لو بدلنا كلمة ( right ) في الكود السابق بكلمة ( left ) فراح يتم محاذاة القسم و اللي مكتوب بين الكودين <div> .... </div> .. راح يتم محاذاته لليسار

و لو كتبنا كلمة ( center ) بدلا من ( right ) راح يتم توسيط القسم .. و هكذا





و بعد كم يوم راح نبدأ في درسنا الثاني
♥● نوران ●♥
♥● نوران ●♥
السلام عليكم شكرا لك لم انتبه لبدء الدروس أرجوا ان تعطيني فرصه للتطبيق
♥● نوران ●♥
♥● نوران ●♥
الأن نواصل التطبيقات بنفس الصفحه هذه ولا نسوي من جديد

واذا أيوه كيف أكتب تحت ولافوق......http://ranaa.jeeran.com/test4.html
netjaeper
netjaeper
على راحتك أختي ..

المهم أن ما نضع تطبيقات كثيرة لعدة دروس في ملف واحد ..

علشان إذا أخطأنا في الكود .. نعرف كيف نصلح الخطأ بسهولة لأن الكود قليل

لكن لو وضعنا كل التطبيقات في ملف واحد و حصل هناك خطأ .. من الصعب معرفة الخطأ بسبب كثرة الأكواد المكتوبة
♥● نوران ●♥
♥● نوران ●♥