صمم موقعك علي الإنترنت

في هذه المجموعة التعليمية سوف نتعرف سوياً على منظومة متكاملة من الأدوات المستخدمة لإنشاء مواقع الويب وسوف نتناول في هذه المنظومة اللغة HTML والتي تعتبر البناء الأساسي لصفحات الإنترنت، ولمزيد من التحكم في تنسيق العناصر سوف نقوم بشرح اللغة JavaScript لتحسين التفاعل مع المستخدمين من خلال صفحات الويب، كما سنتعرف على كيفية إنشاء صفحات الويب الديناميكية باستخدام Dynamic HTML ، كما سنتعرف أيضاً على كيفية إنشاء أساليب التنسيق Cascading Style Sheets ، وسوف نتعرف أيضاً على كيفية استخدام برنامج Dreamweaver MX 2004 لإنشاء مواقع الويب.
عدد الدروس: 102 درس
مدة الشرح: 05:53:00

يتناول هذا البرنامج التعليمي البرامج الاتية

  1 - مقدمة للغة HTML   مدة العرض تم
مقدمة عامة 02:12  
ما هي اللغة HTML 02:32  
العناصر Tags وخواصها 03:00  
المكونات الأساسية للمستند HTML 01:52  
الجزء Head 03:32  
  2 - الكتابات والارتباطات التشعبية   مدة العرض تم
إضافة الكتابات وإنشاء الفقرات 03:25  
تنسيق الكتابات 04:07  
عناوين ومحاذاة الكتابات 02:28  
تنسيق الخط 03:37  
عناصر الارتباطات 02:37  
الارتباطات الداخلية والخارجية 05:20  
  3 - الصور والجداول   مدة العرض تم
إضافة الصور إلى المستند 02:59  
الخواص المتعلقة بالصور 03:23  
عناصر الجداول 01:40  
إنشاء الجداول 03:36  
  4 - الإطارات والنماذج   مدة العرض تم
إنشاء الإطارات Frames 04:27  
الإطارات المتداخلة 02:08  
التحكم في محتويات الإطارات 02:23  
ما هي النماذج 01:13  
إنشاء النماذج 04:30  
الحقول النصية Text Fields 03:16  
خانات الاختيار Checkboxes 03:42  
مفاتيح النماذج Forms Buttons 02:26  
  5 - مبادئ اللغة JavaScript   مدة العرض تم
ما هي اللغة JavaScript 02:47  
أنواع الكود JavaScript 02:21  
خصائص اللغة JavaScript 02:21  
استخدامات اللغة JavaScript 03:00  
نموذج العنصر Object Model 03:45  
كيفية التعامل مع العناصر داخل الكود 02:15  
  6 - مفاهيم اللغة JavaScript   مدة العرض تم
الوظائف Functions 02:42  
الأحداث Events 03:39  
الأساليب Methods 03:23  
التعبيرات Expressions 04:46  
  7 - إضافة الكود JavaScript   مدة العرض تم
إضافة الكود JavaScript إلى المستند 02:21  
استخدام عناصر التعليق Comments 02:06  
دمج الكود HTML مع الكود JavaScript 01:57  
استخدام وظائف الكود JavaScript 02:02  
الوظائف سابقة الإعداد 01:11  
الكود Event Handler 02:09  
  8 - النوافذ والإطارات   مدة العرض تم
عنصر النافذة Window 01:31  
أساليب هامة 04:04  
إنشاء الإطارات 02:36  
التحكم في محتوى الإطارات 01:40  
العلاقة بين الإطارات والنوافذ 01:37  
الأساليب setTimeout و setInterval 01:22  
التنقل بين النوافذ 02:35  
تقديم المساعدة Help 02:22  
  9 - التعامل مع النماذج   مدة العرض تم
استخدام اللغة JavaScript مع النماذج 05:17  
تحسين التفاعل مع المستخدم 01:43  
التأكد من صحة البيانات أثناء إدخالها 04:20  
التأكد من صحة البيانات بعد إدخالها 02:14  
  10 - مقدمة للـ DHTML   مدة العرض تم
ما هي DHTML 05:05  
النموذج Document Object Model 02:10  
الأحداث Events 01:32  
نماذج التنسيق Style Sheets 01:35  
إنشاء Style Sheet 03:53  
تطبيق Style Sheet 03:56  
  11 - تطبيقات   مدة العرض تم
التطبيق الأول 04:10  
التطبيق الثاني 02:54  
التطبيق الثالث 02:07  
التطبيق الرابع 03:08  
التطبيق الخامس 05:17  
  12 - التعرف على البرنامج   مدة العرض تم
ما هو Dreamweaver CS4 01:48  
واجهة البرنامج 06:30  
النافذة Document 04:52  
تعريف الموقع المحلى 05:58  
إنشاء وإعداد المستندات 04:27  
إضافة العناصر إلى المستند 03:55  
إضافة الكتابات 04:30  
تنسيق الكتابات 04:15  
الخطوط Fonts 03:51  
  13 - الصور والارتباطات   مدة العرض تم
إدراج الصور 02:43  
الصور المتغيرة Rollovers 03:28  
إدراج أفلام فلاش 02:38  
الارتباطات الداخلية Internal Hyperlinks 03:30  
الروابط الخارجية والروابط الخاصة 03:56  
شريط التصفح Navigation bar 05:04  
  14 - الجداول ونماذج البيانات   مدة العرض تم
إنشاء الجداول Tables 05:15  
إضافة المكونات للجداول 06:33  
إنشاء نماذج البيانات 04:43  
إنشاء حقول الكتابات 04:40  
إنشاء مفاتيح نماذج البيانات 03:49  
التأكد من صحة بيانات النموذج 05:37  
  15 - الإطارات والعناصر AP Elements   مدة العرض تم
إنشاء الإطارات Frames 06:25  
التحكم في محتويات الإطارات باستخدام الارتباطات 04:09  
استخدام أوامر التحكم مع الإطارات 05:17  
إنشاء العناصر AP Elements 05:44  
التحكم في حالة ظهور العنصر AP 02:34  
  16 - أساليب التنسيق CSS والعنصر Meta   مدة العرض تم
التحكم في الكتابات باستخدام CSS 02:34  
التحكم في خلفية المستند باستخدام CSS 03:46  
استخدام العناصر Meta Elements 05:10  
استخدام العنصر Meta لعمل Slide Show 02:55  
  17 - العناصر التفاعلية Spry Widgets   مدة العرض تم
ما هي العناصر التفاعلية Spry Widgets 03:04  
العنصر Accordion Widget 05:13  
تخصيص العنصر Accordion Widget 04:52  
العنصر Menu Bar 05:59  
العنصر Collapsible Panel Widget 03:23  
  18 - إدارة الموقع   مدة العرض تم
اختبار الموقع في المتصفحات المختلفة 04:20  
اختبار الارتباطات داخل الموقع 04:07  
تعديل الارتباطات 02:53  
اختبار حجم وزمن استقبال الصفحات 03:08  
نشر الموقع على شبكة الإنترنت 05:07