الخميس، 24 أكتوبر، 2013

html الدرس الاول


  أولا هنالك عدد لا يحصى من البرامج التي نحتاجها لبداء مشروع لغة الــ HTML
  و من أبسط و أفضل هذه البرامج هو برنامج المفكرة { NOTEPAD } الموجود بالوندوز

 الآن نبدأ

 أولاً ..أساسيات اللغه باختصار 

 علامات البداية و النهاية 
  تبدأ جميع أوامر هذه اللغه بـ علامة بداية و تنتهي بــ علامة نهاية طبعاً تبدل كلمة 
 <علامة البداية> 
 </علامة النهاية>
  للإشارة ، البداية في أي كود html يبتدئ بــ <html> و ينتهي بــ </html> 

  ثانياً : تطبيق عملي على  ما درسناه قبل قليل

  فلتكنب هدا الكود مع بعضنا 

  أولا افتح المفكره ثم اكتب فيها هذا الكود 

كود:
<html>
<head>
<TITLE>العنوان </TITLE>
</head>
<body>
<I> خط مائل </I>
<B>خط أسود عريض </B>
<U>خط تحته سطر </U> 
<B> خط عريض </B>
</body>
</html>

  طبعا سأوضح لكم حاجة الكلام أو الأوامر التي تكون بين بداية الأمر و نهايته ، هذا الكلام { خط مائل ، خط أسود عريض ... } هو         الذي ينطبق عليه التأثير الذي و ضعناه 

  و للعلم هذه اللغة هي التي تتضمن باقي اللغات يعني معظم اللغات { PHP ; PYTHON ; XML ... } تعتمد على هذه اللغة اعتمادا  كاملا 

  الآن أنسخ هذا النص للمفكره و احفظه بصيغة html 
  أنا متصفحي الخاص لا يقبل اللغة العربية لذلك سأغير ما هو عربي لانجليزي لنفادي أي مشكلة 
و سيكون كود الــ HTML خاصتي هكذا 

<html>
<head> <TITLE> www.mastredz.tk </TITLE> </head> <body> <I> samir (1) </I> <B> soltani (2) </B> <U> algeria (3) </U> <B> blogger (4) </B> </body> </html>

  ستكون نتيجة الكلام الذي كتبناه قبل بالطريقه التالية .. طبعا بعد تحويله للامتداد html 



 الكل يسألني كيف سوف يسألني كيف سنغير الكلام الذي كتبناه في المفكره الي امتداد html ؟؟ 


 طريقة تغيير امتداد ملفات الـ مفكره الى امتداد html لتعمل على المتصفح ولنتمكن من ترجمة الشفرات التي كتبناها ..  
 تابعوا  معي
   انسخ الكود أو اكتبه بملف مستند نصي جديد ( المفكره )
   بعدما تنهي تعديلك عليه لا تضغط حفظ بل اضغط حفظ باسم و اكتب الإسم الذي يناسبك

 الآن لا تضغط حفظ انتظر قليلا .. فإذا فعلت ستحصل على مثل هذاالإمتداد ( txt. ) أي مستند نصي

 الآن جاء دورنا 
 عدل الــ txt و اكتب بدلها html هذا اذا كانت الـ txt موجوده أصلا بجانب الإسم الذي أعطيته للملف
 أما إذا لم  تكن موجودة فـاكتب بجانب الاسم كالتالي html. 
 و اضغط على حفظ 
 او باختصار : اذا اسم الملف عندك مثلاً samir.txt طبعاً الــ txt هي الامتداد .. عندما ستغير الإمتداد سيصبح اسم الملف هكذا :  samir.html .. فهمتوا علي الحين .. 


  مميزات اللغه باختصار .. 
   - اللغه موجوده على جميع أجهزة الكمبيوتر ولا تحتاج لعملية تنصيب ولا تحتاج لبرامج مثلما أسبقت 
   - اللغه تعتمد على أوامر تفهم بمجرد قراءتها
   - توجد هناك عدة طرق لكتابة الامر نفسه 

  و يعتبر تعلم هذه اللغة الاساس في عملية تصميم المواقع فهي الطريق المؤدي الى باقي اللغات 

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

0 التعليقات:

إرسال تعليق

لا تنسى ان تشارك samir soltani بتعليقك
او نشر الموظوع جزاك الله خيرا