23 مارس 2013

الشرح رقم 1 - اساسيات HTML و CSS





السلام عليكم ورحمه الله وبركاته 
سوف نقوم بإذن الله من خلال سلسله من الشروحات بتوضيح اساسيات الـ html و css
وكيف تستخدم لتصميم صفحات مواقع الإنترنت.
سوف نبدأ من الصفرعلى ان يكون الهدف من السلسله ليس بناء المواقع فى حد ذاته ولكن فهم الأساسيات التى ينبنى عليها تصميم المواقع من خلال لغه Html و css . 
وبالرغم انه من الأفضل للمبتدئين خصوصا استخدام برامج التصميم المشهوره مثل dreamweaver أو expression web . مما فى ذلك من سهوله وسرعه .
الا انه من الأفضل فهم هذه الأساسيات حيث تساعد على التعامل بشكل افضل مع برامج التصميم وفهم الكود البرمجى الذى تكتبه هذه البرامج .

فهيا بنا نبدأ ..
 




تجهيز المجلدات

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


  
كما ترى فى الصوره المقابله قمت بإنشاء الفولدر الأساسى واسميته
 First_website

 بداخل الفولد الأساسى سوف ننشئ 2 آخرين واحد لأى صور او ملفات مؤقته وهو sources
 والآخر www ويستخدم لوضع ملفات الموقع نفسها ..
 فى داخل فولدر www نقوم بإنشاء مجلد آخر وهو مخصص فقط للصور التى ستعرض بداخل الصفحات التى سنقوم بإنشائها .
 







البرامج المطلوبه

  • برنامج متصفح الإنترنت ( وبالطبع انت تستخدمه الآن ) .
  • برنامج كتابه النصوص ( نوت باد ) .  لتشغيله قم بالتوجه الى : قائمه start ثم all programs ثم Accessories ثم Notepad - واذا لم يكن موجود لديك لاى سبب من الأسباب أو اذا اردت استخدام برنامج افضل منه وانا احبذ هذا قم بتحميل برنامج notepad 2 من هنا : http://www.flos-freeware.ch/notepad2.html 
بالنسبه لبرنامج الصور فنحن لن نحتاج اليه فى هذه السلسله حيث لن نقوم بتعلم الجرافيك ولكن سنكتفى بإستخدام صور جاهزه .


وهكذا نكون جاهزين ان شاء الله لنبدأ فى انشاء اول صفحه .. 
تابع فى الشروحات التاليه ...
والسلام عليكم ورحمه الله 

ليست هناك تعليقات:

إرسال تعليق