مستجدات متبثة

تعرف على HTML + شرح طريقة برمجة صفحة بسيطة والمزيد


سلام عليكم .. اخواني مرحبا بكم في هذه التدوينة الفريدة ، بحيث ستكون انطلاقة وأول تدوينة حول البرمجة ومن الممكن تعريف هذه الأخيرة بأنها عملية كتابة تعليمات وأوامر لجهاز الحاسوب أو أي جهاز آخر، لتوجيهه وإعلامه بكيفية التعامل مع البيانات. و تكون عملية البرمجة متبعة لقواعد محددة باللغة التي اختارها المبرمج. و كل لغة لها خصائصها التي تميزها عن الأخرى و تجعلها مناسبة بدرجات متفاوتة لكل نوع من أنواع البرامج. كما أن للغات البرمجة أيضا خصائص مشتركة و حدود مشتركة بحكم أن كل هذه اللغات مجعولة للتعامل مع الحاسوب..وابتداءا من اليوم سنتطرق الى شرح جميع لغات البرمجة الأبرز كــ PHP , HTML , XML , CSS JAVASCRIPT  وبداية نبدأ بشرح لغة HTML .
كل ما سنحتاجه في هذه التدوينة هو برنامج بسيط Bloc Note و ومتصفح كــ Mozilla FireFox أو Google Chrome 
في الغالب حواسيبنا تحتوي مسبقا على برنامج bloc note ولايجاده شاهد الصورة ادناه



إذا لم تكن تستخدم ويندوز يمكنك أن تجد برامج مماثلة في أنظمة التشغيل الأخرى، فمثلاً لينكس يحوي برنامج بيكو "Pico" ونظام ماك يحوي برنامج TextEdit .
1- تعريف لغة HTML :
HTML هي أكبر وأكثر لغة برمجة مستخدمة في مجال الانترنت ، وهي اختصار لـــ Hyper Text Markup language .
HTML هي اللغة الأم لمتصفحك ، كي نختصر القصة HTML اخترعت في عام 1990م من قبل عالم يسمى تيم بيرنرز لي، الهدف من هذه اللغة هو تبسيط عملية وصول العلماء في جامعات مختلفة إلى البحوث التي ينشرونها، المشروع نجح بشكل لم يتصوره تيم بيرنرز لي  باختراعه HTML ، قام تيم بوضع أساس شبكة الويب كما نعرفها اليوم .
2- تعرف أكثر على طريقة عمل HTML
ولكي تتـعرف أكثر على ما أتحدث عنه قم بالعمل التالي ببكل سهولة جرب قد تتوصل الى فكرة تسهل عليك فهم اللغة
أدخل الرابط التالي : http://lhoosnet.blogspot.com/
بما أنك دخلت للموقع وتشاهد مجموعة من التصاميم والكتابة فــَ HTML مسؤولة عن التنسيق بين خطوط الكتابة مكان ظهور الصور وكذلك حجم الصفحة أما تصميم الموقع  فاللغة المسؤولة عنها هي CSS سنتطرق اليها بعد HTML .


شاهد الصفحة بدون لغة CSS ما سيحدث 



طريقة فصل التصميم أي لغة CSS عن HTML سهلة بالمتصفح فقط بامكانك استغلالها لتسريع تحميل الصفحة ان كنت من أصحاب النت الضعيفة أنظر للطريقة على الصورة .



3- التعرف على وسوم لغة HTML :
لغة HTML من اسهل اللغات على الانترنت فهى سهله جدا ولا يوجد بها تعقيدات مثل لغات البرمجه هي عباره عن مجموعة اوسمه تكتب ولكى تتعلمها تحتاج الى محرر النصوص فى الويندوز Bloc Note  و متصفح انترنت كما أشرنا اليه في الأعلى فلغة HTML يقرأها كل متصفحات الانترنت ، أنصح  بكتابة الاكواد يدويا وعدم النسخ اثناء التعلم لحفظها ، فى لغة HTML لا فرق بين الحروف الصغيره او الكبيره فاذا كتبت الوسم بالحروف الكبيره سيعطي نفس النتيجه التى ستظهر اذا كتبته بالحروف الصغيرة وجميع الاوسمة وكل وسم يكتب بين <> ويغلق عند الانتهاء منه بالرمز التالي </> .

4- صمم صفحتك الأولى والبسيطة :
افتح Bloc Note وأكتب ما يلي
<html dir="rtl"> <head>
<title> LHOOSNET جديد النترنت </title> </head> <body>
السلام عليكم هذه أو صفحة بسيطة ستبرمجها للتعرف والتعمق أكثر في لغة HTML
</body> </html>
<HTML> وسم بداية فتح صفحة جديدة و وسم </html> لاغلاق الصفحة وهو ملزم باضافتها في آخر الصفحة .
<head> وسم رأس الصفحة أي كل ما تكتبه بين <head> و </head> سيكتب أعلى رأس الصفحة
<body> وسم ويعني محتو الصفحة أي ما بداخله يكون وسط الصفحة ويلزم انهاء المحتوى بالوسم التالي </body>
 dir="rtl"  تعني الكتابة من تبدأ من اليمين الى اليسار وتستعمل لتعريب الصفحات
لاحظ الصور لتفهم أكثر


لا تسى كتابة تمديد .html بعد تسمية الملف لاحظ الصورة أعلاه جيدا
ستحصل على هذا الملف على سطح مكتب حاسوبك أو المكان الذي خزنته به
ستجد عليه أيقونة متصفح fireFox أو Google chrome أو Inetrnet Explorer



افتحه بالضغط عليه وفي الأخير مبروك عليك صممت صفحة بسيطة وان أردت هذه الصفحة أن يصل اليها الآخير عن طريق اسم لموقعك مثلا www.yoursite.com أو www.yoursite.tk ما عليك الا البحث في غوغل عن طريقة الحصول على استضافة مجانية و ان كان جيبك عامر ههه لما لا تشتري استضافة مدفوعة ثم انشا السيرفر ، بعدها ارفع عليه هذه الصفحة البسيطة ثم اربط استضافتك بأي ضومين تريد مجاني أو مدفوع على حساب جيبك  .. لا تنسى طور نفسك مرحلة بمرحلة عمي غوغل كل شيء موجود .

<html dir="rtl">
<head>
<title> LHOOSNET jadid net </title>
</head>
<br>
<body>
ana 3ndi mochkil f unicode khas b3arabia ta3 bloc note dakchi 3lach ktabt texte b francais HTML
</br>
</body> </html>

وكلما اردت تطوير الصفحة افتح الملف بـــ Bloc Note أعمل ouvrir Avec .. وأضف ما تشاء ابحث في غوغل عن باقي الوسوم غذي مهارتك في البرمجة .

4- آخر مرحلة ان أعجبتك الصفحة شاركها مع أصدقائك لتعم الفائدة وشكرا على الفائدة أتمنى لم أقصر في الشرح .. لمزيد من دروس البرمجة ترقبونا .

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