عزيزي الزائر انت الان تتصفح ارشيف موقع التقنية اليوم ..... تمنياتنا لكم بقضاء وقت امتع

التصميم بـ html

دورة تعليمية مجانية لشرح تصميم المواقع باستخدام html مزودة بالامثلة ومدعمة بالصور لإيصال المعلومة الى الذهن بسرعة .

مقدمة عن لغة HTML

الجمعة, يناير 21, 2011, مرسلة بواسطة علاء الدين
الHTML  هي لغة رقمية تستخدم لتصميم مواقع الويب وهي تخبر المتصفح كيف يقوم بعرض محتوى الصفحة و HTML هي اختصار لجملة Hyper Text Markup language والتي تعني لغة النص التشعبي .

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


وتشكل HTML مع صفحات التنسيق الانسيابية CSS فريقا قويا يمكن الاعتماد عليه لتصميم موقع رائع وكامل  ولكن ما يعيب HTML ان الصفحات التي تقوم بتصميمها باستخدام هذه اللغة تظل ثابتة ولا تتغير الا بتغير شفراتها فمثلا اذا اردت تغيير ترتيب الصفحة فيجب عليك تعديل الوسوم من جديد بعكس الجافا والبي اتش بي التي يمكن ان تقوم بعمليات مشابهة اوتماتيكيا حسب عملية البرمجة التي تقوم بها .

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

ما هي اللغة المستخدمة في كتابة شفرات HTML؟

اللغة المستخدمة في كتابة شفرات ووسوم هذه اللغة هي اللغة الانجليزية .

ما هي متطلبات التصميم بHTML ؟

للتصميم بHTML لا تحتاج سوى برنامج لتعديل النصوص كالنوت باد المدمج مع نظام التشغيل ويندوز او برنامج نصوص اخر ولا تحتاج ان تكون متصل بالانترنت فيمكن التصميم بعدم وجود اتصال انترنت .

كيفية كتابة وسوم HTML 

اولا : حروف وسوم HTML ليست حساسة لحالة الحروف فمثلا يمكن كتابة الوسم  الخاص بجسم الصفحة هكذا <body> بالحروف الصغيره او هكذا <BODY> بالحروف الكبيرة فهذا لا يؤثر على الوسوم .

ثانيا : يمكن كتابة شفرات ووسوم هذه اللغة بالترتيب الذي تريد فيمكنك كتابتها مثلا وسم بعد وسم في سطر واحد او كتابة كل وسم في سطر مثلا يمكنك كتابة الوسوم بالشكل التالي :
<HTML> <HEAD>
          <TITLE></TITLE> </HEAD>      
         <BODY></BODY></HTML>         
او بالشكل التالي
<HTML> <HEAD>
    <TITLE.
</TITLE>
</HEAD>  
    <BODY>
</BODY>
</HTML>   
فالترتيب لايهم وكذلك المسافات لا تؤثر فيمكنك عمل مسافات بين الوسم والاخر او بدون مسافات فكما قلنا هذا لايؤثر .      

ثالثا : يكتب الوسم او الشفرة بين قوسين هكذا <> بداية الوسم وهكذا </> نهاية الوسم فمثلا الوسم الخاص بجسم الصفحة هو Body فيكتب في البداية <body> وفي النهاية </body>  وما بينهما تكتب باقي الشفرات او الوسوم.

فجسم الوسم هو النصوص وباقي المحتوى الذي سيظهر على المتصفح اما الشفرات المكتوبة في الاقواس فلا تظهر في المتصفح .

واخيرا : طريقة حفظ صفحة ويب عن القيام بتصميمها باستخدام HTML بواسطة اي برنامج نصوص هي كالتالي :::: بعد كتابة الشفرات في المستند النصي بواسطة اي برنامج نصوص نقوم بعمل حفظ للمستند وعند الحفظ نقوم بكتابة اسم الصفحة + (.) + كلمة html او htm  لاحظ الصورة التوضيحية في الاسفل

وبعد هذه المقدمة عن هذه اللغة سنبدء من الدرس القادم بشرح شفراتها وسنبدء بتطبيقها وتعلمها .

لا تتردد في طرح اسئلتك واستفساراتك عبر صندوق التعليق 

تعديل الرسالة…

تابعونا ليصلكم كل جديد

تعليق واحد على | مقدمة عن لغة HTML |

Mohd Amin يقول...
27 فبراير 2011 في 12:29 م [حذف]

فكرة الدورة رائعة و منظمة ماشاء الله
و أحب أقولك أن لغة الـhtml هي أسهل لغات البرمجة و أبسطها و عملها بناء الصفحات فلا تنسى أن تطور الدورة أكثر لتصل للـcss و Xhtml حتى يصبح متابعك خبير برمجة ويب

اترك تعليقك على الموضوع