تشمل هذه المرحلة الخطوات الإجرائية لإعداد المحتوى التدريبي الالكتروني كما يلي:


- تجهيز محتوى الدورات التدريبية: في ضوء تحليل الاحتياجات التدريبية الحقيقية للمتدربين باستخدام الطرق المنهجية وتحليل النظم ، كما يجب مراعاة ارتباط المحتوى بالأهداف التعليمية المراد تحقيقها وان يكون صحيح من الناحية العلمية وقابل للتطبيق وكافيا لإعطاء فكرة واضحة عن المادة

- تحديد محتوى التدريب في صورته النهائية: من خلال تقسيم المحتوى إلى سلسلة من الدروس وفقا للتسلسل المنطقي لأداء المهام، ويجب أن يشتمل كل درس من دروس التدريب على العناصر التالية: رقم الدرس وعنوانه والهدف العام للدرس والأهداف التعليمية له ومحتوى الدرس وأنشطته وملخص له .

-تصميم أنشطة الدورات التدريبية: يتم تصميم أنشطة تدريبية للمحتوى بما يتناسب مع المتطلبات الفنية والمعايير العالمية لتصميم المحتوى الالكتروني وبما يحقق التدريب الذاتي التفاعلي كما يتم في تلك المرحلة تحديد مدة التدريب وأنواع التفاعل ( التفاعل بين المتدرب والمحتوى -التفاعل بين المتدربين -التفاعل بين المدرب والمتدرب - التفاعل بين المتدرب وواجهة التفاعل الرسومية).

- تصميم الموقع وتهيئة بيئة التدريب: يتم تصميم موقع خاص بالتدريب الالكتروني تضمن المحتوى التدريبي التفاعلي على هيئه دروس مدعوماً بالوسائط المتعددة مع مراعاة المعايير التالية: استضافة الموقع لدى خادم Server قوي ، صفحة رئيسية Home Page سهله ومنظمة وقابله للتطوير، تنسيق جيد للمحتوي التدريبي، تضمين الموقع بأساليب التقييم للمتدربين، دعم فني وتربوي ،توافر أساليب التواصل المباشر وغير المباشر مع المتدربين، وجود خريطة تدفق Flow Chart لتوضيح تتابع صفحات الموقع التدريبي وما تتضمنه من ارتباطات (تنوعت صفحات الموقع التدريبي وفقا للهدف منها ) ، وجود نظام لإدارة المحتوى التدريبي LMS وتم إعداده في ضوء ما يلي:التوافق مع المعايير العالمية للتدريب الالكتروني ADL/SCORM1.2 ، IMS Question and Test Interoperability ، تزويد النظام بقاعدة بيانات خاصة بالمتدربين لتمكينهم من الدخول للموقع، شمول النظام لمعظم الوظائف الخاصة بأنظمة إدارة التدريب الالكتروني التفاعلي المتعلقة بإضافة الدورات التدريبية وتحديد طريقة تسجيل المتدربين المستهدفين، دعم اللغة العربية وسهولة الاستخدام وتوفير الدعم الفني، وجود أدوات المحادثةالالكترونيةبينالم درب والمتدربين.

وفى ضوء ما سبق تمر مرحلة تصميم الموقع التدريبي بالخطوات التالية :

- تحديد لغات وبرامج تصميم الموقع : حيث تم استخدام لغة Html لتصميم الموقع من خلال الاستعانة ببرنامج Dream Weaver ، كما استخدم لغة Java Script فى الصفحة الرئيسية وصفحة إدخال اسم المستخدم وكلمة المرور وصفحة التقويم الذاتي وصفحة الحوار المباشر.

- ربط الموقع التدريبي بخدمات شبكة الإنترنت والتي تفعل تعامل المتدربين مع موارد الشبكة المتمثلة في الحوار المباشر والبريد الإلكتروني ومحركات البحث.

- استخدام برنامج Photoshop لإدراج الصور الثابتة والرسوم المتحركة والرسوم التخطيطية بعد معالجة بعضها وقد أخذت بعض الملفات الامتداد JPG والبعض الآخر الامتداد GIF والتي تتميز بصغر حجمها وسهولة تحميلها عبر شبكة الإنترنت.

- إدراج بعض لقطات الفيديو بالموقع لتوضيح بعض مهارات استخدام برنامج العروض التقديمية.