تصميم وانشاء ونشر موقع الكتروني .
عزيزي الطالب / عزيزتي الطالبة
.يرجي بعد الانتهاء من هذا الجزء من المحتوي أن تكون قادراً علي أن :-
.
تُعـرف المواقع الالكترونية.
تذكر خطوات انشاء المواقع الالكترونية على شبكة الانترنت.
تذكر خطوات نشر المواقع الالكترونية على شبكة الانترنت.
تُعـرف برنامج .Dream Weaver
تذكر مميزات برنامج .Dream Weaver
تشغل برنامج .Dream Weaver
تجعل Dream Weaver يدعم اللغة العربية.
تنشئ موقع محلى Local Site داخل برنامج دريم ويفر .Dream Weaver
تنشئ الصفحة الرئيسة Home Page داخل الموقع.
تضبط خصائص النص في صفحة الويب.
- تدرج نص داخل صفحة الويب.
- تغير لون النص في صفحة الويب.
- تغير حجم النص في صفحة الويب.
- تغير شكل النص (نوع الخط) في صفحة الويب.
- تعمل محاذاة النص في صفحة الويب.
- تدرج نص فلاش إلى صفحة الويب.
تضبط خصائص الصورة image في صفحة الويب.
- تدرج صورة image داخل صفحة الويب.
- تعمل محاذاة الصورة .Image Alignment
- تغير أبعاد الصورة داخل صفحة الويب.
- تدرج صورة متغيرة .Navigation
تضبط خصائص الجدول داخل صفحة الويب.
- تنشئ جدول داخل صفحة الويب.
- تضيف صفوف وأعمدة جديدة.
- تحذف صفوف وأعمدة.
تدرج الصوت إلى صفحة الويب.
تضبط خصائص الفيديو داخل صفحة الويب.
- تدرج مقاطع فيديو داخل صفحة الويب.
- تدرج فلاش متحرك.
تنشئ زر داخل صفحة الويب ( زر في شكل فلاش ).
تدرج الارتباطات التشعبية إلي صفحة الويب.
- تضيف صفحة جديدة بالموقع.
- تدرج رابط Link بين الصفحات.
- تدرج روابط خارجية External Link.
- تدرج رابط بريد الكتروني E-mail Links.
تنشر صفحات الموقع علي الانترنت.
- تسجل داخل الموقع المستضيف.
- ترفع ملفات الموقع إلي الموقع المستضيف.
.
عزيزي الطالب / عزيزتي الطالبة
هذا الفيديو يتناول واجهة استخدام برنامج Dream Weaver.
يمكنك مشاهدته من خلال الضغط علي زر Play.
.
تكنولوجيا التعليم الإلكتروني 
أعزائي طلبة تكنولوجيا التعليم الرجاء الألتزام بالمواعيد المحددة للتدوين وارسال التعليقات في مواضيع التعلم المحددة حتي يمكن الاستفادة بأقصي قدر ممكن من المدونة
تعـرف المواقع الالكترونية.
بأنها ” مواقع تحتوى على معلومات متشعبة مرتبطة بمعلومات في مواقع أخرى بحيث تتصل بعضها باستخدام روابط نصية فائقة التداخل Hyper Text Link “.
خطوات انشاء المواقع الالكترونية على شبكة الانترنت.
يمكن إجمال خطوات إنشاء المواقع الالكترونية في الخطوات التالية:
1- تحديد المعلومات التي يتضمنها الموقع من حيث: الهدف الرئيسي، الأهداف المباشرة وغير المباشرة والخدمات المساعدة، تنظيم وعرض محتوى الموقع وإمكانية تحديثه.
2- اختيار أسلوب بناء الموقع ويتوقف على طبيعة المعلومات المراد نشرها والهدف منها.
3- تحديد صفحات وعناصر موضوع الموقع من الصفحة الافتتاحية أو الرئيسية، عدد صفحات الموقع، عناصر ومكونات الموقع من الوسائط المختلفة، ويدخل ضمنها الوسائط القابلة للتحميل على الجهاز Download من البرامج، الملفات، المؤثرات الصوتية، الفيديو. الخ، ونماذج استيفاء بيانات الزوار Forms، والألوان المستخدمة بالموقع وتجانسها، بالإضافة لأدوات الإبحار والبحث داخل الموقع Searching Tools.
خطوات نشر المواقع الالكترونية على شبكة الانترنت.
يمكن إجمال خطوات نشر المواقع الالكترونية في الخطوات التالية:
1- البحث عن مزود خدمات الإنترنت ISP: وذلك من خلال مؤسسات ضخمة لها فروع في جميع أنحاء العالم، أو من خلال وحدات صغيرة تقدم الخدمة لمناطق جغرافية محدودة.
2- تحديد وسيلة الاتصال بالإنترنت إذا كانت من خلال خط التليفون Dial- Up، خطوط الاشتراك الرقمية DSL ، الكابل الرقمي Digital Cable الخط الهاتفي المخصص أو المستأجر Leased Line/ Dedicated Line ..الخ.
3- تحديد أو حجز مساحة على الجهاز الخادم لإحدى الشركات المقدمة لخدمات الإنترنت ، على أن يكون ذو كفاءة عالية للتعامل مع عدد كبير من المستخدمين مع تحديد الدليل الفرعي Sub-Tree لعنوان الموقع المراد نشره على شبكة الإنترنت.
4- تحديد عنوان جيد للموقع Domain Name ، لتعريف خادم الموقع Server له للعالم الخارجي، بعد التأكد من أنه لم يسبق اختياره عن طريق مؤسسة أو شخص آخر.
5- نقل الموقع Uploading المراد نشره للمساحة المحجوزة له على الجهاز الخادم، وذلك وفقاً للشروط والتعليمات التي تحددها الشركة المضيفة للموقع.
6- التقويم والتحديث المستمر للموقع ، للتأكد من شكل التصميم والوسائط المستخدمة به، ألوانه، محتوياته، حداثة مادته العلمية، وسرعة تحميله وفعاليته وسلامة عمله.
يُعـرف برنامج Dream Weaver.
بأنه ” احد اهم البرامج واقواها في تصميم المواقع وهو الاداة المثالية لمصممي الويب coders ومطوري تطبيقات لكل المستويات, ويحتوي على وظائف التشفير المحسنة لتجعل موقعك نسيم رائع للتصفح خلال صفحاته وهو البرنامج الذي يسهل عليك عمل الصفحات المعقدة والمترابطة .”
يعتبر أكثر تطوراً من البرامج الأخرى في تصميم المواقع من حيث اضافة النصوص والصور وانشاء الجداول ونماذج الارتباطات ، كما يمكن إنشاء أزرار وادراج ملفات الفلاش والكتابة فيه ، كما يمكن تصميم الازرار وادراج الملفات ورابط الصفحات والتحكم فيها ، كما يمكن اضافة البرمجة كالجافا و HTML.
مميزات برنامج Dream Weaver.
يتميز برنامج Dream Weaver بالعديد من المزايا من أهمها ما يلي:-
1- متاح لويندوز وماك.
2- يدعم النسخ الحديثة العديد من لغات تطوير الويب وإطارات العمل، مثل Java script ,CSS, ASP.net php, .
3- يتيح تصميم الصفحات والمواقع للمستخدمين الذين لا يتقنون البرمجة في لغات البرمجة واهمها HTML
4- يتيح إنشاء “إمتدادات” لأداء مهام ووظائف إضافية (عادة تستخدم HTML Java script ,) .
5- هذا بالإضافة إلى إمكانية معاينة الصفحة في العديد من المتصفحات، بشرط أن تكون مثبتة على الحاسوب المستخدم.