دورة تعلم < html> || الدرس الأول||

الأخ ياسين · 2011-09-10, 11:18

باسم الله الرحمان الرحيم

نبدا اليوم إن شاء الله بدورة مصغرة لتعلم لغة ال HTML

نبدأ:

المتطلبات

برنامج : النوتباد أو برنامج برمجة أخر ..
نفتح البرنامج و نحدد لغة البرمجة و هي html
هكذا

الآن أوسمة الـ html

هذه هي الأوسمة التي نضعها أولا
الأوسمة : و هي عبارة عن

الصفحة

</html><html>
و في داخلها توجد
<head></head>
فيها نكتب
<title><title>
وهذا كود عنوان الصفحة الذي يظهر في الأعلى <أعلى المتصفح>

و هي تمثل رأس الصفحة

<body></body>
أما هذا الأخير فهو جسم الصفحة ويحوي كل ما نريد أن نظعه في صفحتنا

مثل صور مقال فيديو ملف صوتي و جميع هذه كلها تكون أكواد وتطرجم من المنتصفح
لدينا صفحة فيها البيانات السابقة

-1-
و هو الكود الأهم ويمثل دعم للغة العربية فمن دونه تظهر لنا رموز غيرمفهومة بدل العربية
الكود

كود بلغة HTML:

<**** ***********="*******-Type" *******="text/html; charset=windows-1256" />

-2-
وهو عنوان الصفحة فقط ما فعلناه

هذا ناتج الصفحة التي في الصورة

التالي :
سنكتب في الصفحة :

منتديات الجلفة لكل الجزائرين و العرب

تكون كالتالي

الناتج

الخط غير منسق و غير واضح

و الان لا حظو ما ذا أضفنا و ما تأثيرها على الصفحة

شرح الأكواد المظافة
-1-


غرضه جعل الخط بشكل عريض
-2-

غرظه إضافة خط تحت الكاتبة
-3-
 

فوه المسؤول عن عدد الأسطلا المخلفة بين الكتابة

فمهما خلفنا الأسطر فستبقى الكلمات في سطر واحد عدا لو أضفنا هذه الكلمة بين العبارات فعدد الأكواد المضافة تساوي عدد الأسطر المخلفة

لو نكتبها 10 مرات يخلف في المتصفح 10 أسطر

ناتج الأكود السابقة

كل شي واضح

و السلام خير ختام

و إن شاء الله مع الدروس القادمة

الأخ ياسين · 2011-09-10, 11:19

اتمنى أن تنال إعجابكم

soriaalg · 2011-09-10, 11:23

بارك الله فيك

الأخ ياسين · 2011-09-10, 11:28

اقتباس:

المشاركة الأصلية كتبت بواسطة soriaalg

بارك الله فيك

شكرا على المرور

الأستاذ سامي · 2011-09-10, 12:10

بارك الله فيك
تم التقييم ب 5 نجوم
للاسف ايقونة الشكر مختفية حاليا عندي
و ان كان الشكر غير كاف بحقك

نصيحة خفيفة اخي و هي لجميع اصاحب الدروس
حاولوا تقسيم الدرس الى اقسام صغيرة حتى يسهل على المتتبع استيعابها

الأخ ياسين · 2011-09-10, 12:15

اقتباس:

المشاركة الأصلية كتبت بواسطة الأستاذ سامي

بارك الله فيك
تم التقييم ب 5 نجوم
للاسف ايقونة الشكر مختفية حاليا عندي
و ان كان الشكر غير كاف بحقك

نصيحة خفيفة اخي و هي لجميع اصاحب الدروس
حاولوا تقسيم الدرس الى اقسام صغيرة حتى يسهل على المتتبع استيعابها

العفو أغي و إن شاء الله راح تكون الدروس سهلة و أكثر دقة فقد هذا أول دروسي

الأستاذ سامي · 2011-09-10, 12:22

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

ان تمكنت من عمل سلسلة من الدروس راسلني لأقوم باضافتها الى
مثبــت: دليل سلاسل الدروس

شَمعة أملْ · 2011-12-21, 08:14

مربحيا
لقد تابعت سلسلة الدروس اخاصة بك
شرا لك
و لكن مكن رابط تحميل النوتباد بليييييييييييز

سطايفية بكل فخر · 2012-02-07, 09:53

بارك الله بك

بحيرة العرب · 2012-08-28, 12:34

يسلموا يالغالي على المقالة و معلومات القيمة 8

abdou_7 · 2012-08-28, 12:55

بارك الله فيك

شرح بسيط و مميز .. و سهل الإستيعاب

بالتوفيق للجميع في فهم الــ html ..

شكراا