بسم الله الرحمن الرحيم
السلام عليكم مجدداً
اليوم ان شاء الله سنقوم بتصميم اول صفحة نت لنا فركزوا معي
كما ذكرنا سابقاً سنتعامل مع المحرر Notepad المفكرة
فسنتعلم اليوم
1- كيفية ايجاد برنامج الدفتر
2- كتابة صفحة النت الأولى لنا
3- كيفية حفظ عملنا من خلال برنامج الدفتر
4- كيفية استعراض ما عملناه
ملاحظة سأعمل انا على بيئة نظام الوندوز اكس بي وهو لا يختلف كثيراً عن بقية الانظمة
فلنبدأ
اولاً :- كيفية ايجاد برنامج الدفتر
برنامج الدفتر يوجد في
ابدء - كل البرامج - البرمج الملحقة - الدفتر
Start - All programs - Accessories - notepad
واسهل طريقة للوصل لبرنامج الدفتر
هي
1- اضفط ابدأ
2- اضفط run
3- اكتب في المربع اللي ظهر notepad
4- اضغط اوكي
ثانياً:- كتابة صفحة النت الأولى لنا
أول صفحة لنا هي صفحة بسيطة جدا جدا جدا
سيكون فيها فقط
مكتوب على منتصف الصفحة من الاعلى
بسم الله الرحمن الرحيم
فقط هذا ما سنقوم به اليوم
كما قلنا سابقاً ان صفحات النت مصممة بال html
فسنتعلم اليوم اوامر بسيطة واساسية في ال html
وكما قلنا ان اوامر ال html هي من نوع tags
اذا لم تفهم هذه الامور راجع الدرس السابق
في برنامج الدفتر أول شيء سنعمله سنأمر برنامج الدفتر ان يفهم ال html
كيف سنأمر برنامج الدفتر ان يفهم html
سنستخدم الامر html
وكما قلنا سابقاً كل اوامر ال html من نوع tags
فسنكتب في الدفتر
<html>
</html>
وهذا الامر معناته ان ما كتب بين التاق هذا هو html
والان يجب ان تعلم انه دائماً وابداً عندما نبدأ في تصميم اي صفحة انترنت نقوم
بتقسيم الصفحة الى قسمين
القسم الأول :- الرأس - head
القسم الثاني :- الجسد - body
اذا كان عندك فضول وقلت لماذا هذا التقسيم
بقلك الجواب
القسم head يستخدم في الحصول على معلومات عن صفحتك من خلال محركات البحث مثلاُ
بينما القسم body يستخدم في عرض الاشياء التي على صفحتك للزوار (زوار صفحتك)
والسؤال كيف نقسم الصفحة الى رأس وجسد
الامر سهل جدا جدا
امر الرأس هو head
وامر الجسد هو body
ولأن هذه الاوامر من نوع tags
فسوف نكتبها بالشكل التالي
فسيكون كل ما كتبناه في الصفحة هو<head>
</head>
<body>
</body>
لو قمنا باستعراض الصفحة لوجدناها صفحة فارغة لا تحتوي على شيء<html>
<head>
</head>
<body>
</body>
</html>
ونحن كل هدفنا الان هو تصميم صفحة مكتوب فيها بسم الله الرحمن الرحيم
وكما قلنا سابقاً
ان الصفحة مقسمة قسمين رأس وجسد
والجسد يحتوي على ما يراه الزوار
فاذاً نستنتج ان ( بسم الله الرحمن الرحيم ) لا بد ان تكون داخل الجسد
اذا سيكون ناتج
بقي شيء واحد وتصبح صفحتنا جاهزة وهو توسيط جملة بسم الله الرحمن الرحيم<html>
<head>
</head>
<body>
بسم الله الرحمن الرحيم
</body>
</html>
وامر التوسيط هو center
فستكون صفحتنا هكذا مكتوبة على برنامج الدفتر
ثالثاً :- طريقة حفظ العمل<html>
<head>
</head>
<body>
<center>
بسم الله الرحمن الرحيم
</center>
</body>
</html>
1- من قائمة ملف نختار حفظ باسم
2- من النافذة الجديدة الي راح تظهر نقوم بالتالي
أ- اسم الملف نسميه اي شيء نريد ثم نظيف للاسم .html
فمثلاً : -حمزة.html
ب- حفظ كنوع نختار كل الملفات
ج- نحدد مكان الحفظ سطح المكتب مثلاُ
د- نضغط حفظ
في المرة القادمة لا نحتاج الى عمل كل هذا للحفظ فقط نضغط ملف حفظ
رابعاً:- استعراض ناتج العمل السابق
من الخوة الثالثة ستنتج لنا صفحة انترنت بالاسم اللي عملناه
مثلاً
حمزة.html
وبالضغط مرتين عليه سنجد الناتج
صفحة انترنت به بسم الله الرحمن الرحيم في المنتصف
وهذا فلاش فيه شرح كامل ووافي لما سبق
رابط التحميل
http://www.ic.sunysb.edu/Stu/halgibha/html1.exe
Reply With Quote
Bookmarks