افتراضي كيفية =[كتابة أول كود] فى الـHtml

كتبهاtassmim ، في 4 ديسمبر 2008 الساعة: 10:29 ص

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

كتابة أول كود

قبل أن نبدأ في التعرف على الرموز الأساسية..
في اللغة يجب ان نعرف و نفهم هذه النقاط الأساسية:[*]تتكون اللغة من مجموعة
من الرموز و كل رمز Tag محاط بالعلامتين
<>

مثال:

—————[*]بعض الرموز Tags أو قل معظمها تحتاج الى
رموز لإيقافها عن العمل…

فمثلا: لو أنك تريد أن تكتب كلمة معينه
بوسط الصفحة فأنك تستخدم الكود …

كود:
بسم الله الرحمن الرحيم


لاحظ


أستخدمناها لإيقاف الكود
عن عمله و إلا ستجد أي كتابة بعد البسملة موجودة في الوسط أيضا.

————————[*]بعض الرموز تحتاج الى وصفات تفصيلية عن الرمز هذا الوصفات التفصيلية أسميها أنا مقابض Arguments او يسميها البعض السمات..

تعالوا نأخذ مثال:
لو أنك أردت أن تدرج رابط Hyperlink الى صفحتك…
فأنك ستستخدم الكود ..

هل لا حظت السمة
 href=http://www.sho3a.comان الرمز
— وحده لا يكفي لصنع الرابط و لكننا نحتاج
لأن نصف الصفحة الهدف و هي التي سيذهب
لها الزائر عند الضغط على الرابط و كذلك
نحتاج لأن نصف هل الصفحة الهدف
ستفتح في نفس النافذة أم أنها ستفتح
في نافذه جديدة للمتصفح

و كان هذا سبب أننا وضعنا المقبض أو السمة target=_blank و التي ستجعل الصفحة الهدف تفتح في نافذة جديدة للمتصفح

——————[*]تنقسم أي صفحة ويب من خلال كود ال HTML الخاص بها الى منطقتين هامتين جدا ….

و هما منطقة الرأس head و الجسم body …..

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

اما منطقة الجسم : فهي مخصصة لكتابة محتويات الصفحة.
من نصوص و صور و جداول….إلخ
التفاصيل ستعرفونها لاحقاً
———————————————————————–

و الأن سنبدأ في التعرف على أول مجموعة رموز…

.:: الرمز ::.

كود:

— هذا الرمز هو أول رمز يجب كتابتة بأي ملف html فهو -
و كما وصفه أحد المؤلفين
- بمثابة الصوت الذي ينادي على المتصفح و يقول
له “مرحبا…انا ملف
html فتفضل بترجمتي”

و هذا الرمز يحتاج الى الرمز المقابل له لإغلاقه و هو كما عرفنا بإضافة / الى الرمز فيصبح و يكتب بنهاية الملف كأخر كود في الصفحة …

–هذا الكود يضاف له السمة أو المقبض الشهير dir=rtl و هو المسئول عن تغيير إتجاه الكتابة بالصفحة فيجعلها من اليمين لليسار بدلا من الكتابة من اليسار لليمين ..

*شعاع لاحظ

هذا المقبض لا يدعمه سوى الإنترنت إكسبلورر
أي أنك إذا أستعرضت صفحة إنترنت في أي متصفح أخر (مثل:النيتسكيب او أوبرا) ستجد أن إتجاه الصفحة من اليسار لليمين حتى ولو كانت السمة مكتوبة مع الرمز[/color]

———————————————————————–

.:: الرمز ::.

كود:

هو ثاني كود يكتب مباشرة بعد الكود أو الرمز

و كما أوضحت سابقا أن كود الHTML يقسم الى قسمين هما الرأس و هو بداية منطقة الرأس…. head و الجسم body

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

و الكود مخصص لغلق منطقة الرأس
و سنتعرف على الأكواد التي توضع بمنطقة الرأس تفصيليا في الدروس القادمة بأذن الله …

و لكن دعونا الأن نتعرف على
واحد من أهم هذه الأكواد و هو الكود
>

و هذا العنوان سيظهر في شريط العنوان في الأعلى
فمثلا عنوان هذه الصفحة (منتديات شعاع التصميم-> سلسلة دروس ال html)

