مقدمة لا بد منها
تخبر مواقع الويب من أهم الأشياء في حياتنا اليومية لما تقدمه لنا من ملومات و تواصل إجتماعي
و دروس و مواق ع تسوق وخيرها الكثير و الكثير , و لكن من منا أهتم للاولئك الذين تعبوا من أجل
الكتاب سوف تنط متصميم المواقع بإستخدام لغة البرمجة السهلة 11111 لك يتصنع مواقع وتتحكم
ما هي لغة البرمجة ,117111 ؟
م المتصفح بترجعتها وتعمل على جميع المتصفحات و كل أنظمة التشغيل و
* أحيانا عن المتصفحت الأخرى و تتكون من 7885
بدا ب حلستا>
يتكون نص هذه اللغة كما قلنا من رموز و؛ هذه اللغة مثل <10:(1>
ثم (العناصر) وهي عبارة بيانات تضف إلى الرموز و تخصيصه مثل ..
‏العناصر الفرعية لها ويجب أن تنتهي ب / مثل
جسو.16ع00ع.ببصم ها / /نيتادا-1 1176 2 >جوجل <ج/ >
هذا النص السابق عبارة عن أمر (وصلة تشعيبة ) تنقلك إلى موقع محرك بحث جوجل .
لتحديد لون خلفية الصفحة 760 (أحمر)
ما هي الضوابط عند القيام بكتابة هذه اللغة ؟
ضوابط سهلة جداً مثل :
. تبداً الرموز و القيم ب < > و تنتهي ب </> .

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

سوف تصمم هنا موقع ويب بسي للغاية في الصفحة النالبة
<1116]> وان الصفعة ها<اع[11ا>
< 1 1 توق الصفحة ى لصوص وصور و وضلات وجوال ويرها< 111
لل القرص اححي (©).
ان مرك أقاص 010-80
عت القرص لعي (9ل
فت القرص تمي (6)
69 مرك الأقراص تمشغوط
ثم يظهر لنا كصفحة ويب 508

التعامل مع خصائص الصفحة <ر 0 10>
ويعتبر هذا الخصر أقوى رموز هذه اللغة فهو يتحكم فيها تماماً من نصوص و وصلات وغيرها .
؟؟بعض عناصر <00> ؟؟
العنصر
بدو
لون النصوص العادية
لون الأرتباط
أو رموز مثل 999999
ام لاد
احفات
0 رصاح
م20 رقصاة

تنسيق النصوص و المحاذاة
النتصوص تكاد تكون أهم شئ داخل الصفحة و من أجل سهولة التصفح و القراءة لابد من تنسيقها و
توضع هذه العناصر قبل و تغلق بعد النص المراد تنسيقه و فيما يلي أهم العناصر المختصة بتنسيق
النصوص و محاذاتها .
العنصر وظيقته
أصغرها حجما .,
<1اع1ه> | محاذاة النص تجاه اليمين
<<©0(1©©> | محاذاة النص تجاه الوسط
<0م1> | محاذاة النص تجاه اليسار
‎٠‏ يمكنك وضع أكثر من عنصر للص مثل
‏اوجرب
‏ء ولكن لا بد من الترتيب الصحيح للعناصر
‏<+» | نضع بدل + حجم الخط حيث 1 أكبر حجم و 6
‏إفاصل كما و أنك ضغط على إينتر ولا يحتاج
‏مثل عليه
‏عاص | ><ن | ><ما/ ><ا/ ><1 دا />ىاه 0 ط<1 ‎٠١‏ >< >< م ><ن >< ع1 60 >

إضافة التعداد النقطى و الرقمى
و تستخدم هذه الأخيرة ثي ترتيب العناصر داخل النصوص و إختصارها و هي كما يلي :
لتعداد النقطي<[ن:> .1
لتعداد الرقمي<01> .2
الإضافة البنود لتعداد و ليس له رمز إغلاق <نا> .3
مثال :
أكتب هذه الجمل
لسع
اتمعميت يى”* قن
فيجب أن يظهر كالتالي 0

الخطوط
و تعتبر الخطوط مهمة للإضافة الرونق الجمالي إلى الصفحة و التحكم فيها يكون بنوع الخط أو حجمه
عةاكحيت 1 هو الأصغر , 6 هو الأكبر مثل
نوع الخط
مثل 188008 و عبرها و رمزه هو 1808 مثل
+6010 مثال
وجرب

الصور
وهو أمر مفيد جداً في حالة أنك رغبت في شرح نقطة ما داخل موقعك و رمزه <+56 10>
موجودة داخل نفس المجلد الذي يوجد به الموقع , ولا يوجد رمز إغلاق لهذا الرمز .
عتاصر الرمز ع1
و تضاف بعد ذكر موقع الصورة مثل
بوحدة البكسل
ا« و يمكن إضافة جميع هذه العناصر مع
و إختر صورة من جهازك وبدل ع تزكرو إلى ‎١‏

الإرتباطات التشعبية (الو: صلات
و هي أهم شئ داخل الإنترنت ففكرة الإنترنت تقوم عليها
حيث 856816 هي الكلمة المراد النقر عليها و تستطيع تنسيقها بنفسك _أنظر ص9
التنقل بين صفح
و ضع بدل الووادل.ع1 تزتالج: فحة الف جودة في نفس المجلد .... لنقل أن لدينا
صفحتان هما 1 و2 ونريدبوصلة (, بي)(ينقلنا من الصفحة 1 إلى الصفحة 2 سوف نصمم
هذه الصفحتان في المجلد
<و/ > الصفحة 2< "يستط. 11161:”2 8>
<و/ > الصفحة 2< ”.2 ”:11161 >