إنشاء مواقع ويب ثابتة بواسطة HTML

مقدمة
أهلاً بك في HTML و  JavaScriptللتعلّم البصري. ستكتشف أن هذا الكتيب يحوي مئات الصور والقليل من النصوص. ويوفر أعمالاً أساسية، يجزّئها إلى خطوات ويساعدك في إتمامها بواسطة الصور.

ماذا ستتعلم؟
ستتعلم كيفية استعمال HTML لتنشئ موقع ويب متكاملاً وجذاباً يسهل تصفّحه. ستتعلم أيضاً كيف تقوم بالتحميل الفوقي إلى مزوّد ويب.
لن تصبح خبيراً بمعالجة صفحات ويب، إذ يتطلب ذلك تمريناً وخبرة عمليّة. لكنك ستتعلم قواعد بناء موقع، وتكتسب تقنيات أساسية يمكنك استكمالها بمهارات متخصصة.
في Frame ذاته، ستجد في صفحات هذا الكتاب الأخيرة، مصادرإضافية لاكتساب تقنيات HTML وJavaScript على مستوى عالٍ من التخصص.


كيف ستتوصل إلى ذلك؟

يحوي الكتاب خمسة أقسام هي:
أساسيات HTML، تخطيط الصفحات والتصفّح، التفاعليّة، تخطيط متقدم للصفحات وتقنيات عملية لبرنامج JavaScript.


تجد عند نهاية كلّ خطوة تمارين تطبيقية. لا تقلق إن لم تتمكن من الانتهاء من قراءة الكتاب كاملاً في خلال يوم أو اثنين. بل خذ وقتك وحاول أن تطبّق التمارين، يمكنك التأكد من صحّتها من خلال أمثلة على صفحات الويب.


قبل أن  تبدأ

قبل أن تبدأ، من المهم أن تكون متمكناً من Windows، فمعرفة عمليّة لـ Windows تسهّل عليك تعلّم استخدام HTML وJavaScript. لذا يجب أن تكون ملمّاً بـ :


  • كيفية عمل مجلّدات التخزين المرجعية
  • كيفية استخدام المستعرض explorer Windows
  • معرفة أساسية في استخدام برنامج Word


 

تأكد من معرفة القيام بالمهمات الآتية:


  • إنشاء مجلّد على مشغّل الأقراص الصلب
  • إنشاء مجلّد داخل مجلّد آخر
  • نسخ مقطعٍ من مستند ووضعه في مستند آخر


 

إذا واجهت صعوبة في أثناء قيامك بهذه المهام، عليك أن تخصّص بضع ساعات لتتعلم أساسيات Windows. أطلب من صديق لك أو زميل متمكّنٍ من استخدام الكمبيوتر، مساعدتك في تعلّم استخدام explorer Windows، وإنشاء المجلّدات والتعرف إلى امتدادات الملفّات.

عليك أن تتمرّن على استخدام وظائف " قطع"، "نسخ" و"لصق" في برنامج Word عادي. وحين تتمكّن من القيام بها تصبح جاهزاً لتتعلّم HTML وJavaScript.

 

أساسيّات HTML

في هذا القسم ستتعلّم كيفية:


  • إنشاء صفحة رئيسة
  • تهيئة نصّ
  • إنشاء وصلات إلى صفحات جديدة
  • إنشاء بريد إلكتروني ووصلات خارجية
  • إدخال الرسوم الغرافيكية
  • إنشاء نظام تصفّح
  • تغيير ألوان الصفحات والوصلات


 

ستنشئ موقعاً على هذا النحو:

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

إنشاء صفحة رئيسة

لكي تنشئ صفحة رئيسة إتبع الخطوات الآتية:


معاينة الصفحة في المستعرض


تمرين: إنشاء صفحة رئيسة


  1. ما هو file name الصحيح للصفحة الرئيسة؟
  2. لمَ تحتاج الصفحات الرئيسة إلى file name خاص؟
  3. لمَ تحتاج الصفحات الرئيسة والصفحات كلّها إلى عناوين دقيقة؟
  4. ما الفارق بين عنوان الصفحة و file name؟


تهيئة النصوص والصفحات
تغيير البنط



  هنا1