مدخل إلى HTML ..
صفحة 1 من اصل 1
مدخل إلى HTML ..
{ مدخل ..
- ماذا تعني HTML ؟
هو اختصار لـ ( Hyper Text Markup Language ) و تعني لغة ترابط النصوص التشعبية .
- هل تعتبر الـ HTML لغة برمجة ؟
لا . لاتعتبر لغة برمجة بالشكل المتعارف عليه كلغة ( C++, JAVA, Visual Basic ….. ect )
إنما لغة بسيطة جداً تستخدم في إنشاء صفحات الويب ، فهي لاتحتاج إلى مترجم خاص و نظام تشغيل معين .
- ماذا أستفيد من تعلّم لغة الـ (HTML) ؟
قد يقول أحدهم .. هناك كثير من البرامج تقوم بإنشاء المواقع دون الحاجة لكتابة أكواد الـ (HTML) كـ FrontPage
صحيح ، هذا الأمر ..
لكن قد تواجهك مشاكل في بناء الموقع عند استخدام البرنامج ، وهذه البرامج
غالباً مايكون فيها صعوبة لمعرفة مكان المشكلة وحلّها ، أما في كتابة
الأكواد بنفسك فإنك تصبح أكثر قدرة على معرفة مكان " المشكلة " وحلّها بكل
سهولة .
كما في اعتقادي تعلّم الـ (HTML) يساعد في فهم طريقة قراءة الأكواد ، و هو مدخل لتعلم اللغات الأخرى لأنها تعتبر لغة سلسلة وبسيطة .
- ماذا يجب علي توفيرة من برامج لأبدأ ؟
كل ماسنحتاجه هو
- برنامج " المفكرة – Notepad " وهو متوفر على كل جهاز .
- مستعرض نقوم من خلاله عرض مانكتبه من أكواد .
فقط :") ..
البداية ..
سنتعرف على كيفية كتابة كود لـ (HTML) ..
قبل أن نعرف كيفية كتابة الكود .. ينبغي علينا أن نعرف مما يتكون :
تتكون مفردات لغة (HTML) من شفرات تسمى [ TAGS ] أي الوسوم
وهي على نوعين :
1- وسم البداية ويكتب بالشكل التالي :*******
2- وسم النهاية ويكتب بالشكل التالي :<tag/>
نلاحظ انهما متشابهان غير أن وسم النهاية يسبقة هذه العلامة ( / )
نكتبها بالصيغة التالية (من اليسار إلى اليمين) :
- مارأيكم .. أن نتعرّف على اهم الوسوم :") :
1- <html> : هو وسم تعريف للمتصفح بأننا نستخدم لغة (HTML) .
1- <head>: الوسم الذي يحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة كـ عنوان الصفحة .
3- <title> : الوسم الذي نعرّف به عنوان الصفحة .
4- <body> : الوسم الذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة .
امممم طيب ما رأيكم أن نقوم بتطبيق ذلك عملياً ؟! ..
1- نقوم بقتح برنامج " المفكرة – Notepad " ونكتب مايلي :
2- نقوم بحفظ الملف .. لكن لحظة ! ..
قبل حفظ الملف نحتاج لمعرفة الصيغة التي سنحفظ عليها الملف .. حتى نستطيع عرضها على " المستعرض "
* نختار " حفظ باسم – save as ".
* نكتب اسم الصفحة وليكن " first_bage.html "
نلاحظ أن الإمتداد (.html) لانه سيحفظه على هيئة ملف يستطيع المستعرض قراءته .
أما لو حفظنها بدون إضافة الإمتداد فإنه سوف يحفظه على هيئة ملف نصي (.txt ) لايستطيع المستعرض قراءته وسيعرضة كنص عادي .
3- الآن نقوم باستعراض ماكتبناه ^_^
وهذه هي النتيجة ..
إذا وصلت إلى هذه النقطة فنكون قد تعلمنا أهم أساسيات الـ (HTML)
- ماذا تعني HTML ؟
هو اختصار لـ ( Hyper Text Markup Language ) و تعني لغة ترابط النصوص التشعبية .
- هل تعتبر الـ HTML لغة برمجة ؟
لا . لاتعتبر لغة برمجة بالشكل المتعارف عليه كلغة ( C++, JAVA, Visual Basic ….. ect )
إنما لغة بسيطة جداً تستخدم في إنشاء صفحات الويب ، فهي لاتحتاج إلى مترجم خاص و نظام تشغيل معين .
- ماذا أستفيد من تعلّم لغة الـ (HTML) ؟
قد يقول أحدهم .. هناك كثير من البرامج تقوم بإنشاء المواقع دون الحاجة لكتابة أكواد الـ (HTML) كـ FrontPage
صحيح ، هذا الأمر ..
لكن قد تواجهك مشاكل في بناء الموقع عند استخدام البرنامج ، وهذه البرامج
غالباً مايكون فيها صعوبة لمعرفة مكان المشكلة وحلّها ، أما في كتابة
الأكواد بنفسك فإنك تصبح أكثر قدرة على معرفة مكان " المشكلة " وحلّها بكل
سهولة .
كما في اعتقادي تعلّم الـ (HTML) يساعد في فهم طريقة قراءة الأكواد ، و هو مدخل لتعلم اللغات الأخرى لأنها تعتبر لغة سلسلة وبسيطة .
- ماذا يجب علي توفيرة من برامج لأبدأ ؟
كل ماسنحتاجه هو
- برنامج " المفكرة – Notepad " وهو متوفر على كل جهاز .
- مستعرض نقوم من خلاله عرض مانكتبه من أكواد .
فقط :") ..
البداية ..
سنتعرف على كيفية كتابة كود لـ (HTML) ..
قبل أن نعرف كيفية كتابة الكود .. ينبغي علينا أن نعرف مما يتكون :
تتكون مفردات لغة (HTML) من شفرات تسمى [ TAGS ] أي الوسوم
وهي على نوعين :
1- وسم البداية ويكتب بالشكل التالي :*******
2- وسم النهاية ويكتب بالشكل التالي :<tag/>
نلاحظ انهما متشابهان غير أن وسم النهاية يسبقة هذه العلامة ( / )
نكتبها بالصيغة التالية (من اليسار إلى اليمين) :
- مارأيكم .. أن نتعرّف على اهم الوسوم :") :
1- <html> : هو وسم تعريف للمتصفح بأننا نستخدم لغة (HTML) .
1- <head>: الوسم الذي يحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة كـ عنوان الصفحة .
3- <title> : الوسم الذي نعرّف به عنوان الصفحة .
4- <body> : الوسم الذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة .
امممم طيب ما رأيكم أن نقوم بتطبيق ذلك عملياً ؟! ..
1- نقوم بقتح برنامج " المفكرة – Notepad " ونكتب مايلي :
2- نقوم بحفظ الملف .. لكن لحظة ! ..
قبل حفظ الملف نحتاج لمعرفة الصيغة التي سنحفظ عليها الملف .. حتى نستطيع عرضها على " المستعرض "
* نختار " حفظ باسم – save as ".
* نكتب اسم الصفحة وليكن " first_bage.html "
نلاحظ أن الإمتداد (.html) لانه سيحفظه على هيئة ملف يستطيع المستعرض قراءته .
أما لو حفظنها بدون إضافة الإمتداد فإنه سوف يحفظه على هيئة ملف نصي (.txt ) لايستطيع المستعرض قراءته وسيعرضة كنص عادي .
3- الآن نقوم باستعراض ماكتبناه ^_^
وهذه هي النتيجة ..
إذا وصلت إلى هذه النقطة فنكون قد تعلمنا أهم أساسيات الـ (HTML)
أحمد زينو- Admin
- تاريخ التسجيل : 31/03/2011
عدد المساهمات : 70
الجنس :
34
الابراج :
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى