PDA

View Full Version : مثال قصير لتعليم لغه ال html


dam3et.alaam
12-23-2013, 04:27
دورة تعلم لغــه HTML

الدرس الأول: مدخل إلى لغة html
[/COLOR]---
تعتبر لغة HTML هي اللغة الأساسية في تصميم مواقع الإنترنت، أي إذا كنت تريد أن تصبح مطور مواقع محترف فعليك أولاً إثقان لغة HTML، ومن خلال هذه الدورة سأعلمك هذه اللغة البسيطة بإذن الله، فلغة HTML سهلة التعلم، سنستمتع بها !

قبل أن نبدأ، إذا كنت تريد معرفة تاريخ لغة HTML ومعرفة المزيد عنها، يمكنك زيارة صفحتها على الموسوعة الحرة ويكيبيديا، بالضغط هنا.

بدأنا..


ترمز كلمة HTML إلى العبارة الإنجليزية: Hyper Text Markup Language ، وليست لها ترجمة عربية متعارف عليها، فهناك من يترجمها إلى: لغة ترميز النصوص التشعبية، وهناك من يترجمها إلى عبارات أخرى، لكن هذا لا يهمنا بقدر ما يهمنا تعلمها.

تتكون لغة HTML من مجموعة من الأوامر، كل أمر له دور معين، هناك أمر يتحكم في لون الصفحة، هناك أمر يتحكم في حجم الخط وهكذا لكل أمر دور يقوم به، أغلب الأوامر في لغة HTML تتكون من جزأين، الجزء الأول يسمى أمر البداية، والجزء الثاني يسمى أمر النهاية، سنشرح هذا جيداً فيما بعد، والاَن إليك الأوامر الأساسية في لغة HTML ، والتي يجب أن تتوفر في كل صفحة تقوم بتصميمها:

رمز PHP:
<html>
<head>
<titleالمحتوي المراد كتابته </title>
</head>
<body>
المحتوي المراد كتابته
</body>
</html>
دعنا نشرح هذه الأوامر:
<html>: هذا الأمر يخبر المتصفح أن الصفحة مصممة بلغة HTML، ولاحظ أنه يوجد في أول الصفحة بهذا الشكل: <html> وهنا نسميه وسم البداية، كما أنه يوجد في اَخر الصفحة بهذا الشكل: <html/> وهنا نسميه وسم النهاية، فهنا دوره أنه يخبر المتصفح أن صفحتنا انتهت.

<head>: هذا يسمى أمر رأس الصفحة، فيه يكون عنوان الصفحة الموجود في أعلى المتصفح ولانقوم بكتابة فيه محتوى الصفحة، ولاحظ أن له أمر نهاية.

<title>: هذا الأمر نكتب فيه عنوان الصفحة الذي يظهر أعلى المتصفح.

<body>: فيه نكتب محتوى الصفحة كاملاً. وأمر إغلاقه هو: <body/>.

والاَن بعد أن فهمنا الكود وما يعنيه دعنا نمر للتطبيق وعندها ستفهم الكثير من الأشياء التي

تبدوا لك الاَن غامضة، افتح برنامج النوت باد وانسخ فيه الكود التالي الذي شرحناه قبل قليل:


رمز PHP:

<html>
<head>
<title>المحتوي المراد كتابته </title>
</head>
<body>
المحتوي المراد كتابته
</body>
</html>

بعد ذلك اعمل له حفظ باسم (save us)، قم باعطائه اي اسم تريد ولكن ضف له html.

فمثلاً لو أردت أن تسميه egmakerراح تكتبه على الشكل التالي: egmaker.html

.htrml هو امتداد لغة HTML

بعد حفظ العمل، اذهب للمكان الذي حفظته فيه وستجده على شكل صفحة انترنت بالاسم الذي اخترته افتحها، لاحظ محتوى الصفحة الذي كتبناه وهو:

ارجو الاستفاده من الموضوع والدعاء للناشر
wiso
12-25-2013, 18:39
السلام عليكم ورحمه الله وبركاته
تسلم ايدك على الموضوع يا اخ دمعه الم
بجد الموضوع جميل
ysf4
12-26-2013, 16:53
بالفعل html من اهم لغات البرمجة في انشاء المواقع و هي بسيطة جدا و بإستطاعة
اي شخص تعلمها حتى و ان كان بعيدا عن مجال البرمجة و موضوعك هو مقدمة جيدة لتعلم اساسيات html
harimeche
03-30-2014, 22:11
الســــــــــلام عليكم ورحمة الله

صراحة لغة html من أسهل اللغاة على الإطلاق

ولا أعتقد أنهــــا ستساعدنــــا في برمجة أنظمة التداول الآلية

وبالتوفيق للجميع
fido
04-19-2014, 23:37
بسـم الله الرّحمـن الرّحيـم ..
السَّـلامُ عَـليكُـمْ ورحمـة الله وبـركآتـه ..
بـآرك الله فيـك آخـي الفـآضـل علـى الطّـرح القـيّم ..
وجَـزآكِ الله خيـرآ ، وجـعلـه فـي ميـزآن حسنـآتـك ..
ونسـأل مـن الله قـبول جميـع الأعمـآل منّـآ ومنـكم
Hassan Owen
04-21-2014, 03:59
بالفعل html من اهم لغات البرمجة في انشاء المواقع و هي بسيطة جدا و بإستطاعة
اي شخص تعلمها حتى و ان كان بعيدا عن مجال البرمجة و موضوعك هو مقدمة جيدة لتعلم اساسيات html
rafikhamdi
05-08-2014, 02:36
مرحبا إخواني واخواتي

الرمجة بلغة html ممتعة كون أنها سهلة التعلم تتعلمها في أقل من عام ومعروفة في تطوير المواقع إن كنت تتقنها تستطيع أن تعدل موقعك بدون مشاكل
مشكور أخي على هذا المجهود جزاك الله خيرا
rafikhamdi
05-08-2014, 02:41
مرحبا إخواني واخواتي

الرمجة بلغة html ممتعة كون أنها سهلة التعلم تتعلمها في أقل من عام ومعروفة في تطوير المواقع إن كنت تتقنها تستطيع أن تعدل موقعك بدون مشاكل
مشكور أخي على هذا المجهود جزاك الله خيرا

---------- Post added at 12:41 AM ---------- Previous post was at 12:37 AM ----------

مرحبا إخواني واخواتي

الرمجة بلغة html ممتعة كون أنها سهلة التعلم تتعلمها في أقل من عام ومعروفة في تطوير المواقع إن كنت تتقنها تستطيع أن تعدل موقعك بدون مشاكل
مشكور أخي على هذا المجهود جزاك الله خيرا
mohammed aburekbah
05-08-2014, 02:43
بسم الله الرحمن الرحيم شكرا اخي الكريم ولكن بحب اقول لك انك مغرد خارج السرب
يعنى شو جاب غالموضوع هذا للمنتدى المتخصص بالفوركس وسوق العملات.
fido
07-16-2014, 19:38
السلام عليكم ورحمة الله وبركاته
بارك الله فيك وجزاك الله خيرا
الجزاء رفع الله قدرك وسدد الباري خطاك

