‫الوحدة االولى‪ :‬تكوين صفحة الويب‬ ‫الشعبة المهنية‪ :‬المعلوماتية – الرقمنة و االتصاالت‬

‫قواعد تصميم (تكوين) صفحة الويب‬ ‫االختصاص‪ :‬مطور الواب و المحمول‬

‫سا‬ ‫المدة ‪:‬‬ ‫الدرس رقم‪02 :‬‬ ‫المادة‪ :‬واجهات المستخدم الثابتة‬
‫العنوان‪ :‬البرامج التقنية المستخدمة في تصميم (تكوين) صفحة الويب‬

‫مقدمة‪:‬‬ ‫‪.1‬‬

‫‪ .2‬مكونات صفحة الويب‬

‫لغة ‪ HTML‬من أجل تحديد العناصر التي نريد إضافتها في الصفحة‪.‬‬ ‫‪‬‬
‫لغة ‪ CSS‬من أجل تحسين تصميم العناصر الموجودة في الصفحة‪.‬‬ ‫‪‬‬
‫لغة ‪ Javascript‬و نستخدمها إلضافة مؤثرات في صفحات الويب و لمعالجة البيانات التي يتم إدخاله‪22‬ا و‬ ‫‪‬‬
‫عرضها في الصفحات‬

‫مالحضة‪:‬‬
‫يمكنك استخدام هذه اللغات الثالث فقط لبناء مواقع إلكترونية كاملة‪ ,‬تطبيقات للهاتف و تطبيقات للحاسوب و ليس‬
‫فقط لتصميم الصفحات‪.‬‬

‫‪ .3‬إصدارات ‪HTML‬‬
‫من بداية ظهور المتصفحات و لغة ‪ HTML‬يتم تطويرها و إضافة المزيد من الميزات فيها مع كل إصدار جدي‪22‬د و‬
‫الجميل في األمر أنه من يعرف إصدار واحد منها يمكنه بكل سهولة التعامل مع أي إصدار آخر ألن مبادئ اللغة هي‬
‫نفسها‪.‬‬

‫اإلص‪22‬دار ال‪22‬ذي يجب عليكم تعلم‪22‬ه في ال‪22‬وقت الح‪22‬الي ه‪22‬و اإلص‪22‬دار الخ‪22‬امس من اللغ‪22‬ة ال‪22‬ذي يق‪22‬ال ل‪22‬ه ‪.HTML5‬‬
‫هذا اإلصدار أضيف فيه العديد من الميزات المهم‪22‬ة ال‪22‬تي لم يس‪22‬بق إض‪22‬افتها في اإلص‪22‬دارات الس‪22‬ابقة أهمه‪22‬ا إمكاني‪22‬ة‬
‫عرض فيديوهات‪ ,‬أغاني و رسومات في الصفحات بكل س‪22‬هولة و بش‪22‬كل مباش‪22‬ر ب‪22‬دون الحاج‪22‬ة الس‪22‬تخدام إض‪22‬افات‬
‫‪ ( ) Plugins‬خاصة لذلك‪ ,‬لهذا أصبح الجميع يستخدمه بدًال من باقي اإلصدارات‪.‬‬
:HTML ( Hypertext Markup Language ) .

62 ‫ و‬55 ‫الصفحة‬