الدرس الثانى بدورة تعليم البرمجة من معهد (سكيورتى العرب).
 

الدرس الثانى :

تفكير بسيط بالدرس السابق : فى الدرس السابق تعلمنا ان ننشىء صفحة html بسيطة جدا تحتوى على اسم الصفحة وعن كلمة بالصفحة باسم عضويتنا تكون بخط عريض.
كود صفحة الدرس السابق :

سكيورتى العرب


سكيورتى العرب



الدرس الثانى : درسنا اليوم حنتكلم عن بعض الاوامر فى صفحة html وطبعا كما اتفقنا سابقا الاوامر تنقسم فى html الى جزئيين : 1- جزء منها يكتب داخل الامر head وهى اومار تعريف الصفحة من اسمها وتعريف عنها وكده.
2- جزء منها يكتب داخل الامر body مثل الامر اللى اتعلمنا المرة اللى فاتت اللى هو b وهى الاوامر محتوى الصفحة من اوامر اظهار الروابط او وضع صور او لون خطوط.....الخ.
الاوامر اللى معانا انهاردة بسيطة ولكن قبل اى شىء نشوف شكل صفحتنا انهاردة بعد انتهائها ونشوف شكل الكود وبعدين نشرح الكود واحدة واحدة.

http://www.secarab.com/shr7.GIF

وهذا كود صفحة html بتاعت انهاردة :


سكيورتى العرب


سكيورتى العرب


منتديات عمر خالد



محمود وهبة

معهد سكيورتى العرب

منتديات عمر خالد



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

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

امر title عنوان الصقحة طبعا شرحناه سابقا ايضا.

امر body وده الامر اللى بنكتب فيه محتويات الصفحة من اوامر وشرحناه سابقا.

امر h1 ده جديد بقى ده وظيفته تكبير الكلمة بحيث مثلا نكتب به عنوان المقال يعنى وظيفته يكبر الكملة لتكون زى اسم وبعدين بقية الصفحة زى شرح.

h2 نفس الامر السابق ولكن الاختلاف بينهم ان h2 تكون اصغر من h1 وهكذا فh5 اصغر من h4 .


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


معهد سكيورتى العرب الامر ده بقى عرفنا المتصفح اننا حندخل رابط لموقع بحيث اللى يضغط على الرابط ده يفتح له الرابط اللى احنا حاطينه وكمان الامر ده يسمح لنا باضافة اسم الرابط اللى حنحطه فكما شاهدنا الرابط اللى اما حطيته هو http://www.secarab.com/vb اما بالنسبة لاسم الرابط فهو معهد سكيورتى العرب .

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


المطلوب منكم الان : عمل صفحة اسمها باسم عضويتك ومحتواها اسم عضويتك كعنوان للصفحة ووضع رابطيين مختلفيين كل منها فى سطر وايضا عمل كلمة فى سطر لوحدها بخط عريض تحت الروابط.

وارجو من الله ان اكون وفقت بالشرح ومنتظر تطبيقاتكم.


رابط الموضوع الاصلى http://www.secarab.com/vb/showthread.php?p=848#post848


اذا احد بيحب نقل الموضوع يشترط وضع حقوق الموضوع لمعهد سكيورتى العرب