طرق تصميم صفحات الانترنت:
- لغات الحاسوب، مثل: PHP، HTML.
- برمجيات: DREAMWAVER، Google Web Design.
تعريفها ومزاياها
لغة HTML: هي احدى لغات الحاسوب المتخصصة بانشاء صفحات الويب، وتسمى لغة توصيف النص التشعبي.
النص التشعبي: النص الذي يظهر في صفحة الويب، وعن طريقه يمكن التنقل بين صفحات الويب على شبكة الانترنت ( ارتباطات بين صفحات الويب)؛ ويظهر النص غالبا بلون ازرق تحته خط، وعند تمرير المؤشر عليه يتغير شكله الى شكل يد .
مزايا لغة HTML:
- سهولة التعلم والاستخدام.
- تدعم اللغة العربية عن طريق تصميم المواقع العربية.
- تستطيع جميع المتصفحات (Firefox، Google Chrome، Edge،......) عرض الصفحة المصممة بلغة HTML.
- تُحرر باي محرر نصوص ( مثل: Notepad الذي يكون مرفقا مجانا مع نظام التشغيل).
طريقة اظهار صفحة HTML الخاصة بأي صفحة انترنت:
- افتح صفحة الانترنت المراد اظهار صفحة HTML لها.
- من لائحة View نختار Source
- تظهر صفحة HTML الخاصة بصفحة الانترنت المعروضة
او الضغط على Ctrl + U.
مكونات لغة HTML:
- الوسوم: حيث تتكون HTML من مجموعة من الوسوم.
- العناصر: مجموعة الوسوم التي يعتمد عليها في اظهار محتويات صفحة الويب على شاشة المتصفح.
- خصائص الوسوم: لبعض الوسوم خصائص اضافية لتحسين مظهر الصفحة.
الوسوم: هي مجموعة من الرموز تتيح عرض النصوص والصور والجداول وغيرها باستخدام متصفح الانترنت، يكتب الوسم بين اشارتي اصغر من < واكبر من >
العناصر:هي الجمل المكونة من وسم بداية ووسم نهاية والمحتوى بينهما، وتتكون من وسم بداية ومحتوى ثم وسم نهاية له نفس اسم وسم البداية.
الخصائص:اعدادات اضافية تساعد على تحسين وظائف الوسوم، مثل: لون الخط وحجمه، وقد تحتوي بعض الوسوم على خاصية وحدة او اكثر،وقد تتكرر الخاصية مع اكثر من وسم، مثل: خاصية اتجاه النص "dir"، حيث تكتب في وسم <body> ووسم <p>.
الوسوم الاساسية لصفحة الويب:
تحتوي صفحة الويب المكتوبة بلغة HTML على مجموعة من الوسوم الاساسية، التي تمثل بنيان هذه الصفحة، وهي:
- وسم <HTML>:
- وسم <HEAD>:
- وسم <BODY>: