السلام عليكم
و مرحبا بكم الى الدرس الأول من دروس الJavaScript
بداية يجب علينا أن نعرف أن صفحة الانترنت تتألف من ثلاث مقاطع
الأول التعريف<Html>
الثاني الرأس<Head>:
و يشمل الرأس عنوان صفحة الانترنت أي الTitle و أسم مؤلف الصفحةAuthor
و تاريخ الانشاء Created و آخر مرة تم فيها خفظ الصفحة LastSaved
و عدد الصفحات ( في اعتمدت كملف Word)أي Pages و عدد الكلماتWords
و عدد الحروف Characters والشركة المنتجة Company و و و أي بشكل عام
تحوي على تصاريح هذه الصفحة و ومحتوياتها.
الثالث الجسم <Body>
يحتوي جميع الأشياء التي يتم فيها بناء صفحة الانترنت الكتابة الصور
الروابط و هنا يتم دمج لغة الJavaScript مع ملف الHtml
تحرير لغة الجافا سكريبت :
يتم ذلك أخي العزيز بأي محرر نصوص و نحن هنا سنسنتخدم أبسطها و هو المفكرة
و بعد انتهائك من كتابة المشروع قم بحفظه مغ تغير اللاحقة الى Htm او Html
تعريف لغة الJavaScript داخل صفحة الHtml ( يتم ذلك الBody )
و ذلك عبر الكود التالي:
<script language="javascript">
و ينتهي التصريح عن لغة الجافا سكريبت بالكود التالي:
</script>
و تقع الأوامر بين سطري البداية و النهاية لتصريح عن لغة البرمجة هذه .
المهم أخي العزيز أول و ابسط شيء نريد أن نكتبه هو مثلا كلمة SALAM باستخدام لغة الجافا سكربت
و يتم ذلك عبر الكود البرمجي التالي:
document.write("SALAM");
ليصبح الشكل النهائي لها هو:
<script language="javascript">
document.write("SALAM");
</script>
أما الصفحة الكلية المدموجة مع صفحة الHTML فتكون على الشكل التالي:
<HTML>
<HEAD>
<TITLE>عنوان الصفحة</Title>
</head>
<Body>
<script language="javascript">
document.write("SALAM");
</script>
</body>
</html>
ملاحظة صغيرة : قم بنسخ هذه الصفحة الى المفكرة ثم اضغط على Ctrl+Shift اليسرى لتقرأ
الكود بالشكل الصحيح
حاول الآن أن تنفذ الكود بنفسك .....
تعدد السطور و حالات الحروف:
في مثلانا السابق لاحظت أخي العزيز أن الكود يكتب لك سطر واحد فقط فماذا ان اردت أن تضع عدة
سطور و كيف يمكنك أن تجعل نمط الخط عريض أو مائل أو تحته خط أو أو اذن لاحظ معي الكود التالي:
<script language="javascript">
document.write("SALAM");
document.write("I am Hado");
</script>
قم الآن بتنفيذ الكود و لاحظ أن كلمة Salam تكون على نفس سطر جملة I am Hado
أما أنا فاريد أن تكون في السطر التالي اذن ماذا أفعل؟؟!! أضيف التعليمة +"<br>" للسطر
الأول و التي تخبر المتصفح بوضع الأمر التالي( تنفيذه ) على سطر جديد أي يصبح كودنا على الشكل
التالي:
<script language="javascript">
document.write("SALAM"+"<br>");
document.write("I am Hado");
</script>
قم بتنفيذ الكود الآن و لا حظ أن كل جملة وقعت على سطر لوحدها
هنالك طريقة أخرى بالاضافة المحارف الخاصة( سيتم شرحها تفصيليا في الدرس القادم)
تغير نمط الخط:
يتم ذلك بطريقة سهلة فلو اردت نمط عريض B أو مائل I أو تحته خط U لاحظ معي الكود التالي:
<script language="javascript">
document.write("<b>SALAM </b>"+"<br>"); ........خط عريض
document.write("<I>I am Hado</I>"+"<br>");........خط مائل
document.write("<u>I love Pokemon</U>");..........حرف تحته خط
</script>
قم الآن بتنفيذ الكود و لاحظ النتآئج بنفسك.....
طيب اذا اردت أن يكون الخط مائل و عرض و تحته خط في نفس الوقت ماذا تفعل هنا؟؟!!
لاحظ الكود التالي:
document.write("<b><I><u>SALAM </b></I></U>"+"<br>");
أما تحديد حجم الحظ فيكون عبر الكود التالي:
document.write("<H1>SALAM </H1>"+"<br>");
ملاحظة كامل زدنا بقيمة H كلما صغر حجم الخط أكثر, يمكمك أيضا استخدام طرق أخرى عبر<P>
قم الآن بتنفيذ الكود و لاحظ النتآئج بنفسك.....
يتبع .....
23.02.09 7:03
