مقدمة حول تعليم كيفية انشاء موقع بواسطة لغة html
السلام عليكم و رحمة الله وبركاته - اهلا وسهلا بكم في مدونة منوعات
وصلى الله على سيدنا محمد واله وصحبه اجمعين
اليوم سوف نتحدث عن لغة سهلة وبسيطةهي لغة html لا تحتاج من الى معرفة سابقه في انشاء المواقع لكي تتعلمها
نبدأ على بركة الله
مقدمة عن html
مصطلح html ,هوه اختصار للعبارة hyperb text markup language , والذي يعني لغة النضوض الحية التشعبية.
يظن البعض من الناس ان انشاء المواقع الالكترونية شيء صعب ومعقد جداً لايمكن فهمه , بل لعكس وهذا غير صحيح , يمكن لاي شخص ان يتعلم انشاء المواقع حتى وان كان ليس لديه خبره سابقة في هذا المجال .
بعض الناس الذين يريدون الدخول في مجال انشاء المواقع , يضنون ان هذا المجال يحتاج الى برامج غالية ومكلفة لانشاء موقع , وهذا ليس صحيحاً , نحن لا نستنكر ان هناك برامج تدعي انها تستطيع انشاء مواقع لك , بل يوجد الكثير منها , بعضها يستطيع انشاء مواقع بشكل افضل من غيرها .
لكن اذا اردت انشاء موقع بشكل احترافي وصحيح , فعليك فعل ذالك بنفسك , ولحسن الحض ان جميع الادوات متوفره في الحاسوب بشكل مجاني , لا تحتاج لتنزيل برامج او شيء من هذا القبيل . الهدف من هذه المقدمة هوه ان نعطيك فكره صحيحة وشاملة عن انشاء المواقع بلغة html .
هذه الدرس لايمكن ان يعلمك كل شيء , لذالك لابد ان تجرب بنفسك وتثابر لكي تتعلم , هذه الدوره تعلمك تطوير المواقع ويعطيك شعوراً ممتعاً , عندما تقوم ببناءه من الصفر وتراه يكتمل امامك .
الدرس الاول
في هذا الدرس سنتحدث بشكل مختصر عن الادوات التي تحتاجها لانشاء موقعك .
انت تملك جميع الادوات التي تحتاجها . لديك متصفح , والذي تتصفح بة مواقع الويب مثل كوكل وفيروفكس واوبرا وغيرها من المتصفحات بلا ضافة الى محرر نصوص مثل , وورد و ذفتر الملاحضات , التي تستطيع ان تستخدمها بهذه الدورة , لكن هذه المواقع دعنى نضعها جانباً .
بدلاً من ذالك سوف نستخدم محرر نصوص بسيط , اذا كن تستخدم نظام الوندوز , يمكنك تن تستخدم المفكره ( notepad ), الذي سوف تجده في قائمة ابدأ (start) ,تم قاىمة البرامج ( program ) ثم ثائمة الادوات ( accessories).
برنامج المفكره (notepad) هو محرر نصي بسيط , وهو مناسب لكتابة الصفحات , لان لا يتدخل عند كتابتلك لاي شيء ويعطي تحكم كامل . المشكلة في العديد من البرامج التي تدعي انها تقوم بأنشاء مواقع وهو ان تحتوي العديد من الخصائص القياسية التي يمكنك استخدامها , في هذا الاسلوب ان كل شيء يجب ان يناسب مع الخصائص القياسية , لذالك هذا البرامج لايمكنها ان تقوم بأنشاء مواقع , او انها تقوم بتغير الاوامر التي كتبتها في برنامج المفكرة .
الشي الاخر هوة ان لاتحتاج الى الاتصال بشبكة الانترنت , لكن ستحتاج الاتصال بلشبكة فقط عند انشاء موقعك بشكل رئيسي .
الدرس الثاني
في هذا الدرس سموف نتعرف على عناصر (html) والوسوم وهي اساسيات تعلم لغة (html ) .
العناصر هي تعطي هيكيلية محدودة و تخبر المتصفح عن كيفية عرض الصفحة , بشكل عام العناصر عبارة عن وسم البداية ووسم الاغلاق ,
الوسوم
هي توصيفات تستخدم لكي تضعها في بداية لفتح العنصر وفي نهايته للاغلاق . كل الوسو متشابه من ناحية الشكل , فكل الوسوم تبدء بعلامة اصغر > وتنتهي بعلامة اكبر < .
بشكل عام هناك نوعان من الوسم هو وسم البداية الذي لا يحتوي على شارحة( / ) <html> , ووسم الاغلاق الذي يحتوي على شارحة للدلالة على الاغلاق </html> .
اليك بعض الامثلة :
العنصر (em) يجعل النص بشكل مائل بين وسم <em> البداية ووسم الاغلاق </em>
</em> النص المائل <em>
النص المائل
العناصل h1,h2.h3,h4,h5
تستخدم للعناوين حيث ان h يمثل مستوى العناوين (h1) المستوى الاول للعنوان و (h2) المستوى الثاني للعنوان , وهوه اصغر بقليل من h1 الى h6 هوه اصغر مستوى .
</h1> العنوان <h1>
</h2> العنوان الفرعي <h2>
هذه كل مالدينا لهذا الدرس نلقاكم في درس اخر انشاء الله والسلام عليكم ورحمة الله وبركاته
تعليقات
إرسال تعليق