o.O ( مقدمة في لغة الـHTML لتصميم صفحات الويب ) O.o°¨

[ราซาน]

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

مقدمة :

=> يعتبر تصميم صفحات الويب من الموضوعات الهامة والجذابة والتي يبذل فيها المبرمجون مجهودا كبيرا لإضافة أفكار ووظائف جديدة في التصميم .

=> مع وجود العديد من أنظمة التشغيل مثل لينوكس وماكينتوش أصبحت هناك حاجة ماسة إلى وجود لغة سهلة لكتابة وتصميم المواقع على شبكة الإنترنت ولا بد أن تكون قادرة على العمل على جميع أنظمة التشغيل بلا مشاكل

=> قامت شركة IBM في آواخر الستيينات بإصدار لغة Generalized Markup Language والتي تحولت لـ Standard GeneralizedMarkup Language حيث كانت تقوم بتصميم ممتاز للمواقع إلا أنه كان يعيبها صعوبة وتعقيد أوامرها

=> وفي آواخر الثمانينات تم تصميم أول موقع فعلي عن طريق تيم بيرنارز لي باستخدام لغة HTML والتي تعني Hyper Text Markup Language والتي أصبحت هي اللغة الأساسية لتطوير مواقع الإنترت لسهولتها وبساطة أوامرها وإمكانية تشغيلها على جميع أنظمة التشغيل بلا مشاكل

ما المقصود بالـMarkupLanguage؟

هي اللغة التي يتم كتابة أوامرها وبيناتها في نفس الملف وذلك بعكس لغات البرمجة والتي تكون فيها أوامر اللغة موجودة في ملف والبيانات التي تعرضها في ملف آخر .


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

من المسؤول عن إصدار لغة الـHTML؟

إن مؤسسة W3C (World Wide WebConsortium) هي المسؤولة عن تنظيم قواعد الكتابة بلغة الـHTML .

هل توجد إصدارات للغة الـHTML؟

توجد العديد من الإصدارات ويختلف كل إصدار عن سابقه باحتوائه على أوامر وتحسينات أكثر ، ويعتبر الإصدار HTML 5 هو أحدث الإصدارات .. إلا أننا سنقوم بتغطية الإصدار HTML 4.01

طرق كتابة لغة الـHTML

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


1- محرر النصوص :


وهو المحرر الذي يتيح لنا كتابة أوامر لغة الـHTML بطريقة يدوية ويعتبر أي برنامج له القدرة على كتابة أي نص هو برنامج محرر للنصوص .

2- المحرر بطريقة واجهة المستخدم الرسومية :


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

ما الحاجة لتعلم لغة الـHTML ؟

بدأ هذا السؤال يظهر مع انتشار المحررات بطريقة واجهة المستخدم الرسومية ، ولكن هذه المحررات لن تستطيع توفير هذا الكم الهائل من الاختيارات والأوامر الجديدة مع كل إصدار من لغة HTML ولذا ستجد نفسك مضطرا لكتابة بعض الأوامر يدويا وعندها يكون فهمك للغة ضروريا لتنفيذ الأوامر والاختيارات الغير متاحة في هذا النوع من المحررات ، كما لابد لك من تعلمها إن كنت في طريقك لتعلم لغة برمجة صفحات الويب مثل JavaScript أو VBScript

®All Rights Are Received ToJaSmile & Msoms-Anime

Notes
1- أفكر في عمل دورة كاملة للغة الـHTML وربما الـCSS ، فمن لديه
استعداد للمشاركة والمتابعة أرجو أن يخبرني كي أستمر في كتابة الدروس

2- Jasmile = ราซาน
ولكني في انتظار تغيير الاسم ^^"

[ราซาน]

ولارد!
هل يعني هذا ألا أكمل في الدورة؟!

[Alamal]

