المهارات الرقمية9 فصل ثاني

التاسع

icon

 

 

طرق تصميم صفحات الانترنت:

  1. لغات الحاسوب، مثل: PHP، HTML.
  2. برمجيات: DREAMWAVER، Google Web Design.

تعريفها ومزاياها

لغة HTML: هي احدى لغات الحاسوب المتخصصة بانشاء صفحات الويب، وتسمى لغة توصيف النص التشعبي.

النص التشعبي: النص الذي يظهر في صفحة الويب، وعن طريقه يمكن التنقل بين صفحات الويب على شبكة الانترنت ( ارتباطات بين صفحات الويب)؛ ويظهر النص غالبا بلون ازرق تحته خط، وعند تمرير المؤشر عليه يتغير شكله الى شكل يد  .

 

مزايا لغة HTML:

  1. سهولة التعلم والاستخدام.
  2. تدعم اللغة العربية عن طريق تصميم المواقع العربية.
  3. تستطيع جميع المتصفحات (Firefox، Google Chrome، Edge،......) عرض الصفحة المصممة بلغة HTML.
  4. تُحرر باي محرر نصوص ( مثل: Notepad الذي يكون مرفقا مجانا مع نظام التشغيل).

 

طريقة اظهار صفحة HTML الخاصة بأي صفحة انترنت:

  1. افتح صفحة الانترنت المراد اظهار صفحة HTML لها.
  2. من لائحة View نختار Source
  3. تظهر صفحة HTML الخاصة بصفحة الانترنت المعروضة

او الضغط على Ctrl + U.

 

مكونات لغة  HTML:

  1. الوسوم: حيث تتكون HTML من مجموعة من الوسوم.
  2. العناصر: مجموعة الوسوم التي يعتمد عليها في اظهار محتويات صفحة الويب على شاشة المتصفح.
  3. خصائص الوسوم: لبعض الوسوم خصائص اضافية لتحسين مظهر الصفحة.

الوسوم: هي مجموعة من الرموز تتيح عرض النصوص والصور والجداول وغيرها باستخدام متصفح الانترنت، يكتب الوسم بين اشارتي اصغر من  <  واكبر من >

 

العناصر:هي الجمل المكونة من وسم بداية ووسم نهاية والمحتوى بينهما، وتتكون من وسم بداية ومحتوى ثم وسم نهاية له نفس اسم وسم البداية.

الخصائص:اعدادات اضافية تساعد على تحسين وظائف الوسوم، مثل: لون الخط وحجمه، وقد تحتوي بعض الوسوم على خاصية وحدة او اكثر،وقد تتكرر الخاصية مع اكثر من وسم، مثل: خاصية اتجاه النص "dir"، حيث تكتب في وسم <body> ووسم <p>.

 

الوسوم الاساسية لصفحة الويب:

تحتوي صفحة الويب المكتوبة بلغة HTML على مجموعة من الوسوم الاساسية، التي تمثل بنيان هذه الصفحة، وهي:

  1. وسم <HTML>:
  2. وسم <HEAD>:
  1. وسم <BODY>: