تعلم تصميم المواقع من المبتدئين للإحتراف

تعلم تصميم المواقع - تعليم تصميم المواقع من المبتدئين للإحتراف
9
User Rating: 4.9 (1 votes)

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

معلومات عن البرنامج وكيفية شراء البرنامج من مصر وخارجها

  • هذا البرنامج متاح للتعليم عبر الانترنت فقط بشرائك كارت تعلم اونلاين لتعليم 60 برنامج
  • مدة الشرح : 19:30:46 – عدد الدروس : 325 درس
  • لشراء الكارت: 150 جنيه – المبيعات 01226809015 يصلك لباب بيتك والدفع عند الإستلام
  • محافظات مصر: إرسال تحويل بنكي ليصلك رقم الكارت على بريدك الالكتروني

للشراء من خارج مصر

  • لشراء الكارت: 30 دولار – المبيعات واتس اب 00201226809015
  • يصلك رقم الكارت على بريدك الإلكتروني بعد التحويل مباشرة
  • تحويل بنكي: حوالة لبنك مصر على حساب رقم: 18812000000993 باسم: أحمد محمد علي محمد
  • ويسترن يونيون: لاسم: ahmed mohamed ali mohamed البلد: Egypt
  • باي بال: ادفع بسهولة وأمان بالفيزا كارد عن طريق موقع باي بال للإيمال [email protected]
  • أو من خلال رابط الدفع المباشر لحسابنا في الباي بال www.paypal.me/egylearn/30

تعلم تصميم المواقع – تعليم تصميم المواقع من المبتدئين للإحتراف

تعلم برنامج دريم ويفر من المبتدئين للإحتراف

في هذه المجموعة التعليمية سوف نتعرف سوياً على برنامج Dreamweaver وهو برنامج متخصص لإنشاء وإدارة تطبيقات ومواقع الويب والتعامل معها، وهو مناسب لجميع المستخدمين سواء الذين يفضلون إنشاء الصفحات بكتابة الكود، أو عن طريق استخدام بيئة التصميم المرئية Visual Editing Mode.

تعلم تصميم المواقع – مقدمة عن برنامج دريم ويفر

دريم ويفر – تعليم دريم ويفر – ما هو دريم ويفر

دريم ويفر – تعليم دريم ويفر – واجهة البرنامج

دريم ويفر – تعليم دريم ويفر – إنشاء مستند جديد

  • ما هو Dreamweaver
  • إنشاء مستند جديد
  • واجهة البرنامج
  • اللوحات Panels
  • اللوحة Insert
  • النافذة Document
  • طرق العرض المستخدمة في البرنامج
  • شريط الأدوات Property Inspector

تعلم تصميم المواقع – إنشاء المواقع والمستندات ببرنامج دريم ويفر

  • تعريف الموقع المحلي Local Site
  • اللوحة Files
  • إنشاء وإعداد المستندات
  • إضافة العناصر إلى المستند

تعلم تصميم المواقع – تنسيق الكتابات والقوائم في دريم ويفر

تعليم دريم ويفر – كيفية إدراج صورة في صفحة الموقع

  • إضافة الكتابات
  • إنشاء الفقرات
  • تنسيق الكتابات
  • العناوين Headings
  • الخطوط Fonts
  • محاذاة الكتابات
  • القوائم الرقمية Ordered Lists
  • القوائم النقطية وقوائم التعريف
  • القوائم المتداخلة Nested Lists

تعلم تصميم المواقع – الصور والوسائط المتعددة في برنامج دريم ويفر

  • إدراج الصور
  • تعديل الصور
  • الخواص الإضافية للصور
  • الصور المتغيرة Rollovers
  • إدراج أفلام فلاش
  • خواص أفلام فلاش
  • إدراج ملفات الصوت في المستند
  • إدراج ملفات الفيديو في المستند
  • استخدام اللوحة Assets
  • استخدام العناصر Meta Elements
  • استخدام العنصر Meta لعمل Slide Show

تعلم تصميم المواقع – إنشاء الروابط Hyperlinks في برنامج دريم ويفر

  • الارتباطات الداخلية Internal Hyperlinks
  • روابط القفز Anchors
  • الروابط الخارجية والروابط الخاصة
  • شريط التصفح Navigation Bar
  • الروابط Image Maps
  • تعديل الروابط Image Maps
  • قوائم القفز Jump Menus

