Web application

1. :
‫العمري‬ ‫احمد‬ ‫بنان‬ ‫إعداد‬
. :
‫عيسى‬ ‫جالل‬ ‫د‬ ‫إشراف‬
1440-1441
‫هـ‬
‫الويب‬ ‫صفحات‬ ‫أنواع‬

2. : ‫المحتوى‬

‫؟‬ ‫الويب‬ ‫صفحات‬ ‫هي‬ ‫ما‬

‫الويب‬ ‫صفحات‬ ‫أنواع‬
Web Pages
.

.‫الويب‬ ‫وصفحة‬ ‫الويب‬ ‫موقع‬ ‫بين‬ ‫الفرق‬

.‫الويب‬ ‫مواقع‬ ‫أنواع‬

‫الثابتة‬ ‫المواقع‬
Static Sites
.

‫الديناميكية‬ ‫المواقع‬
Dynamic Sites
.

‫المواقع‬ ‫و‬ ‫الثابتة‬ ‫المواقع‬ ‫بين‬ ‫مقارنة‬
. ‫الديناميكية‬

3. ‫اإلنترنت‬ ‫على‬ ‫صفحة‬ ‫أو‬ ‫نت‬ ‫صفحة‬ ‫أو‬ ‫ويب‬ ‫صفحة‬
:
‫مناسبة‬ ‫تكون‬ ‫التي‬ ‫للمعلومات‬ ‫مورد‬ ‫أو‬ ‫وثيقة‬ ‫هي‬
‫من‬ ‫إليها‬ ‫الوصول‬ ‫ويمكن‬ ،‫العالمية‬ ‫الويب‬ ‫لشبكة‬
‫شاشة‬ ‫على‬ ‫وعرضها‬ ‫الويب‬ ‫متصفح‬ ‫خالل‬
‫الكمبيوتر‬
.
‫لغة‬ ‫في‬ ‫تكون‬ ‫ما‬ ‫عادة‬ ‫المعلومات‬ ‫وهذه‬
‫الفائق‬ ‫النص‬ ‫رقم‬ ‫لغة‬ ‫أو‬ ‫الفائق‬ ‫النص‬ ‫ترميز‬
‫إلى‬ ‫المالحة‬ ‫توفر‬ ‫أن‬ ‫ويمكن‬ ،‫للتمديد‬ ‫القابلة‬
.‫التشعبية‬ ‫الروابط‬ ‫عبر‬ ‫أخرى‬ ‫ويب‬ ‫صفحات‬
‫الويب‬ ‫صفحة‬

4. ‫إلى‬ ‫يهدف‬ ‫كود‬ ‫ملف‬ ‫عن‬ ‫عبارة‬ ‫هي‬ ‫الويب‬ ‫صفحة‬
‫قابلة‬ ‫وطريقة‬ ‫بصيغة‬ ‫محددة‬ ‫معلومات‬ ‫عرض‬
.‫اإلنترنت‬ ‫متصفح‬ ‫طريق‬ ‫عن‬ ‫للعرض‬
‫بلغة‬ ‫مكتوب‬ ‫ملف‬
HTML PHP
.‫أخرى‬ ‫لغة‬ ‫اي‬ ‫او‬
‫من‬ ‫استردادها‬ ‫يمكن‬ ‫التي‬ ‫هي‬ ‫الويب‬ ‫صفحة‬
.‫بعد‬ ‫عن‬ ‫الويب‬ ‫خادم‬ ‫من‬ ‫أو‬ ‫المحلي‬ ‫الحاسوب‬
‫خوادم‬ ‫من‬ ‫وتخدم‬ ‫تطلب‬ ‫التي‬ ‫الويب‬ ‫صفحات‬
‫التشعبي‬ ‫النص‬ ‫نقل‬ ‫بروتوكول‬ ‫تستخدم‬ ‫الويب‬
‫الويب‬ ‫صفحة‬ ‫تابع‬

5. ‫إال‬ ‫الهيكل‬ ‫في‬ ‫تتشابه‬ ‫ألنها‬ ‫الويب‬ ‫صفحات‬ ‫تصنيف‬ ‫يمكن‬ ‫ال‬
:‫إلى‬ ‫الوظيفة‬ ‫حيث‬ ‫من‬ ‫تصنيفها‬ ‫يمكن‬ ‫أننا‬
1
.
( ‫افتتاحية‬ ‫صفحات‬
Home Pages
)
‫االفتتاحية‬ ‫بالصفحة‬ ‫الويب‬ ‫لموقع‬ ‫األولى‬ ‫الصفحة‬ ‫تدعى‬
, ‫الترحيب‬ ‫وعبارات‬ ، ‫الموقع‬ ‫اسم‬ ‫على‬ ‫عادة‬ ‫وتحتوي‬
‫الروابط‬ ‫إلى‬ ‫باإلضافة‬ ‫له‬ ‫وفهرسا‬ ‫الموقع‬ ‫محتويات‬
hyperlink
، ‫الموقع‬ ‫في‬ ‫المحتوى‬ ‫صفحات‬ ‫إلى‬ ‫تؤدي‬ ‫التي‬
‫إليه‬ ‫الدخول‬ ‫المستخدم‬ ‫يفضل‬ ‫الذي‬ ‫الموقع‬ ‫على‬ ‫يطلق‬ ‫كما‬
‫المستعرض‬ ‫تشغيل‬ ‫بدء‬ ‫عند‬
Home Pages
.
2
.
( ‫المحتوى‬ ‫صفحات‬
Content Pages
)
‫هذه‬ ‫وتقسم‬ ،‫ما‬ ‫موقع‬ ‫في‬ ‫الموجودة‬ ‫المعلومات‬ ‫تحتوي‬ ‫وهي‬
‫الصفحة‬ ‫في‬ ‫كرت‬ُ‫ذ‬ ‫التي‬ ‫المواضيع‬ ‫حسب‬ ‫المعلومات‬
.‫االفتتاحية‬
‫الويب‬ ‫صفحات‬ ‫أنواع‬
Web
Pages

6. •
: ‫الويب‬ ‫صفحة‬
‫نشرها‬ ‫قبل‬ ‫باالكواد‬ ‫ببنائها‬ ‫تقوم‬ ‫التي‬ ‫الصفحة‬ ‫هي‬
‫الويب‬ ‫خادم‬ ‫على‬
•
‫الويب‬ ‫موقع‬
‫مع‬ ‫ترتبط‬ ‫والتي‬ ‫الصفحات‬ ‫من‬ ‫مجموعة‬ ‫عن‬ ‫عبارة‬
.‫مشتركة‬ ‫محددة‬ ‫خدمة‬ ‫توفير‬ ‫بهدف‬ ‫البعض‬ ‫بعضها‬
•
‫الويب‬ ‫خادم‬
‫موقعك‬ ‫بتشغيل‬ ‫يقوم‬ ‫اللذي‬ ‫السيرفر‬ ‫او‬ ‫ـ‬ ‫االستضافة‬ ‫هو‬
‫الموقع‬ ‫تخزين‬ ‫عن‬ ‫المسئول‬ ‫المعلومات‬ ‫ملقم‬ ‫وهو‬ . ‫للزوار‬ ‫وعرضه‬
‫والرسائل‬ ‫والملفات‬ ‫المعلومات‬ ‫جميع‬ ‫إرسال‬ ‫و‬ ‫استقبال‬ ‫و‬ ‫بكامله‬
‫او‬ ‫للموقع‬ ‫تحديث‬ ‫او‬ ‫تعديل‬ ‫اي‬ ‫و‬ ‫الويب‬ ‫صفحة‬ ‫او‬ ‫بالموقع‬ ‫الخاصة‬
‫للخادم‬ ‫الولوج‬ ‫طريق‬ ‫عن‬ ‫تتم‬ ‫الصفحة‬
: ‫مهمة‬ ‫مصطلحات‬

7. ‫هو‬ ‫اساسا‬ ‫الويب‬ ‫وصفحة‬ ‫الويب‬ ‫موقع‬ ‫بين‬ ‫الفرق‬
.
‫فصفحة‬ ‫المشغل‬ ‫الخادم‬ ‫واستيعاب‬ ‫سعة‬ ‫حجم‬
‫الى‬ ‫تحتاج‬ ‫وال‬ ‫صغيرة‬ ‫مساحة‬ ‫تشغل‬ ‫مثال‬ ‫الويب‬
‫لعرض‬ ‫المشغل‬ ‫الخادم‬ ‫من‬ ‫كثيرة‬ ‫امكانيات‬
.‫الخ‬ ‫وصور‬ ‫وروابط‬ ‫معلومات‬
-
‫على‬ ‫متكامل‬ ‫موقع‬ ‫عن‬ ‫عبارة‬ ‫هو‬ ‫الويب‬ ‫موقع‬ ‫أما‬
‫من‬ ‫مجموعة‬ ‫على‬ ‫يحتوى‬ ‫االنترنت‬ ‫شبكة‬
‫فالش‬ ‫او‬ ‫فيديو‬ ‫ومقاطع‬ ‫صور‬ ‫فيها‬ ‫بما‬ ‫المعلومات‬
‫حسب‬ ‫والتحليلية‬ ‫الحسابية‬ ‫االدوات‬ ‫بعض‬ ‫احيانا‬ ‫و‬
‫اكبر‬ ‫سعة‬ ‫ذو‬ ‫ويب‬ ‫خادم‬ ‫الى‬ ‫يحتاج‬ ‫وغالبا‬ ‫الحاجة‬
‫الويب‬ ‫موقع‬ ‫بين‬ ‫الفرق‬
‫الويب‬ ‫وصفحة‬

8. ‫التي‬ ‫الصفحات‬ ‫بعض‬ ‫عن‬ ‫عبارة‬ ‫هي‬ ‫الويب‬ ‫مواقع‬
‫هيكال‬ ‫تعد‬ ‫والتي‬ ‫لالنترنت‬ ‫العالمية‬ ‫بالشبكة‬ ‫تتصل‬
‫واحد‬ ‫شخص‬ ‫أو‬ ‫واحدة‬ ‫منظمة‬ ‫تمتلكه‬ ‫واحدا‬
.‫مختلفة‬ ‫موضوعات‬ ‫على‬ ‫وتحتوي‬
:
‫صفحاتك‬ ‫لتصميم‬ ‫النهائي‬ ‫الشكل‬ ‫هو‬ ‫الويب‬ ‫موقع‬
‫ما‬ ‫عليها‬ ‫تعرض‬ ‫بحيث‬ ‫الزائر‬ ‫امام‬ ‫تعرض‬ ‫التي‬
‫تريد‬
.
‫مرتبطة‬ ‫ويب‬ ‫صفحات‬ ‫مجموعة‬ ‫عن‬ ‫عبارة‬ ‫وهي‬
.
‫يمكن‬ ‫الخادم‬ ‫نفس‬ ‫على‬ ‫ومخزنة‬ ‫البعض‬ ‫ببعضها‬
‫خدمة‬ ‫بفضل‬ ‫اإلنترنت‬ ‫عبر‬ ‫الويب‬ ‫مواقع‬ ‫زيارة‬
‫متصفح‬ ‫يدعى‬ ‫حاسوبي‬ ‫برنامج‬ ‫خالل‬ ‫ومن‬ ‫الويب‬
‫الويب‬ ‫مواقع‬ ‫أنواع‬

9. ‫تغيرة‬ُ‫م‬ ‫صفحات‬ ‫من‬ ‫نة‬ّ‫كو‬ُ‫م‬ ‫ديناميكية‬ ‫مواقع‬ ‫هي‬
.
. ‫التفاعلية‬ ‫المواقع‬ ‫البعض‬ ‫يسميها‬
‫متطور‬ ‫ألنه‬ ‫األبرز‬ ‫يعتبر‬ ‫المواقع‬ ‫من‬ ‫النوع‬ ‫وهذا‬
‫وتغيير‬ ‫تطوير‬ ‫على‬ ‫دوما‬ ‫يعمل‬ ‫فإنه‬ ،‫دائما‬
‫معلومات‬ ‫من‬ ‫القديم‬ ‫وحذف‬ ‫الجديد‬ ‫وإضافة‬
‫هذا‬ ‫خالل‬ ‫من‬ ‫يمكنك‬ ‫وأيضا‬ ،‫الموقع‬ ‫داخل‬ ‫وصور‬
‫دون‬ ‫الموقع‬ ‫داخل‬ ‫محتوى‬ ‫أي‬ ‫تغير‬ ‫أن‬ ‫النوع‬
.‫الموقع‬ ‫ذلك‬ ‫مصمم‬ ‫إلى‬ ‫العودة‬
‫محتوى‬ ‫في‬ ‫التحكم‬ ‫إمكانية‬ ‫يعطيك‬ ‫النوع‬ ‫هذا‬
‫المواقع‬ ‫أن‬ ‫على‬ ‫عالوة‬ ،‫عليه‬ ‫والتعديل‬ ‫الموقع‬
‫وبيانات‬ ‫معلومات‬ ‫قاعدة‬ ‫على‬ ‫تحتوي‬ ‫الديناميكية‬
‫المعلومات‬ ‫تلك‬ ‫مع‬ ‫التفاعل‬ ‫من‬ ‫وتمكنك‬ ‫كبيرة‬
.1
( ‫الديناميكية‬ ‫المواقع‬
(
Dynamic Sites

10. ‫في‬ ‫حفظها‬ ‫يتم‬ ‫ثابتة‬ ‫صفحات‬ ‫من‬ ‫نة‬ّ‫كو‬ُ‫م‬ ‫إستاتيكية‬ ‫مواقع‬
‫كلما‬ ‫استدعاؤها‬ ‫ويتم‬ ‫الموقع‬ ‫خوادم‬ ‫على‬ ‫النهائي‬ ‫شكلها‬
.‫شاهدتها‬ٌ‫م‬ ‫الزائر‬ ‫أراد‬
‫من‬ ‫الديناميكية‬ ‫المواقع‬ ‫من‬ ‫تماما‬ ‫العكس‬ ‫على‬ ‫النوع‬ ‫وهذا‬
,
‫مثل‬ ‫عادي‬ ‫محتوى‬ ‫على‬ ‫يحتوي‬ ‫ال‬ ‫النوع‬ ‫فهذا‬ ‫المحتوى‬ ‫حيث‬
،‫المواقع‬ ‫كبقية‬ ‫المحتوي‬ ‫تغيير‬ ‫يمكنك‬ ‫ال‬ ‫فهنا‬ ‫المواقع‬ ‫بقية‬
‫التي‬ ‫والمعلومات‬ ‫البيانات‬ ‫في‬ ‫التعديل‬ ‫يمكنك‬ ‫ال‬ ‫وكذلك‬
,
‫و‬ ‫الموقع‬ ‫هذا‬ ‫في‬ ‫وضعت‬
‫طريق‬ ‫عن‬ ‫اال‬ ‫تحديثها‬ ‫يتم‬ ‫ال‬
‫وهو‬ ‫المواقع‬ ‫تطوير‬ ‫كيفيه‬ ‫عن‬ ‫المعرفه‬ ‫لديه‬ ‫شخص‬
. ‫للموقع‬ ‫المبرمج‬ ‫الشخص‬
‫النوع‬ ‫هذا‬ ‫من‬ ‫كثيرة‬ ‫مواقع‬ ‫بتصميم‬ ‫تقوم‬ ‫أن‬ ‫ويمكنك‬
‫عند‬ ‫أن‬ ‫هو‬ ‫االنتشار‬ ‫من‬ ‫النوع‬ ‫ذلك‬ ‫يعيق‬ ‫والذي‬ ‫تامة‬ ‫بسهولة‬
‫من‬ ‫ذلك‬ ‫فعل‬ ‫فيمكنك‬ ‫المحتوى‬ ‫على‬ ‫التعديل‬ ‫في‬ ‫الرغبة‬
‫وتقوم‬ ‫للمواقع‬ ‫التطوير‬ ‫لغات‬ ‫من‬ ‫لغة‬ ‫أي‬ ‫استخدام‬ ‫خالل‬
‫شبكة‬ ‫على‬ ‫أخرى‬ ‫مرة‬ ‫برفعه‬ ‫عليك‬ ‫ثم‬ ‫عليها‬ ‫بالتعديل‬
‫االنترنت‬
.
2
-
‫الثابتة‬ ‫المواقع‬
(
Static Sites
)

11. :‫وهي‬ ‫السابقين‬ ‫النوعين‬ ‫تحت‬ ‫تندرج‬ ‫أنواع‬
‫اإللكترونية‬ ‫التجارة‬ ‫مواقع‬
.) (
‫التسوق‬ ‫سلة‬ ‫مواقع‬ ‫باسم‬ ‫ا‬ً‫ض‬‫أي‬ ‫المعروف‬
‫القنوات‬ ‫عبر‬ ‫الخدمات‬ ‫أو‬ ‫السلع‬ ‫وبيع‬ ‫شراء‬ ‫إلى‬ ‫تشير‬ ‫وهي‬
‫اإللكترونية‬
,
‫ويدفع‬ ‫الويب‬ ‫على‬ ‫خدمة‬ ‫أو‬ ‫ا‬ً‫ج‬‫منت‬ ‫المستهلكون‬ ‫يختار‬ ‫حيث‬
(
‫معامالت‬ ‫اإللكتروني‬ ‫الموقع‬ ‫على‬ ‫ا‬ً‫ي‬‫إلكترون‬ ‫المستهلكون‬
)
‫دفع‬ ‫موفر‬ ‫يستخدمون‬ ‫أو‬ ‫اإلنترنت‬ ‫عبر‬ ‫االئتمان‬ ‫بطاقات‬
‫مثل‬ ‫ثالث‬ ‫طرف‬
PayPal
.
‫ويتم‬ ‫والدفع‬ ‫الطلب‬ ‫التاجر‬ ‫أو‬ ‫التجاري‬ ‫النشاط‬ ‫مالك‬ ‫يتلقى‬
(
‫الخدمات‬ ‫مقابل‬ ‫حجزه‬ ‫أو‬ ‫بالبريد‬ ‫تسليمه‬ ‫يتم‬ ‫الطلب‬ ‫تنفيذ‬
)
‫بـ‬ ‫عنوانها‬ ‫ينتهي‬ ‫منها‬ ‫والغالبية‬ ‫ذلك‬ ‫إلى‬ ‫وما‬
.
com
‫برمز‬ ‫ينتهي‬ ‫الموقع‬ ‫وعنوان‬ ‫البلدان‬ ‫لرموز‬ ‫مواقع‬ ‫وهناك‬
.‫البلد‬
. ‫عنوانها‬ ‫وينتهي‬ ‫تعليمية‬ ‫ومواقع‬
edu
‫ترفيه‬ ‫ومواقع‬ ،
‫إخبارية‬ ‫ومواقع‬ ‫وغيرهم‬ ‫واأللعاب‬ ‫والمسلسالت‬ ‫لألفالم‬
. ‫عنوانه‬ ‫ينتهي‬ ‫ذلك‬ ‫وكل‬
com
‫ينتهي‬ ‫حكومية‬ ‫ومواقع‬ ،

12. ‫بين‬ ‫مقارنة‬
‫الثابتة‬ ‫المواقع‬
Static Sites
‫الديناميكية‬ ‫والمواقع‬
Dynamic Sites

13. ‫حيث‬ ‫من‬ ‫المزايا‬
‫المواقع‬
‫الثابتة‬
Static
Website
-
‫التطوير‬ ‫رخيصة‬ ‫التطوير‬ ‫سريعة‬
– -
‫االستضافة‬ ‫رخيصة‬
‫هذه‬ ‫كون‬ ‫والتنفيذ‬ ‫التصميم‬ ‫سهلة‬
‫لغات‬ ‫طريق‬ ‫عن‬ ‫تصمم‬ ‫المواقع‬
.‫البسيطة‬ ‫البرمجة‬
‫المواقع‬
‫الديناميكية‬
Dynamic
Website
-
‫التحديث‬ ‫سهلة‬ ‫عملية‬
-
‫تفاعل‬ ‫تتيح‬
.‫المحتوى‬ ‫مع‬ ‫المستخدمين‬
‫إلى‬ ‫الناس‬ ‫يجلب‬ ‫جديد‬ ‫محتوى‬
- ‫البحث‬ ‫محركات‬ ‫في‬ ‫ويساعد‬ ‫الموقع‬
‫منتهي‬ ‫غير‬ ‫صفحات‬ ‫عدد‬
‫تعاوني‬ ‫كنظام‬ ‫يعمل‬ ‫أن‬ ‫يمكن‬
‫المستخدمين‬ ‫أو‬ ‫للموظفين‬ ‫للسماح‬
.‫عد‬ٌ‫ب‬ ‫عن‬ ‫بالتعاون‬

14. ‫حيث‬ ‫من‬ ‫العيوب‬
‫الثابتة‬ ‫المواقع‬
Static Website
•
.‫الموقع‬ ‫وتحديث‬ ‫لتطوير‬ ‫الخبرة‬ ‫تتطلب‬
•
‫عن‬ ‫إال‬ ‫تحديثه‬ ‫يمكن‬ ‫ال‬ ‫ثابت‬ ‫المحتوى‬
.‫الموقع‬ ‫مطوري‬ ‫طريق‬
•
‫مسبقا‬ ‫معده‬ ‫صفحات‬ ‫هي‬
.
•
.‫فقط‬ ‫للقراءة‬ ‫تستخدم‬
•
.‫محركات‬ ‫في‬ ‫جدا‬ ‫ضعيف‬ ‫ظهورها‬
‫المواقع‬
‫الديناميكية‬
Dynamic
Website
-
‫االستضافة‬ ‫تكاليف‬ ‫التطوير‬ ‫في‬ ‫أغلى‬
.‫الثابتة‬ ‫المواقع‬ ‫من‬ ‫بقليل‬ ‫أكثر‬
‫تحتاج‬ ‫فهي‬ ‫المواقع‬ ‫تلك‬ ‫برمجة‬ ‫صعوبة‬
‫في‬ ‫واحترافية‬ ‫خبرة‬ ‫ذوي‬ ‫مختصين‬ ‫إلى‬
.‫التصميم‬

15. ‫حيث‬ ‫من‬ ‫البرمجة‬ ‫لغات‬
‫الثابتة‬ ‫المواقع‬
Static Website
‫بــ‬ ‫بالكامل‬ ‫كتبت‬
HTMl
‫صفحه‬ ‫هي‬ ‫صفحة‬ ‫وكل‬
‫أو‬ ‫للبيانات‬ ‫قواعد‬ ‫أي‬ ‫هناك‬ ‫وليس‬ ‫منفصلة‬
.‫عليها‬ ‫اإلعتماد‬ ‫يتم‬ ‫التي‬ ‫الخارجية‬ ‫الملفات‬
‫هذا‬ ‫محتوى‬ ‫لتعديل‬ ‫الوحيد‬ ‫السبيل‬ ‫أن‬ ‫يعني‬ ‫وهذا‬
‫صفحة‬ ‫كل‬ ‫تغيير‬ ‫هو‬ ‫المواقع‬ ‫من‬ ‫النوع‬
HTML
‫لعمل‬ ‫بك‬ ‫الخاص‬ ‫الويب‬ ‫لمطور‬ ‫بالدفع‬ ‫هو‬
.‫لك‬ ‫التحديثات‬
‫المواقع‬
‫الديناميكية‬
Dynamic
Website
--
‫مثل‬ ‫تعقيدا‬ ‫أكثر‬ ‫برموز‬ ‫كتب‬
PHP
‫أو‬
ASP
.
،
،‫بالكامل‬ ‫الموقع‬ ‫إدارة‬ ‫نظام‬ ‫في‬ ‫التحكم‬ ‫يمكن‬
‫إجراء‬ ‫على‬ ‫قادرا‬ ‫تكون‬ ‫سوف‬ ‫أنك‬ ‫يعني‬ ‫هذا‬
‫معرفة‬ ‫أي‬ ‫إلى‬ ‫الحاجة‬ ‫دون‬ ‫التحديثات‬
HTML
‫أو‬
.‫المواقع‬ ‫برمجه‬ ‫لغات‬ ‫من‬ ‫لغة‬ ‫أي‬