إلا أنا أبغى أتعلم ..بس الاصدار 5 حمسني كثييير بعد ماشفت إعلانات عنه
ياريت تكتب عنه (=

[ALKOON]

اهلا أخي ...



كما تعلم القليلون من هم يحبون البرمجة ان كانت لغة سكربتية او برمجة في البرنامج ذاته
لغة هوتمل هي لغة بسيطه وليس معقدة كما اعرفهـآآآ ... ومفيده في عمل صفحات الويب
+
او عمل التأثيرات النصية للجميل >> كالكاراوكي مثلا
على اية حال .. بدايه موفقه اخي الكريم .... عليك المواصله حتى لو لم يكن هناك متابعين
ولكن سيكون هناك باحثين والمتعطشين لتعلم هذه اللغة السلسه



جزاك الله خير || ونترقب جديدك الممــيز ~

[الـقائد]

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

السلامُ عليكُم ورحمةُ اللـهِ وبركاتُه ..

أهلاً بكِ أُختي ^_^

أولاً عُذراً منكِ فلم أنتبه لموضوعكِ لاختفائه بين المواضيع الكثيره في القسم - المُفيده وغير المُفيده ^^" -

ثانياً كانت مُقدمه رائعه ومُمتازة وسهله ،

إذا كُنتِ تُريدين الإكمال فأنا مُتابع معكِ بإذن اللـه وسوفَ أستفيد من خبرتكِ ،

أنصحُكِ بعمل إعلان للموضوع عن طريق بنر وما إلى ذلك ،

وسوفَ أقوم بنشر الموضوع على الفيس بوك ليراه الأعضاء أيضاً ،

مُتابع معكِ بإذن اللـه توكلِ على اللـه ^___^

[؛ّ نديمك ؛ّ]

جزاك الله خير يا JaSmile ...

أنا مستعد للانضمام ومتحمس للتدرب على يديك...^_^...
حبذا لو قدمت دورتين في HTML و CSS سواء متتاليتين أو متزامنتين ^_^...

[WaHdAiN]

متابع معكم للدورة بإذن الله

جزاك الله خير على الجهد

وفي إنتظار البقية ....

ولاتتوقعي الكثير من الردود حاليا قبل بدء الدروس العملية ^^"

وشكرا للحرص ^.^

[B7or]

وأخيراً ..
منذ فترة وأنا أتمنى تعلم هذه البرمجة .. ولكن لم أجد دورة كاملة وجيدة

أتمنى أن تكمل .. ونحن معك متابعين

شكرا على هذه المقدمة التعريفية الهامة

وفي انتظار القادم ...

[hmady]

شكراً لك ، وانا معكم في هذه الدوره

[night angel]

مشكووووووووووور على المعلومات و ان شاء الله سأكون معاك في الدورة

[Jomoon]

مـوضوع راااائـــع...

الله يعطيك العاااافية...

مع أني لم أفهــم وهذا لجهلي طبعــاً بالأمر...

ولكن استمري لأن الكثير سيستفيد بإذن الله...

وأنــا متابعة إن شــاء الله معكم...

ســـلام...

[mahmooo94]

أهلا وسهلا أختي

والله أنا نفسي الصراحه أتعلم لغات برمجه عشان تنفعني في المستقبل

ومن ضمن اللغات كانت اللغه ده

فأرجو لو أنت هتحطي الدروس بإذن الله أنها تكون سهله ومفهومه لجميع الرؤووس الكمبيوتريه وغير الكمبيوتريه xdd

وأنا معاكي بإذن الله في الدرووس

وبإنتظار أول درس

وبالتوفيق يا أختي

[ราซาน]

إن شاء الله سأبدأ خلال يومين بالدروس العملية .. وأتمنى أن تستفيدوا منها ....

حبذا لو قدمت دورتين في HTML و CSS سواء متتاليتين أو متزامنتين ^_^...

بإذن الله راح أبدأ في الـCSS بعد الـHTML لإنه مبني عليه

بالمناسبة أنا بنت ^^"

[hamzajg]

html>
bady>
السلام عليكم و رحمة الله و بركاته
<bady/>
مشكور على هذه الدورة
في آنتظار البقية
<html/>

[الـقائد]

ننتظر على أحر من الجمر حتى نبدء معكِ ^_^ ،

وفقكِ ربي ويسرَ أمركِ ، وأي مُساعدة نحنُ هُنا ..

[fearry]

السلام عليكم
اذا ما زلتي تريدين اكمال الدورة استطيع المساعدة فيها
متى تريدين اعلميني و اذا تستطيعين ان ترفعي الصور على موقع مسومس افضل
سلام

[أســـد]

وعليكم السلام ورحمة الله وبركاته ..

عاشت اليد التي كتبت الموضوع ..
متابع معك بإذن الله >>> ومستعد للمساعدة بإذن الله ^^

[نجم2020]

وأنا ايضاً اضم صوتي إلى من سبقوني في الرد ...

وأريد ان تعلم للغات البرمجة لأني في صدد أن اكون مبرمج نظم معلومات

فأحب أن اشكركي واتمنى ان تتابعي الموضوع