| 
باسم الله الرحمن الرحيم السلام عليكم و رحمة الله و بركاته 
تمضي الأيـام .. لكن الذكرى تبقــى الماضــي مضـى .. و المضارع يمضي لذلك فلنطـوي صفحـة الماضـي و لنبــدأ بصفحات بيضــاء جديــدة و لنــجعل من من الذكريات الــوانا في كتابنا و لنــملئ صــفاحتنا البيــضاءبســطور ذهبية تعــكس جمالها على منتــداناأمن المواقع والمنتديات والشبكات هذا .. الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود باللهمـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـهو مـن يظـلل فلن تـجد له ولياًمرشدا .. و أشـهد ألا إلاه إلا الله وحده لا شريك له و أن محــمداً عبده و رسـوله صــلى الله عليه وسلم و على آله و صحبه أجمعين و من تبعهم بإحسـان إلى يوم الدين . ربنا لا علم لنا إلا ما علمتنا إنك أنت العليمالـخـبــيـر .. ربـنـا لا فــهم لـنا إلا ما فهــمتنا إنــك أنـت الجــواد الـكـريـم . ربـي اشرح لي صــدري و يســر لي أمــري و احــلل عقــدة من لســاني يفقــهوا قــولي .. ... أما بعد ...
درسنا لهذا اليوم بحول الله تعالى سنحاول تصميم فورم لتسجيل الدخول بسيط 
بإسم الله نبدأ ننشأ مجلد جديد لكي نضع فيه ملفات HTML و CSS 
ننشأ ملفات التالية " صورة noimage.png " يمكنكم تغيرها بأي صورة أخرى 
نفتح ملفات في محرر الأكواد المتوفر لدينا أنا سأستعمل Visual code 
نكتب ! لكي تحرر لنا أكواد ال HTML 
نضيف مسار ملف الCSS 
ثم نبدأ في كتابة أكواد الخاصة بالفورم مباشرة بعد body تاغ 
نلقي نظرة على الناتج في المتصفح لحد الآن الشكل مقرف للغاية 
نكرر الأمر و لكن بجعل الفورم خاص بالباسوورد نلقي نظرة خفيفة على المشروع كيف أصبح
مقزز جدا نختم الأمر بوضع كود الخاص بالزر
لكن سننتقل إلى الساحر CSS سيصير أجمل نبدأ بوضع أكواد لكي ننسق ما قمنا بعمل أكواده من قبل ونبدأ ب Body لحد الآن لا يوجد تغيير كبير نعمل بعض الأكواد الخاصة بال Container والذي يجمع لنا كل الفورم و H2 والتي بها عنوان الفورم
نطبق بعض Padding على الفورم لكي يعطيه بعض الحجم في جميع الجوانب يمين يسار فوق وتحت نعمل بعض التأثيرات على كلمات Email و Password
نضع بعض الإستايلات الخاصة ب Input حيث سيقوم زبنائنا إدخال معلوماتهم لكي يلجوا إلى الحساباتهم
نضع إستايل جميل وهو حين يضغط الزبون لكي يدخل معلوماته يكون هناك حواف بال Input
و في الأخير نضع أستايل الخاص بالزر بالتوفيق وإلى درس قادم إن شاء الله
| 