.................................................. .................................................. .................................................. .................................................. .................................................. .................................................. .................................................. .................................................. ................
Nostra
07-17-2014, 17:11
السلام عليكم ورحمة الله وبركاته اخي الhtml لغة سهلة و رائعة لكن شرح يصعب الامور بنسبة للمبتداين... حاول ان تعمل فيديو ان اردت ان يفهمك البقية
و شكرا على مجهودك..
mohamed9004
07-20-2014, 21:29
السلام عليكم ورحمه الله
شكرا على هذا الموضوع لكن انا الصراحة مش بحب الشرح اللى بيبقى كله كتابة كده مش بفهم حاجة بحب شرح الصور او الفيديوهات بيكون رائع
نتمنى منك ان تشرح بالصور احسن وافضل
محمد السيد محمد
07-20-2014, 22:09
الموضوع رغم اهميته الا انني انه لا علاقة له بالفوركس ..
فقولو لي بالله عليكم ارد اقول ايه ؟؟ ياجماعة يا مشرفين على المنتدي ردو انتم بقه
abokarem
09-07-2014, 14:59
السلام عليكم
الف شكر على المثدمه الاكثر من رائعه عن لغه هوتميل واجد انها مشهوره للغايه ولكن للاسف
لا احب التعامل او تعلم مثل هذه الاشياء لاننى ليس لدى وقت وهى تحتاج الى بال
abdalaah kamal
01-03-2015, 20:29
بسم الله الرحمن الرحيم
سؤال جيد اخى الكريم واجابه جيده وشرح موفق منك ومن الاخوه العضاء وبارك الله فى كل من يساهم ويحاول ان يخرج كل ما لديه من معلومات بصدق صراحه منتدى جميل جدا ونستفيد كل يوم شىء جديد فعلا مجال الفوركس كبير جدا ويجتاج فترات للتعلم وللوصل الى تحقيق اهداف
شكرالاخوانى الكرام وكل عضو ساهم برئيه
maghribia
01-03-2015, 20:34
سلام عليكم ورحمه الله تعالى وبركاته
اخى الكريم