تعلم تصميم المواقع – إنشاء الجداول Tables في دريم ويفر

  • إنشاء الجداول Tables
  • خواص الجداول
  • إضافة المكونات إلى الجداول
  • استيراد البيانات إلى الجداول

تعلم تصميم المواقع – إنشاء الإطارات Frames في دريم ويفر

  • إنشاء الإطارات Frames
  • التحكم في خواص الإطارات
  • التحكم في محتويات الإطارات باستخدام الارتباطات
  • أوامر التحكم Behaviors
  • استخدام أوامر التحكم مع الإطارات

تعلم تصميم المواقع – العناصر AP Elements في برنامج دريم ويفر

  • إنشاء العناصر AP Elements
  • خواص العنصر AP
  • التحكم في حالة ظهور العنصر AP
  • إنشاء القوائم باستخدام العناصر AP الجزء
  • إنشاء القوائم باستخدام العناصر AP الجزء
  • تحويل العناصر AP إلى جداول

تعلم تصميم المواقع – أساليب التنسيق CSS في برنامج دريم ويفر

  • أساليب التنسيق Linked Style Sheets
  • أساليب التنسيق Embedded Style Sheets
  • التنسيقات المخصصة Class
  • التحكم في خلفية المستند باستخدام CSS
  • التحكم في الكتابات باستخدام CSS
  • التحكم في العنصر AP باستخدام CSS

تعلم تصميم المواقع – العناصر التفاعلية Spry Widgets في دريم ويفر

  • العناصر التفاعلية Spry Widgets
  • العنصر Accordion Widget
  • تخصيص العنصر Accordion Widget
  • العنصر Menu Bar
  • العنصر Collapsible Panel Widget
  • العنصر Tabbed Panel Widget
  • العنصر Tooltip Widget

تعلم تصميم المواقع – التعامل مع النماذج Templates في دريم ويفر

  • إنشاء النماذج سابقة الإعداد Templates
  • تحديد الأجزاء القابلة للتعديل Editable Regions
  • إنشاء المستندات باستخدام النماذج Templates
  • تعديل النماذج سابقة الإعداد Templates
  • عناصر المكتبة Library
  • تعديل عناصر المكتبة
  • الجمل Server-Side Includes

تعلم تصميم المواقع – إنشاء النماذج Forms في دريم ويفر

  • نماذج البيانات Forms
  • إنشاء نماذج البيانات
  • حقول الكتابات Textboxes
  • خصائص حقول الكتابات Textboxes
  • حقول الكتابات متعددة الأسطر
  • القوائم Lists / Menus
  • خانات الاختيار Radio Buttons
  • خانات الاختيار Checkboxes
  • العناصر Label و Fieldset
  • مفاتيح نماذج البيانات
  • التأكد من صحة بيانات النموذج
  • استخدام العناصر Spry الجزء الأول
  • استخدام العناصر Spry الجزء الثاني

تعلم تصميم المواقع – كيفية إدارة المواقع عن طريق دريم ويفر

تعليم دريم ويفر – نشر ورفع الموقع على شبكة الإنترنت

  • اختبار الموقع في المتصفحات المختلفة
  • اختبار الارتباطات داخل الموقع
  • تعديل الارتباطات
  • اختبار حجم وزمن استقبال الصفحات
  • استخدام ملاحظات التصميم Design Notes
  • استخدام أوامر التحكم لاكتشاف الإضافات Plugins
  • استخدام اللوحة Files لنقل الملفات
  • نشر الموقع على شبكة الإنترنت
  • استخدام التقارير Reports لتحسين سير العمل

تعلم برمجة المواقع من المبتدئين للإحتراف

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

  • القسم الاول : شرح وتعليم لغة HTML
  • القسم الثاني : شرح وتعليم JavaScript
  • القسم الثالث : شرح وتعليم DHTML
  • القسم الرابع : شرح وتعليم دريم ويفر Dreamweaver
  • القسم الخامس : شرح وتعليم اساليب التنسيق في دريم ويفر Dreamweaver & CSS
  • القسم السادس والسابع : شرح كيفية إدارة موقع انترنت بكفاءة

تعلم تصميم المواقع – مقدمة عامة

HTML تعلم برمجة المواقع – مقدمة للغة

  • مقدمة عامة
  • ما هي اللغة HTML
  • العناصر Tags وخواصها
  • المكونات الأساسية للمستند HTML
  • الجزء Head

