الوصول السريع ألي

 

 htmlكيف تبني موقعك بلغةl
lهلا فيكم في الدرس الأول من دروس لغة HTML ، وش معنا لغة HTML : هي اختصار لعبارة Hyper Text Markupp Language .
بشرحلكم في الدرس الأول الوسوم الخاصة بلغة HTML .
هذه بعض الوسوم :
وسم البداية وسم النهاية
<HTML> </HTML>
<HAED> </HAED>
<TITLE> </TITLE>
<BODY> </HTML>
لو تلاحظ تلقى إن كل وسم من هذه الوسوم له بداية ونهاية ، والنهاية تتميز بوجود الرمز / قبل الأمر .
خذ هذا المثال بيشرحلك فكرة تركيب ملف HTML :
<HTML>
<HAED>
</TITLE>عنوان الصفحة ومعلومات خاصة والوصف والغة والكاتب <TITLE>
</HEAD>
</BODY >محتويات الصفحة وجداول و صور ووصلات تشعيبية ورسوم وغيرها <BODY >
</HTML>
يعني بلا غباء ملف الـ HTML يبدأ بالوسم <HTML> وينتهي بالوسم </HTML> لا تنسى .
أما الوسم <HEAD> يحدد بداية المقطع اللي فيه معلومات خاصة بتعريف الصفحة مثل العنوان الظاهر على شريط عنوان المتصفح وهذا العنوان لازم يوضع بين وسمين <TITLE> … </TITLE> ولازم تحط الوسم <HEAD> عشان تنهي هذا المقطع .
نزوح للوسم <BODY> اللي تتم كتابة نصوص صفحات الويب منه مع الصور والرسوم والجداول وباقي محتويات الصفحة ، وطبعاً ينتهي بالوسم </BODY> .
وش رأيك لو تبدأ بتطبيق هذه المعلومات بصورة عملية ؟ يلا أفتح يرنامج المفكرة واكتب اللي بيجيك :
<HTML><HEAD><TITLE>This is my web page </TITLE></HEAD><BODY>WOW</BODY></HTML>
أحفظ الملف بأي اسم تختاره . لا تنسى أن امتداد اسم الملف لازم يكون htm أو html . مثلاً اخترت أنا الاسم elwalhan.html . وأحسن لك إنك تسوي مجلد مستعمل على القرص الصلب عشان تحفظ فيه ملفاتك وهذا يسهل عليك عملية استرجاعها للعرض أو التحديث . وخل أسم المجلد هو C:/htmlfiles ( أو بأي اسم تبغاه ).
اللحين وقت العرض تبغى تشوف نتيجة اللي كتبتاه افتح المتصفح ، إذا كنت تستعمل Natscape Navigator اختر الأمر Open file من قائمة file ، أما في المتصفح Internet Explorer MS اختر الأمر Open من القائمة File ، ثمن حدد المسار اللي فيه اللف . أنا شخصياً حددت المسار التالي : C:/htmlfiles/elwalhan>html (طبعاً حسب الافتراضات السابقة .
أنا حصلت على نفس النتيجة .
وأنت ؟ حصلت على نفس النتيجة ولا لا ؟ مبروك ? سويت أول صفحة ويب خاصة بك ( إذا ما حصلت على نفس النتيجة عد الموضوع من أول واقراه ) .
وقبل ما نروح للدرس الثاني أبغى اشرح لك بعض الملاحظات :
1- ما في فقرق بين كتابة الوسوم بالأحرف الانجليزية الكبيرة أو الأحرف النجليزي الصغبرة أو كلهم .
2- المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدةأو اشارات نهاية الفقرات ( يعني إذا ضغط على Enter ) ، ويعني تقدر تكتب الملف السابق كذا:
<HtMl><HEAD><TiTlE>This is my web page</TITLE></HeAd><Body>WOW</Body></HtmL>
أو كذا :
HtMl>
<HEAD>
<TiTlE>
This is
my web
page
</TITLE>
</HeAd>
<Body>
WOW
</Body>
</HtmL>
وبكل الحالتين بتحصل على نفس النتيجة ، بس هذا ما يعني إن الفقرة المكونة من 20 سطر بتمد إلى عدة أمتار بعرض الشاشة !! طبعاً لا لأن المتصفح بيقوم بعمل التفاف تلقائي لها بحسب عرض الشاشة .

عزائي هذا هو الدرس الثاني في موضوع أسس صفحة HTML وهذه العناصر المتبقية من موضوعنا:
· إضافة التنسيق الأساسي .
· ملاحظات .
· جدول رموز ASCII.
-------------------------------------------------------------

إضافة التنسيق الأساسي:
=====================
حينما تريد أن تنهي السطر الحالي عند نقطة معينة أو أن تقوم بقفز سطر كامل فما عليك سوى استخدام وسوم التنسيق التالية:
· <P> : هذا الوسم يفصل بين الفقرات بإضافة ما يصل إلى سطر واحد فارغ. ويمكن أن يستخدم وسم بداية ونهاية أو بداية فقط.
· <BR> : وسم الانقطاع الذي يؤدي إلى انقطاع السطر. استعمل هذا الوسم عندما تريد العودة لبداية سطر جديد.
لو طبقنا هذين الوسمين على المثال السابق فماذا سينتج؟.




<html>
<head><title>صفحة تجريبية</title></head>
<body>
هذه <p>
صفحتي<br>
الأولى
</body>
</html>



لو نظرنالنتيجة المثال أعلاه لرأينا أن بين كلمتي هذه و صفحتي مسافة سطر كامل فارغ.
وبين كلمتي صفحتي و الأولى لايوجد سطر فارغ ولكن نزلت الكلمة الثانية للسطر التالي مباشرة.

-------------------------------------------------------------

ملاحظات:
================
أعزائي هذه ملاحظات يجب عليكم مراعاتها وأخذها بعين الإعتبار في التصميم:
· لا فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة أو الصغيرة لذلك تستطيع الكتابة بأي شكل منهما أو حتى كليهما.
· المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات التي تجدها هذه المتصفحات في ملف HTML .
· الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك كي يسهل عليك استرجاعها أو تحديثها .
· هناك العديد من الرموز الخاصة التي يجب أن تكتب بطريقة معينة باستخدام الوسوم وليس بصورتها المباشرة العادية وخذ مثلاً إشارتي > و < كل هذه إشارات محجوزة ضمن لغة HTML ومن الخطأ استخدامها بصورتها الصريحة لئلا يؤدي ذلك إلى حدوث مشاكل في طريقة عرض الصفحة .
كذلك هناك رموزاً غير موجودة أساساً على لوحة المفاتيح كرمز حقوق الطبع© والعلامة المسجلة ® ونحتاج إلى طريقة الوسوم لكتابتها و أقوم في الدرس القادم بوضع جدول ببعض هذه الرموز و رسومها يسمى جدول ASCII .

الكاتب:الولهان

 

قائــــمة المـــوقع
    الصفحة الرئيسيـــة
    دليــــل المـــواقـــــع
    مكتـــــبة البرامـــــج
   المكتبة الكترونية
    أتصل بنــــــــــــــــــا

الركن الإسلامي
   مواقع إســـــــلامية
  القــران الكــــــــــريم
   الحـــديث الشـــريف
    الفقه الإســــلامي
    الأخلاق والمعاملات

المكتبة الإسلامية
    قسم العبادات والمعاملات
   قسم الحديث وعــــــــلومه
    قسم العقيدة الإســــلامية
    قسم التفســــــير وعلومه
   
   قسم كتب الرقائق والزهد

موسوعة الصور
   صور أســــــــــــلامية
     صور غريـــــــــــــــــبة
    صور متحركـــــــــــة
    صور مضحــــــــــكة

شــــارك معنا
   أضف موقع للدليل
    أضف برنامج للمكتبة
    أضف كتاب للمكتبة
   وقع في سجل الزوار
   

الركن التعليمي

تعلم تصميم المواقع
   تعــــلم الفوتوشــوب
   تعلــــــم الفـــــــلاش
     php تعلــــــم لغـــــة
    تعلم فجول البيسك

خدمات الموقع
   صمم موقعـــــــك معنا
    استضافة الـــــــــمواقع
  بريد اكتروني مجـــاني
     phpســكربتـــــــــــــات

   أكواد الجــــــــــــــــــــافا


مقالات متنوعة
   vb تركيب منتدي  
    رسالة ألي المدخنين
    الشيخ أحمد ياسين
  كيف تحفظ القران
   أضف مقالك هنا

مواقع مفيدة
   أقلاع سوفت للبرامج
 الــــــــــجزيرة نـــــــــــت
   شبكة الإستراتيجية
 مواقع الإســــــــــــلام
  
 معهد طريق القران

  دخول المراقبين

UserID:
Password:


 المجد © 2004 جميع الحقوق محفوظة لــ طارق ـ