جامعة أم القرى

جامعة أم القرى

تطوير مواقع الانترنت 1


- 2016/04/08

أسم المقرر

تطوير مواقع الانترنت 1

رقم المقرر

(طلاب) 707224        (طالبات) 737224

عدد الوحدات

(2) النظرية                 (2) العملية             (3) المعتمدة

المتطلب السابق

(طلاب) 707123      (طالبات) 737123          أتمتة المكاتب 

 

المدرس:  أ/ يعقوب بن حسن أرشيد العفيف               

البريد الالكتروني: [email protected]

توصيف المقرر:

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

أهداف المقرر:

  • تعريف الطالب بالنظريات، المفاهيم و الاستراتيجيات الخاصة بتصميم و تقييم مواقع الانترنت.
  • إكساب الطالب المهارات في التعامل مع لغات و برامج تصميم مواقع الانترنت.
  • تزويد الطالب بالمعرفة اللازمة بكيفية تقييم و تقديم المعلومات و الخدمات في مواقع الانترنت.

الأهداف السلوكية :

يهدف المقرر إلى تدريب الطالب على استخدام الأدوات الأساسية اللازمة لبناء موقع على الشبكة العالمية للمعلومات (الانترنت).

بنهاية هذا المساق يجب أن يكون الطالب  قادر على(مخرجات التعليمية):

  1. تحديد الخدماتservices  التى يقدمها الموقعsite  المطلوب بنائه
  2. تحديد التصميمdesign  المناسب لموقعsite  معين
  3. بناء صفحةpage  بلغة الترميز html
  4. بناء موقعsite  ذو محتويات متنوعة باستخدام البرامج التطبيقيةapplications
  5. نشر موقع publishing site على الشبكة العالميةWWW

طرق التدريس :

يستخدم هذا المساق الطرق التالية في التعليم والتعلم :

  1. محاضرات تغطي الجزء النظري.
  2. محاضرات عملية في المعمل تغطي الجزء العملي من خلال التطبيق على دراسة حالة case study.

التقييم:

  1. واجبات.
  2. اختبارات قصيرة
  3. مشروع فصلي Term project

اختبار نصفي

اختبار نهائي

اختبارات قصيرة

تكاليف

مشروع

30%

30%

10%

10%

20%

 

الكتب والمراجع:

رقم

اسم المرجع

لغة الكتاب

متاح الكترونيا

Ref 1

Html-xhtml خطوة خطوة   - فايث ويمبن ترجمة الدار العربية للعلوم

عربي

 

Ref 2

HTML5 Step by Step Step by Step, Faithe Wempen,2011

English

متاح

Ref 3

Microsoft®  Expression® Web 4 Step by Step, Chris Leeds,2011

English

متاح

 

الجدول الزمني:

الأسبوع الأول

اللقاء الأساسي

Ref 1

Ref2

  1. مبادئ HTML  و XHTML
    ✔ فهم HTML و XHTML.
    ✔ انتقاء أداة لإنشاء صفحات الويب.
    ✔ فتح صفحة ويب في المفكرة.
    ✔ معاينة صفحة ويب في متصفح الانترنت.
    ✔ إجراء وحفظ ومعاينة  التغييرات.
  2. إعداد بنية المستند
     تحديد نوع المستند.
     إنشاء الأقسام  HTML و  HeadوBody.
     إنشاء الفقرات وفواصل الأسطر.
     تحديد  اسم الصفحة والكلمات الرئيسية.
     نشر ملف إلى الخادم.

اللقاء المكمل

(Ref 3)

بناء المواقع باستخدام البرامج التطبيقية expression web 4.0

  • تركيب   expression web 4.0

 

الأسبوع الثاني

اللقاء الأساسي

Ref 1

Ref2

  1. تنسيق النص باستخدام الوسوم
    ✔ إنشاء الترويسات.
    ✔ تطبيق تنسيق الأسود العريض والمائل.
    ✔ تطبيق تنسيق المرتفع والمنخفض.
    ✔ استخدم النص الأحادي التباعد  والنص المنسق مسبقا.
    ✔ تنسيق كتلة  اقتباس .
    ✔ ضبط إعدادات المعاينة في الانترنت اكسبلورر.

اللقاء المكمل

(Ref 3)

بناء المواقع باستخدام البرامج التطبيقية expression web 4.0

  • فهم كيف يعمل  expression web 4.0

 

 

الأسبوع الثالث

اللقاء الأساسي

Ref 1

Ref2

  1. استخدام اللوائح  والخلفيات
    ✔ إنشاء لوائح  تعداد نقطي ورقمي.
    ✔ إنشاء لوائح  التعريف.
    ✔ إدراج أحرف خاصة.
    ✔ إدراج خطوط أفقية.
    ✔ اختيار الألوان الخلفية والأمامية.
    ✔ تحديد ملف صورة الخلفية

اللقاء المكمل

(Ref 3)

بناء المواقع باستخدام البرامج التطبيقية expression web 4.0

  • فهم كيف يعمل  expression web 4.0

الأسبوع الرابع

اللقاء الأساسي

Ref 1

Ref2

  1. إنشاء الارتباطات الشعبية والمراسي
    ✔ الارتباط تشعبي إلى صفحة ويب.
    ✔ الارتباط تشعبي إلى عنوان بريد إلكتروني.
    ✔ إنشاء مراسي و الارتباط بها تشعيبا .
    ✔ الارتباط الشعبي إلى بمحتويات أخرى.

اللقاء المكمل

(Ref 3)

  • لاستفادة من وظيفة  expression web 4.0

 

الأسبوع الخامس

اللقاء الأساسي

Ref 1

Ref2

  1. مقدمة لأوراق الأنماط
     فهم الأنماط.
     تشيد  قواعد النمط.
     إنشاء أنماط  للوسوم المتداخلة.
     إنشاء الطبقات وهويات لتطبيق الأنماط.
     تطبيق الأنماط على الارتباطات التشعبية.
     إنشاء أوراق أنماط  خارجية والربط  بها.

اللقاء المكمل

(Ref 3)

  • الاستفادة من خيارات القالب في expression web 4.0

 

الأسبوع السادس

اللقاء الأساسي

Ref 1

Ref2

  1. تنسيق الفقرات باستخدام أوراق الأنماط
     تحديد المسافة البادئة الفقرات.
     تطبيق الحدود على  فقرة.
     تحديد المحاذاة الأفقية للفقرة.
     تحديد المسافة العمودية ضمن فقرة.

اللقاء المكمل

(Ref 3)

  • كل شيء عن محتوى 

 

الأسبوع السابع

 

الاختبار النصفي 30%

 

 

الأسبوع الثامن

اللقاء الأساسي

Ref 1

Ref2

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

 

اللقاء المكمل

(Ref 3)

  • كل شيء عن محتوى 

 

 

الأسبوع التاسع

اللقاء  لأساسي

Ref 1

Ref2

  1. إنشاء أدوات تساعد على التنقل
     وضع خطة لنظيم موقعك.
     إنشاء شريط تنقل  نصي.
     إنشاء شريط تنقل رسومي.
     إنشاء مخطط صورة.
     إعادة توجيه إلى عنوان آخر.

اللقاء المكمل

(Ref 3)

  • فهم مدة الصلاحية وسهولة الوصول

 

الأسبوع العاشر

اللقاء الأساسي

Ref 1

Ref2

  1. إنشاء الجداول
     إنشاء جدول بسيط.
     تحديد حجم الجدول.
     تحديد عرض العمود.
     دمج خلايا الجدول.
     استخدام جداول لتخطيط الصفحة

اللقاء المكمل

(Ref 3)

  • إنشاء موقع ويب من الصفر 

 

الأسبوع الحادي عشر

اللقاء الأساسي

Ref 1

Ref2

  1. تنسيق الجداول
    ✔ تطبيق حدود على الجدول.
    ✔ تطبيق تعبئة خلفية وأمامية .
    ✔ تغير تبطين وتباعد ومحاذاة الخلية.
    ✔ تطبيق التنسيق القائم على الأعمدة

اللقاء المكمل

(Ref 3)

  • إضافة الوظائف الخاصة بالعميل

 

 

الأسبوع الثاني عشر

اللقاء الأساسي

Ref 1

Ref2

  1. إنشاء تصاميم مرتكزة على الأقسام  .
    ✔إنشاء أقسام
    ✔ضبط مكان الأقسام
    ✔تنسيق الأقسام

اللقاء المكمل

(Ref 3)

  • إضافة وظائف
  • Javascript
  • jQuery
  • PHP
  • ASP.NET

الأسبوع الثالث عشر

اللقاء الأساسي

Ref 1

Ref2

  1. إنشاء  نماذج المستخدم
    ✔ إنشاء نموذج أساسي.
    ✔ إنشاء مربعات اختيار وأزرار اختيار ....
    ✔ إنشاء القوائم.
    ✔ فهم أدوات متقدمة CGI وغيرها.

اللقاء المكمل

(Ref 3)

W3school

  • و إدارة ونشر العمل الخاص بك على السيرفر
    • النشر باستخدام  (FTP,SFTP) وبرمجياته (FileZella)

الأسبوع الرابع عشر

 

الأسبوع الرابع عشر اللقاء المكمل

اللقاء الأساسي

Ref 1

Ref2

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

اللقاء المكمل

 

  • و إدارة ونشر العمل الخاص بك على السيرفر
    • النشر باستخدام  http و CPannel

الأسبوع الخامس عشر

مناقشة التكاليف الفصلية 20%

الأسبوع السادس عشر

الاختبار النهائي 30%

 

 

 

 

جار التحميل