تعلم برمجة المواقع – الكتابات والارتباطات

  • إضافة الكتابات وإنشاء الفقرات
  • تنسيق الكتابات
  • عناوين ومحاذاة الكتابات
  • تنسيق الخط
  • عناصر الارتباطات
  • الارتباطات الداخلية والخارجية

تعلم برمجة المواقع – الصور والجداول

  • إضافة الصور إلى المستند
  • الخواص المتعلقة بالصور
  • عناصر الجداول
  • إنشاء الجداول

تعلم برمجة المواقع – الإطارات والنماذج

  • إنشاء الإطارات Frames
  • الإطارات المتداخلة
  • التحكم في محتويات الإطارات
  • ما هي النماذج
  • إنشاء النماذج
  • الحقول النصية Text Fields
  • خانات الاختيار Checkboxes
  • مفاتيح النماذج Forms Buttons

تعلم برمجة المواقع – مبادئ JavaScript

  • ما هي اللغة JavaScript
  • أنواع الكود JavaScript
  • خصائص اللغة JavaScript
  • استخدامات اللغة JavaScript
  • نموذج العنصر Object Model
  • كيفية التعامل مع العناصر داخل الكود

تعلم برمجة المواقع – مفاهيم JavaScript

  • الوظائف Functions
  • الأحداث Events
  • الأساليب Methods
  • التعبيرات Expressions

تعلم برمجة المواقع – أكواد JavaScript

  • إضافة الكود JavaScript إلى المستند
  • استخدام عناصر التعليق Comments
  • دمج الكود HTML مع الكود JavaScript
  • استخدام وظائف الكود JavaScript
  • الوظائف سابقة الإعداد
  • الكود Event Handler

تعلم برمجة المواقع – النوافذ والإطارات

  • عنصر النافذة Window
  • أساليب هامة
  • إنشاء الإطارات
  • التحكم في محتوى الإطارات
  • العلاقة بين الإطارات والنوافذ
  • الأساليب setTimeout و setInterval
  • التنقل بين النوافذ
  • تقديم المساعدة Help

تعلم برمجة المواقع – التعامل مع النماذج

  • استخدام اللغة JavaScript مع النماذج
  • تحسين التفاعل مع المستخدم
  • التأكد من صحة البيانات أثناء إدخالها
  • التأكد من صحة البيانات بعد إدخالها

تعلم برمجة المواقع – مقدمة DHTML

  • ما هي DHTML
  • النموذج Document Object Model
  • الأحداث Events
  • نماذج التنسيق Style Sheets
  • إنشاء Style Sheet
  • تطبيق Style Sheet

تعلم برمجة المواقع – تطبيقات متقدمة

  • التطبيق الأول
  • التطبيق الثاني
  • التطبيق الثالث
  • التطبيق الرابع
  • التطبيق الخامس

تعلم برمجة المواقع – برنامج دريم ويفر

  • ما هوبرنامج دريم ويفر Dreamweaver CS4
  • واجهة البرنامج
  • النافذة Document
  • تعريف الموقع المحلى
  • إنشاء وإعداد المستندات
  • إضافة العناصر إلى المستند
  • إضافة الكتابات
  • تنسيق الكتابات
  • الخطوط Fonts

تعلم برمجة المواقع – الصور والارتباطات

تعليم دريم ويفر – كيفية إدراج صورة في صفحة الموقع

  • إدراج الصور
  • الصور المتغيرة Rollovers
  • إدراج أفلام فلاش
  • الارتباطات الداخلية Internal Hyperlinks
  • الروابط الخارجية والروابط الخاصة
  • شريط التصفح Navigation bar

تعلم برمجة المواقع – الجداول ونماذج البيانات

  • إنشاء الجداول Tables
  • إضافة المكونات للجداول
  • إنشاء نماذج البيانات
  • إنشاء حقول الكتابات
  • إنشاء مفاتيح نماذج البيانات
  • التأكد من صحة بيانات النموذج

تعلم برمجة المواقع – AP Elements

  • إنشاء الإطارات Frames
  • التحكم في محتويات الإطارات باستخدام الارتباطات
  • استخدام أوامر التحكم مع الإطارات
  • إنشاء العناصر AP Elements
  • التحكم في حالة ظهور العنصر AP

تعلم برمجة المواقع – أساليب التنسيق CSS

  • التحكم في الكتابات باستخدام CSS
  • التحكم في خلفية المستند باستخدام CSS
  • استخدام العناصر Meta Elements
  • استخدام العنصر Meta لعمل Slide Show

