توصيف مساق تصميم صفحات على الإنترنت

اسم المساق:تصميم صفحات على الانترنت
مدرس المساق: مصطفى العبادي
رقم المساق: 10101216
عدد الساعات المعتمدة: 3 ساعات

أولاً: توصيف المساق:

يتناول المساق عرضاً لأهمية وعناصر التعلم والتعليم عبر الانترنت وأهم المدخلات المادية وتصميم بيئة التعلم والتعليم ، و الذي يتيح الفرصة للتعرف على خطوات وأسس تصميم البيئة التعلمية التفاعلية من خلال صفحات الانترنت تقدم هذه المادة المهارات الأساسية في تصميم صفحات ومواقع على شبكة الإنترنت باستخدام لغات برمجة متخصصة مثل HTML ، JAVA Script ، وكذلك استخدام تطبيقات برمجية متخصصة مثل Dream Weavers ، Front Page ، ويتم اكتساب المهارات الأساسية في إنشاء الصفحات على الإنترنت وبرمجتها وكيفية التعامل مع مختلف الملفات الصورية والحركية والصوتية والكتابية . كما ويعرف بأساليب تقويم صفحات الانترنت التعليمية.

ثانيًا: أهداف المساق:
1- التعريف بالتعليم المعتمد على صفحات الانترنت و أهميته.
2- تشخيص بيئة ومدخلات منظومة التعليم المعتمد على صفحات الانترنت .
3- تحليل عناصر تصميم بيئة التعلم والتعليم لصفحات الانترنت.
4- تصميم المحتوى التعليمي و أهدافه .
5- ربط الوسائط المتعددة بمحتوى الصفحة التعليمية .
6- استعراض تقنيات عرض المحتوى التعليمي.
7-ربط تقنيات الانترنت بعناصر البرنامج التعليمي.
8- التعرف على تقنيات تكوين بنية البرنامج التعليمي.
9-استخدام تقنيات Front page , HTML ومواقع الخدمة المجانية في تنفيذ التصميم التعليمي للبرنامج.
10-التعرف على تقنيات نشر المحتوى التعليمي.
11- عرض أساليب تقويم صفحات الانترنت التعليمية.
12- تصميم صفحات انترنت باستخدام Dream Weavers

ثالثاٌ: محتوى المساق ووحداته:

سيتم في هذا المساق العمل باتجاهين : اتجاه نظري وآخر عملي تطبيقي ، لذلك سيتم تقسيم المحاضرة الواحدة الى قسمين يشملان الناحية النظرية والتطبيقية بحيث يتم تغطية أهداف المساق النظرية لكل وحدة وما يقابلها من الأهداف التطبيقات العملية:
الوحدة الأولى : مقدمة عن تصميم صفحات الانترنت تشمل : ( الأسبوع الأول )
1- تعريف التعليم المعتمد على صفحات الانترنت و عناصر بيئة التعليم وأهمية التعليم المعتمد على صفحات الانترنت ، مدخلات المنظومة وبيئتها ، أراء و تجارب.
2- تحليل عناصر بيئة التعلم والتعليم لصفحات الانترنت، اعتبارات تتصل بالطلبة و المدرس و الموضوع الدراسي و المواد التعليمية.
3- الجانب العملي : 1- مهارة تشغيل الانترنت وطرق التصفح وفتح البريد الألكتروني والانضمام لمجموعة النقاش
2- اكتساب المهارات الأولية للغة ( HTML )
الوحدة الثانية :البرامج التعليمية المعتمدة على صفحات الانترنت : ( الأسبوع الثاني )
1- صياغة أهداف البرنامج التعليمي وسبل تحقيقها و تصميم المحتوى العلمي في صفحة الانترنت .
2- الوسائط المتعددة و دورها في عرض المحتوى التعليمي و سبل التعامل و الحصول عليها .
3- ربط تقنيات الإنترنت بعناصر البرنامج التعليمي و منها تحديد البريد الإلكتروني و تقنية الحوار الجماعي .
4- الجانب العملي : 1- اكتساب مهارات التعامل مع بيئة عمل ( front page )
2- التعامل مع القوالب الجاهزة

الوحدة الثالثة : انشاء صفحات الانترنت وتصميمها : ( الأسبوع الثالث )
1- تكوين بنية البرنامج التعليمي ، اعتبارات في بنية تكوين العروض و بنية الخزن ، تصميم نماذج العرض .
2- الجانب العملي : 1-اكتساب مهارات العمل في بيئة القوالب الجاهزة
2- اكتساب مهارات انشاء قوالب صفحات الويب وتعديلها
3 تصميم موقع تعليمي على الانترنت في ( Freeservers )
الوحدة الرابعة : تكوين بنية الصفحة وتصميمها : ( الأسبوع الرابع )
1- -تكوين بنية البرنامج التعليمي ، اعتبارات في بنية تكوين العروض و بنية الخزن ، تصميم نماذج العرض .
2- أساليب عرض المحتوى و تقنيات إيصال المواد التعليمية و تحقيق التفاعلية.
3- الجانب العملي : 1- انشاء وادارة الارتباطات التشعيبية واضافة التأثيرات الخطية
2- اضافة أشرطة الارتباطات التشعيبية وانشاء بنية التنقل

الوحدة الخامسة : نشر موقع الويب على الانترنت الأسبوع الخامس )
1- طرق النشر وادارة عملية النشر
2- تكوين صفحات الويب و الربط فيما بينها و الربط بمواقع خارجية و تكوين الأيقونات.
3- التعرف على الأنماط والسمات واستكشاف الأخطاء ومعالجتها
4- انشاء نخطط موقع والتعريف بمحركات البحث وبرامج استعراض الويب

الوحدة السادسة : تقويم صفحات الانترنت التعليمية : ( الأسبوع السادس )
1- اضافة التأثيرات على صفحات الويب
2- تحريك العناصر وانشاء الأزرار
3- اضافة عناصر حيوية وعدادات دخول
4- معيير الحكم على جودة صفحات الانترنت التعليمية

الوحدة السابعة : تصميم صفحات الانترنت باستخدام برنامج Dream Weavers ( الأسبوع السابع والثامن )
الجانب العملي : 1- اكتساب مهارات التعامل مع بيئة عمل (Dream Weavers )
2- التعامل مع القوالب الجاهزة
3 التصميم من خلال الجداول
4 هوامش ومخطط الصور
الوحدة الثامنة : التصميم Dream Weavers ( الأسبوع التاسع والعاشر )
الجانب العملي : التصميم من خلال ( case coding style sheets )
الوحدة التاسعة : بناء مجموعة التفاصيل الأساس في Dream Weavers ( الأسبوع الحادي عشر والثاني عشر )
الجانب العملي : بناء مجموعة التفاصيل الأساس للصفحة
الوحدة العاسرة : السجلات والمؤثرات ( الأسبوع الرابع عشر والخامس عشر )
الجانب العملي :1 بناء وادراج صفحة السجلات 2 اصافة المؤثرات
رابعاً: أسلوب التدريس:

- المحاضرة والمناقشة
- أوراق العمل
- استخدام أدوات الانترنت
- التطبيقات العملية باستخدام الحاسوب
- الوظائف والتقارير واعداد برامج العروض التوضيحية

خامساً : أسلوب تقويم المساق :

سيتم تقويم تعلم الطلبة من خلال :
- الحضور المنتظم لجميع المحاضرات
- التفاعل والنقاش الصفي
- تكليف دوري خلال الفصل
- الاختبار الأول ( نظري 20 + 5 للجانب العملي )
- الاختبار الثاني ( نظري + عملي ) 25%
- الاختبار النهائي ( نظري 40 + 10 للمشروع النهائي ) 50%
سادساً : قائمة ببلوغرافية بالمصادر و المراجع :
1) المراجع العربية:
1- " محمد بلال " الزعبي وآخرون ، الحاسوب والبرمجيات الجاهزة ( مهارات الحاسوب ) ، الطبعة الخامسة ، وائل للنشر والتوزيع ، عمان / 2003
2- مصطفى جويفل ، رسالة ماجستير ، تقويم برامج الحاسوب التعليمية ، عمان / 1992
3- حسن زيتون ، تصميم التدريس ، الطبعة الثانية ، عالم الكتب ، القاهرة / 2001
4- فوزي طه و رجب الكلزة ، الكمبيوتر ودوره في تطوير المناهج الدراسية الحديثة ، الطبعة الثالثة ، دار القلم ، الكويت / 2000
5- محمد الحيلة ، التكنولوجيا التعليمية والمعلوماتية،الطبعة الأولى ، دار الكتاب الجامعي ، العين / 2001
2) المراجع الأجنبية:
1. Mc Cormack , Colin and Jones , David, (1997), “ Building a Web-Based Education System” , Wiley Computer Publishing , John Willy. & Sons, Inc.

2. “The Complete Idiot's Guide to Creating an HTML Web Page” -- by Paul McFedries

3. “Macromedia Dreamweaver 4: Training from the Source” by Khristine Page,

4. The Complete Idiot's Guide to Creating an HTML Web Page by Paul McFedries

5. Easy Web Page Creation by Mary Millhollon, Jeff Castrina

6. Effective Executive's Guide to FrontPage Web Sites: Seven Steps for Designing, Building, and Maintaining Front Page 2000 Web Sites by Stephen L. Nelson, Jason Gerend

7. Web Page Design: A Different Multimedia by Mary E. S. Morris

8. Cliffs Note Creating Your First Web Page by Alan Simpson

9. Web Site Engineering: Beyond Web Page Design by Thomas A. Powell

10. Make Your Own Web Page! : A Guide for Kids by Ted Pedersen,

11. The Everything Build Your Own Home Page Book : Create a Site You'll Be Proud Of, Without Becoming a Programmer (Everything Series) by Mark Binder, Beth Helman

12. Web Page Design: 10 Hour Series, Text/Data Disk Package by Herbert F. Brown

13. Create Your First Web Page In a Weekend (3rd Edition) by Steve Callihan

14. Home Page : An Introduction to Web Page Design (First Books - The Internet and Computers) by Christopher Lampton
15. The Web Page Design Cookbook: All the Ingredients You Need to Create 5-Star Web Pages by William K. Horton
16. Official HTML Publishing for Netscape, Second Edition: Your Complete Guide to Web Page Design & Production
by Gayle Kidder, Stuart Harris
17. Web Page Design: Introductory Concepts and Techniques by Gary B. Shelly,
18. Create Your First Mac Web Page In a Weekend by Steve Callihan

19. Getting Started : Web Page Design With Microsoft Frontpage 97 by Morley

20. Teach Yourself to Create a Home Page in 24 Hours (Teach Yourself) by Rogers Cadenhead

سابعاً: مواقع للمساق على الإنترنت :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] Greg Kearsley (1997). “A Guide to Online Education”
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] “Building Better Websites”.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] “Web-Based instruction resources”
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] “ Instructional Design for Online Course Development”
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] “Evaluating Online Educational Materials for Use in Instruction”.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] “ An Overview of Methods of Adding Interactivity to Web Pages”
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] “ Designing Web-Based Instruction and Assessment”
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] “Evaluation Tools”
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]