- إسم الموقع و إسم الصفحة التي بها الزائر
و هذا الكود يغلق بالكود
و هو الكود المخصص لتحديد عنوان الصفحة و أهمية هذا العنوان في أنه يسهل على الزائر معرفة أين هو لأنه يحتوي على - أو من المفترض أن يحتوي على /> كما تعودنا

———————————————————————–

.:: الرمز ::.

كود:


— هذا هو واحد من أهم أكواد اللغة و كما ترى يحمل بداخله العديد من السمات و المقابض و التي سأشرحها بالتفصيل بأذن الله,,,

و هذا الكود هو بداية لمنطقة الجسم و منطقة الجسم هي المنطقى التي تضم بداخلها جميع الأكواد الخاصة بالنصوص و الصور و الجداول……أي بأختصار المحتوي الذي يراه الزائر بالصفحة..

و كالعادة يغلق هذا الكود بالرمز

السمة bgcolor : هي السمة التي من الممكن أن تحدد من خلالها لون خلفية الصفحة

السمة background : و هي تقوم بنفس مهمة السمة السابقة و لكنها مخصصة لتحديد صورة للخلفية و ليس لون

السمة **** : و هي مخصصة لتحديد اللون التلقائي للنصوص في الصفحة طالما لم تحدد أنت لون معين لجملة او لنص معين بالصفحة

السمة link: و هي مخصصة لتحديد لون الروابط التلقائي في حالته الطبيعية طالما لم تحدد أن لون معين للرابط

السمة vlink: و هو اللون التلقائي للروابط التي سبق و أن نقر عليها الزائر و تستخدم لتسهيل عملية تصفح الموقع…حيث أنها تمكن الزائر من معرفة الصفحات التي زارها و ذلك من خلال تغيير لون الروابط التي نقر عليها

كانت هذه أهم السمات التي من الممكن أن نضعها مع الرمز و الأن جاء دور شرح السمات التي تلحق بهذا الرمز:
———————————————————————–

و الأن لنجمع كل ما سبق في كود واحد

كود:


>منتديات شعاع التصميم



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


س و ج

س: ماذا سيحدث لو لم أغلق الأكواد؟
ج:هذا يعتمد على الكود فهناك أكواد يجب أن تغلق و أكواد أخرى يمكن تركها دون غلق
و من أمثله هذه الأكواد الكود
و هو المخصص لإدراج صور للمصفحة

س: ما هي الرموز العجيبة هذه

كود:
#ffffff,#000000,#e2ecf5


ج:انها رموز مخصصة للألوان و كل رمز يعبر عن لون معين و هذه الصفحة ستجد بها معظم الألوان و رموزها - أنقر هنا-

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

س:هل انا مطالب بوضع كل السمات التي ذكرتها مع الرموز؟
ج:هذا يعتمد أيضا على الكود…فبعض الأكواد يلزمها سمات لا غنى عنها و البعض الأخر لا يهم ان تكتب لها سمات أصلا
و سنتعرف على الرموز التي يلزمها سمات كل في وقته

س:هل يجب وضع وصف السمة بين علامتى التنصيص ” “؟
ج: لا ….ضعها بعلامة التنصيص أو بدون…كما يروق لك
فالسمات التالية كلها صحيحة

كود:
href=http://www.sho3a.comhref="http://www.sho3a.com"href='http://www.sho3a.com'

انتهى ا لدرس

أضف الى مفضلتك
  • del.icio.us
  • Digg
  • Facebook
  • Google
  • LinkedIn
  • Live
  • MySpace
  • StumbleUpon
  • Technorati
  • TwitThis
  • YahooMyWeb

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
التصنيفات : الدريم ويفر | السمات:
أرسل الإدراج  |   دوّن الإدراج  

3 تعليق على “افتراضي كيفية =[كتابة أول كود] فى الـHtml”

  1. يوجد تعليق بخصوص هدا الكود لم أفهم أي شيء. شكرا

  2. لم أفهم شيء في كيفية كتابة الكود الخاص بي. شكرا

  3. ثانكس على البكج:)
    نايس على الكلام:)



اكتب تعليــقك
الإسم الذي سيظهر على التعليق
مشتركي مكتوب
اسم آخر
مجهول