تعلم برمجة المواقع – العناصر Spry Widgets

  • ما هي العناصر التفاعلية Spry Widgets
  • العنصر Accordion Widget
  • تخصيص العنصر Accordion Widget
  • العنصر Menu Bar
  • العنصر Collapsible Panel Widget

تعلم برمجة المواقع – كيفية ادارة المواقع

  • اختبار الموقع في المتصفحات المختلفة
  • اختبار الارتباطات داخل الموقع
  • تعديل الارتباطات
  • اختبار حجم وزمن استقبال الصفحات
  • نشر الموقع على شبكة الإنترنت

تعلم تصميم المواقع من المبتدئين للإحتراف

في هذه المجموعة التعليمية سوف نتعرف سوياً على كيفية عمل موقع ويب متكامل باستخدام مجموعة متخصصة من البرامج وهي برنامج فوتوشوب Photoshop وبرنامج فلاش Flash وبرنامج فايرووركس وبرنامج دريم ويفر Dreamweaver بالإضافة إلى بعض الأكواد مثل ASP و JavaScript و SQL .

تعلم تصميم المواقع – تصميم شعار بالفوتوشوب

  • مقدمة لتصميم شعار
  • تصميم شعار لموقع انترنت 1
  • تصميم الشعار لموقع انترنت 2

تعلم تصميم المواقع – كيفية عمل بانر

  • تصميم Banner لموقع انترنت 1
  • تصميم Banner لموقع انترنت 2
  • تصميم Banner لموقع انترنت 3
  • تصميم Banner لموقع انترنت 4
  • تصميم Banner لموقع انترنت 5
  • تصميم القائمة الرئيسية لموقع انترنت

تعلم تصميم المواقع – الجزء الأيمن

  • تصميم الجزء الأيمن لموقع انترنت 1
  • تصميم الجزء الأيمن لموقع انترنت 2

تعلم تصميم المواقع – الجزء الأيسر

  • تصميم الجزء الأيسر لموقع انترنت 1
  • تصميم الجزء الأيسر لموقع انترنت 2
  • تصميم الجزء الأيسر لموقع انترنت 3
  • تصميم الشريط السفلي لموقع انترنت

تعلم تصميم المواقع – عمل المقدمة

  • تحريك الاسطوانات
  • إظهار الكتابات
  • الفصل بين الكتابات والشعار
  • تحريك الشعار 1
  • تحريك الشعار 2
  • تحريك الشعار 3
  • مفتاح الدخول للموقع
  • تحريك انتظار التحميل

تعلم تصميم المواقع – القائمة الجانبية

  • تحريك السهم الجانبي
  • إضافة الكود للمفاتيح
  • تغيير اللون وإضافة الكتابات

تعلم تصميم المواقع – الإعداد للموقع

تعليم دريم ويفر – تنسيق العناصر سي اس اس

  • تجزئة التصميم 1
  • تجزئة التصميم 2
  • إنشاء شريط التصفح
  • إنشاء القوائم Menus
  • إعداد خادم الويب
  • إنشاء DNS
  • تعريف الموقع

تعلم تصميم المواقع – تصميم الصفحة الرئيسية

  • تخطيط الصفحة الرئيسية للموقع
  • إضافة شريط التصفح
  • تصميم الجزء Search
  • تصميم الجزء Link
  • تصميم الجزء الأيسر للصفحة
  • إضافة محتويات الصفحة
  • تصميم صفحة المقدمة للموقع

تعلم تصميم المواقع – إضافة البيانات الديناميكية

  • التعرف على قاعدة البيانات
  • الاتصال بقاعدة البيانات
  • عرض بيانات المنتجات
  • الصور الديناميكية
  • المناطق المتكررة
  • أدوات التصفح
  • تصفية البيانات
  • عرض بيانات أكثر من جدول
  • الارتباطات الديناميكية

تعلم تصميم المواقع – المنتجات ودفتر الزوار

  • عرض تفاصيل المنتج
  • عرض محتوى المنتج
  • النماذج سابقة الإعداد
  • إنشاء المستندات بالنماذج
  • عرض بيانات دفتر الزوار
  • إضافة الرسائل لدفتر الزوار

تعلم تصميم المواقع – إضافة وتعديل السجلات

  • تصميم صفحة إدارة المنتجات
  • إضافة السجلات
  • تعديل السجلات
  • حذف السجلات

تعلم تصميم المواقع – البحث ودخول الموقع