اي لغة ف يالفوركس او في اي يشيء اخر
فانه يميكين العلمل به بطريقة فنية و جيدية للغاية
تقبل احتراماتيى
abdalaah kamal
01-03-2015, 20:39
السلام عاليكم ورحمه الله
بارك الله اخى الكريم فى كلامك وشرحك الجيد انا استفيد صراحه من اراء الاعضاء بارك الله لهم فيها ومن كل الشروحات واتعلم كل يوم اشياء جديده علما بانى من عشاق الفوركس وان شاء الله ناوى اجتهد اكثر واكثر فى هذا المجال الذى يحتاج مزيد من المجهود للوصل ان شاء الله الى القمه
geomagdy
02-14-2015, 22:54
سلام عليكم ورحمة الله تعالى وبراكاته
شكرا لك اخي الكريم على الموضوع
واصل عملك الجيد اخي الكريم تقبل تحياتي اخي الغالى
تقبل مرورى اخى الكريم
شكراااااااااا
شمس
03-28-2015, 20:16
هذا مدخل لتعلم لغة البرمجة هتمل وهي من بين الغات التي تعمل على صنع مواقع الويب بالإنسجام أو ادماج لغات أخرى فعلى ما أظن هي تعمل على خلق الهيكل أو أجسم ثم يكمل الباقي بإستعمال لغات أخرى.مشكور أخي
elfraon
03-29-2015, 16:25
بسـم الله الرّحمـن الرّحيـم ..
السَّـلامُ عَـليكُـمْ ورحمـة الله وبـركآتـه ..
بـآرك الله فيـك آخـي الفـآضـل علـى الطّـرح القـيّم ..
وجَـزآكِ الله خيـرآ ، وجـعلـه فـي ميـزآن حسنـآتـك ..
ونسـأل مـن الله قـبول جميـع الأعمـآل منّـآ ومنـكم
MedMax
04-11-2015, 23:30
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله
بارك الله فيك واثابك جنة الفردوس
احسنت احسن الله اليك
ونفعك الله بما كتبت ونفع بك
alimed
10-16-2015, 21:44
يـا رَبْ و لئن قذفتني في النار لأخبرن اهل النار أني أحبك
فاجْعَلْني عَبْداً إِمَّا طَائِعاً فَأَكْرَمْتَهُ وَإِمَّا عَاصِياً فَرَحمِتَهُ
للهم حرم وجه كاتب و قارىء الموضوع ومن ساهم فيه على النار
واسكنهم الفردوس الاعلى بغير حساب
torkhan mohamed
03-02-2016, 05:40
السلام عليكم ورحمه الله وبركاته
شكرا اخى على الموضوع الجميل
واتمنى منك دائما الافاده لنا والله يجازيك كل خير واتمنى لك التوفيق
وبارك الله فيك وجزاك خيراً والسلام عليكم ورحمه الله
mamdouh mahmod
03-02-2016, 05:42
السلام عليكم ورحمه الله وبركاته
الف شكر اخى الكريم ع موضوعك واخبارك
الرائعه وارجو ان يستفيد الجميع من مواضيعك المميزة
ونتمنى الربح للجميع ولمنتدانا التقدم دائما
Ashraf Hussain
03-02-2016, 09:07
السلام عليكم ورحمة الله وبركاته
صبحك الله بالخير اخي الحبيب
شكراً جزيلاً لك علي طرحك بخصوص لغة html
وجزيت خيراً علي الافادة والمعلومات القيمة
تقبل خالص الود لشخصك الكريم
ياسر بريك
03-02-2016, 13:34
حتى الأن دا أفضل نقاش قريتة واستفدت منه بالرغم اني اعتدت التعديل على قوالب بلوجر ، لكن دي اول مرة اعرف ازاي اقدر انشأ صفحة من تصميمي من خلال اكواد html وياريت يبقى في المزيد من الشروحات زي اكواد الصور وكيفية تنسيق الصفحة الخ
karim ben el maati
03-02-2016, 15:50
بسم الله الرحمان الرحيم و السلام عليكم ورحمه الله وبركاته اعضاء منتدى فوركس العرب
اخى العزيز شكرا لك على طرح الموضع واتمنى ان تستمر فى الافادة لنا وتزويدنا بخبراتك وتجاربك فى مجال الفوركس لان طرح المواضيع دى والنقاشات بيساعدنا اننا نتعلم من الاخطاء ونتعلم حجات مكناش نعرفه
شكرا تقبل مرورى
AboMoZo
03-02-2016, 17:28
السلام عليكم ورحمة الله وبركاته
جزاك الله كل خير علي المعلومات المفيدة
لا تحرمنا من جديد مواضيعك اتمني الافادة دائماً
وخالص التحية وتمنياتي بالتوفيق والسداد
TMT
03-08-2016, 01:01
السلام عليكم ورحمة الله وبركاته موضوع رائع يا اخى شرح موفق منك
مشكور علي هذه المعلومات الاكثر من رائعة
موضوع مميز وجيد وربنا يوفقك وبارك الله فيك وجزاك خيراً والسلام عليكم ورحمه الله
minoch
04-19-2016, 20:31
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله
أسأل الله أن يحصنك بالقرآن ..
ويبعد عنك الشيطان ..
وييسر لك من الأعمال ما يقربك فيها إلى عليين ..
وأن يصب عليك من نفحات الإيمان وعافية الأبدان ورضا الرحمن ..
ويجعل لقيانا في أعالي الجنان ..
ashrafbek
04-23-2016, 19:11
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته اخي الكريم
اشكرك جزيل الشكر علي موضوعك الاكثر من رائع
وانتظر منك ومن جميع اعضاء هذا المنتدي الجميل الفائدة المتبادلة دوماً
تقبل خالص الود والتقدير واهديك باقة من الورود العطرة
AYA.M
05-07-2016, 23:23
السلام عليكم ورحمة الله وبركاته
شكراً جزيلاً لك طرحك لهذا الموضوع الجميل
اسعدني التواجد بهذا المنتدي الرائع فأشكركم علي الجهد المبذول واتمني دوماً الافادة للجميع
تمنياتي لكم بالنجاح الدائم