مشروع تصميم موقع – كيفية عمل كتالوج للصور

  • إجراء عملية البحث
  • عرض نتائج عملية البحث
  • ربط نماذج البحث
  • التأكد من هوية المستخدمين
  • صلاحيات المستخدمين 1
  • صلاحيات المستخدمين 2

تعلم لغة هتمل HTML من المبتدئين للإحتراف

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

مقدمة للغة HTML

  • مقدمة
  • نبذه تاريخية عن شبكة الانترنت
  • الفرق بين الانترنت والانترانت
  • الشبكة العنكبوتية World Wide Web
  • العنونة على شبكة الانترنت URLs
  • ما هي اللغة HTML
  • العناصر Tags وخواصها
  • المكونات الأساسية للمستند HTML
  • الجزء Head

تنسيق الكتابات

  • مقدمة
  • إضافة الكتابات وإنشاء الفقرات
  • المسطرة الأفقية Horizontal Rule
  • تنسيق الكتابات
  • عناوين ومحاذاة الكتابات
  • تنسيق الخط
  • إضافة بعض التأثيرات الخاصة
  • التعامل مع الرموز الخاصة
  • عرض الكتابات باللغة العربية

القوائم Lists

  • مقدمة
  • القوائم الغير المرتبة Unordered Lists
  • القوائم المرتبة Ordered List
  • قوائم التعريف Definition Lists
  • قوائم متنوعة
  • القوائم المتدخلة Nested Lists
  • التصميم اليدوي للقوائم

الارتباطات التشعبية

  • مقدمة
  • عناصر الارتباطات
  • الارتباطات الداخلية والخارجية
  • خواص الارتباطات
  • ارتباطات البريد الالكتروني EMail Links
  • ارتباطات القفز
  • التحكم في ألوان الارتباط التشعبي Hyperlink

التعامل مع الصور

  • مقدمة
  • إضافة الصور إلى المستند
  • الخواص المتعلقة بالصور
  • استخدام الصور كارتباط تشعبي وخلفية للمستند
  • مقدمة لارتباطات الصور Image Maps
  • ارتباطات الصور Server Side Image Map
  • ارتباطات الصور Client Side Image Map

التعامل مع الجداول

  • مقدمة
  • عناصر الجداول
  • إنشاء الجداول
  • تنسيق خلايا الجداول
  • تنسيق الجداول

التعامل مع الإطارات

  • مقدمة
  • إنشاء الإطارات Frames
  • خواص الإطارات
  • الإطارات المتداخلة
  • التحكم في محتويات الإطارات

التعامل مع النماذج

  • ما هي النماذج
  • إنشاء النماذج
  • الحقول النصية Text Field
  • الحقول النصية Text Area
  • القوائم Selection Menus
  • خانات الاختيار Checkboxes
  • خانات الاختيار Radio Buttons
  • مفاتيح النماذج Forms Buttons

التعامل مع الملتيميديا

  • مقدمة
  • إضافة ملفات الصوت لصفحات الويب
  • إضافة ملفات الفيديو لصفحات الويب
  • استخدام العنصر Object
  • إضافة ملفات Flash لصفحات الويب
تعلم تصميم المواقع تعليم تصميم المواقع من المبتدئين للإحتراف تعلم كيفية تطوير و برمجة مواقع الانترنت سوف نتعرف سوياً على منظومة متكاملة من الأدوات المستخدمة في برمجة المواقع وسوف نتناول في هذه المنظومة اللغة هتمل والتي تعتبر البناء الأساسي في برمجة وتصميم المواقع ولمزيد من التحكم في تنسيق العناصر سوف نقوم بشرح اللغة جافا سكريبت لتحسين التفاعل مع المستخدمين من خلال صفحات الويب و كيفية إنشاء صفحات الويب الديناميكية باستخدام ديناميك هتمل، كما سنتعرف أيضاً على كيفية إنشاء أساليب التنسيق، وسوف نتعرف ...
9 Total Score
برنامج تعليمي ممتاز

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

User Rating: 4.9 (1 votes)

المصرية للبرمجيات التعليمية إنتاج وتسويق أفضل البرامج التعليمية في جميع المجالات منها برامج تعليم اللغات وبرامج تعليم الاطفال وبرامج تعليم تصميم المواقع وتعليم الجرافيكس والبرامج التعليمية الهندسية وتعليم البرمجة وتعليم ميكروسوفت اوفيس وبرامج دكتور ابراهيم الفقي وبرامج تفسير القرآن الكريم للشيخ الشعراوي
No Comments

    Leave a reply