بداء المواقع الإلكترونية ذات الطابع الديداميكى
إلى ررح والدى مربى الأجيال ومعلمها رجه لله تعالى رأسكنه فسيح جناته
فرغم رحيله مازلت أتعلم مه . إلى والدتىجندية التربية والتعليم +
مهندسة العقول , صانعة الوجدان . إلى أشقائى وأصدقائى؛ إلى شهداء ثورة
©5؟ يناير بجمهورية مصر العربية و إلى كل مواطن عربى مهما اختلف لونه

بداء المواقع الإلكترونية ذات الطابع الحيداميكى
الحمد لله تعالى الذى بنعمته تتم الصالحات ؛ والصلاة والسلام على
سيدنا محمد صلى الله عليه وسلم وعلى آله الطيبين وأصحابه الكرام
والتابعين له بإحسان إلى يوم الدين ؛ أما بعد :
يشير رصد ملام الواقع ودراسته وتحليله و إستشراف آفاق المستقبل ؛
إلى أن التميز فى العصور القادمة سيكون لمن يعرف أكثر أو يبتكر أفضل .
لذلك فقد حاولت جاهداً أن أقدم المساعدة للمبتدئين فى مجال تصميم المواقع
التطبيقات التى تشرح فكرة بناء المواقع الإلكترونية ذات الطابع الديناميكى
للمبتدئين ؛ كما سيتم تطبيق فكرة بناء المواقع الديناميكية عن طريق إنشاء
موقع إلكترونى ديناميكى لمؤسسة تعليمية ؛ وسوف يتعرض هذا الكتاب إلى
شرح مبسط لطريقة تصميم الموقع وبرمجته بلغة (81.) وأحب أن أنوه لك
عزيزى القارىء بأن هذا الكتاب لم يهدف إلى التعمق فى عالم التصميم
من يصل إلى أول درجات السُلم فقد عرف من أين يستكمل باقى درجاته ؛
ومن المؤكد أيضاً أنك تعرف أن أول الغيث قطرة وأقصد بذلك أنه يمكنك
البداية وباقى النقاط تأتى من خلال البحث والتدريب فإن أحسنت استغلال
هذه المعلومات فمن المؤكد أنك ستسهم فى إضافة فكر جديد تخدم بها نفسك
وغيرك فى آن واحد .

بداء المواقع |[إلكترونية ذات الطابع الديداميكى
لذلك لابد عزيزى القارىء من أن تتسلسل فى قراءة هذا الكتاب وتنفيذ
كافة التطبيقات والخطوات الواردة به ؛ للوصول إلى الهدف المنشود
فهو يأتى حاملاآً بين طياته عشرة فصول ؛ حيث يتناول الفصل الأول مفاهيم
ِ الويب ومصطلحاتها ؛ ويتعرض الفصل الثانى للبدء فى
تصميم الموقع بأحد برامج التصميم ؛ ويعرض الفصل الثالث طريقة تثبيت
الخادم 118 لمعاينة صفحات 585/ ؛ ويتعرض الفصل الرابع إلى طريقة
إنشاء قاعدة بيانات داخل برنامج 6688 وكذلك إنشاء الصفحات
الديناميكية التى يتم من خلالها إضافة البيانات ؛ ويتحدث الفصل الخامس عن
إنشاء بحث متقدم وأيضاً إنشاء صفحات عرض محتويات قاعدة البيانات +
ويتعرض الفصل السادس إلى طريقة تصميم وكتابة أكواد صفحات تعديل
وحذف وطباعة محتويات قاعدة البيانات ‎٠‏ ويتعرض الفصل السابع إلى
طريقة تصميم صفحات التصويت الإلكترونى وبرمجتها ؛ ويتعرض الفصل
الثامن إلى طريقة إنشاء صفحات إدارة النظام ؛ ويتعرض الفصل التاسع إلى
تصميم وكتابة كود صفحات البحث ؛ وأخيراً الفصل العاشر الذى يتعرض
إلى حجز استضافة مجانية والتعامل مع برنامج 1717 لنقل ملفات المواقع .
بعض الأمر فهذا فضل الله يؤّتيه من يشاء ؛ وإن كنت الأخرى فحسبى أنه
عن قصد ما كان ؛ فلا أدعى لهذا الكتاب كمالاً ؛ فالنقص من سمات البشر ء
والكمال لله تعالى وحده .
أحمد فهمى عبد المنعم عمبيرة
منية المرشد ‏ مطوبس كفر الشيخ
ديسمبر ‎7١١١‏

ّ| لفصل الارل
بي د م لشفا
مشاهيم ‎١‏ لحتيات انوي

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

بداء المواقع الإلكترينية ذات الطابع المداسسيكي
الديناميكية ؛ لأن طبيعة مواقع الأخبار التغيير المستمر حيث يتم إضافة
الأخبار داخل قاعدة البيانات وذلك عن طريق صفحات تم برمجتها وعمل
اتصال بينها وبين قاعدة ات وتعرف هذه الصفحات بالصفحات
الديناميكية وكذلك يتم حذف الأخبار الموجودة بقاعدة
فى محتويات قاعدة البيانات عن طريق هذه الصفحات وبذا
أصبح بإمكان
مالك الموقع إدارة موقعه وتغيير محتواه دون أن يحتاج إللى شخص
متخصص فى تصميم المواقع .
الموقع الإستاتيكى : هو الموقع ثابت المحتوى أى غير تفاعلى . فعلى
سبيل المثال لا الحصر لو افترضنا جدلاً أنك تريد عمل موقع تكتب بداخله
السيرة الذاتية الخاصة بك فمن المؤكد أن صفحات الموقع الخاصة بسيرتك
‏التى لا تستدعى تغييرها باستمرار أى محتويات تابتة إذا فهذا النوع
من المواقع هو المواقع الإستاتيكية .
إن الاختلاف الرئيسى بين النوعين يتركز فى طريقة عرض البيانات
ففى حالة المواقع الإستاتيكية (الثابتة) يتم عرض البيانات كما هى مخزنة فى
قاعدة البيانات أو لا يتم استخدام قاعدة بيانات من الأساس أى يتم إنشاء
صفحات الموقع عن طريق لغة ,1111 . أما المواقع الديناميكية (الغير
ثابتة) يتم تغيير محتويات قواعد البيانات المرتبطة بها وعمل لوحات تحكم
لإدارة محتوى قاعدة البيانات أى إدارة محتوى الموقع .
انات الثابتة
تتقسم لغات برمجة الويب إلى قسمين ؛ هما 8106 06ه1ا0)
و ©810 ©©58©77) القسم الأول يعرف بلغة البرمجة من جهة العميل أى
اللغات التى تتعامل مع متصفح الإنترنت ولاتحتاج إلى خادم أو استضافة أى
يمكن كتابتها واختبارها على أى جهاز . أما القسم الثانى يعرف بلغة البرمجة
التى تتعامل مع الخادم أى تحتاج إلى استضافة مثل لغتى 8ه و 15117

بداء المواقع |[إلكترونية ذات الطابع الديداميكي
ولاختبار الصفحات المكتوبة بهذه اللغات لابد من تحويل الجهاز إلى خادم
وسوف نتطرق إلى طريقة تحويل الجهاز إلى خادم لاحقاً ؛ ويوجد العديد
تعرف هذه اللغة بالعربية أنها (لغة ترميز النص التشعبية)
حيث من خلال هذه اللغة تستطيع كتابة النصوص وإنشاء القوائم والجداول
والإطارات وإدراج الصور وغير ذلك من العمليات البسيطة .
فلابد أن تعرف عزيزى القارىء أن هذه اللغة لا يمكنك الاستفادة منها بأكثر
الديناميكية وأيضاً لا يمكنك التعامل مع قواعد البيانات من خلال هذه اللغة
ولكن يمكنك من خلالها إنشاء صفحات بسيطة مكونة من نصوص وصور
وقوائم لا أكثر من ذلك ؛ ولكن هذه اللغة ضرورية فلا يخلو موقع من
الصور أو النصوص فلابد أن تعرف جيداً أن هذه اللغة متداخلة مع كافة
اللغة تعد من اللغات الأكثر انتشاراً وتتميز هذه اللغة بأن أكوادها سرية حيث
لا يمكن لأى شخص رؤية الأكواد التى قمت بكتابتها عن طريق عرض
مصدر الصفحة حيث إن أكواد هذه اللغة تكون مشفرة فلا يمكن لأحد رؤية
الكود ولا الاطلاع عليه وهذه اللغة عبارة عن تقنية تم تطويرها بواسطة
مايكروسوفت ليتم استخدامها في إنشاء صفحات ويب قوية وديناميكية
ولإنشاء برامج ويب متقدمة ؛ وهى تعد من لغات البرمجة التي تنفذ من
جانب المزود (الخادم) أي أن معالجة الأوامر المكتوبة بهذه اللغة تتم على
مزود الويب وليس على جهاز المستخدم كما هو الحال مع أوامر ,1111/11 +
وحتى تتم هذه المعالجة فإنه يتم تثبيت مكتبات ربط ديناميكية أو ما يسمى

بداء المواقع الإلكترينية ذات الطابع المداسيكي
ب 11 111177 علدشآ 1711811116 على مزود الويب؛ وعندما يطلب
المستخدم صفحة ويب؛ فإن الخادم يفحص الصفحة ليرى إن كانت الصفحة
هى صفحة مزود نشط أم لا فإن كانت كذلك. فإنه يقوم بمعالجة مكتبة الربط
الديناميكية ,121.1 على الخادم ثم يرسل نتيجة هذه المعالجة كصفحة
7 لعرضها في متصفح الويب على جهاز المستخدم. وهذا يتيج
عرض صفحات المزود النشط على جميع متصفحات الويب . وإن أحد أهم
فوائد صفحات المزود النشط هي قدرتها على استرجاع البيانات من جميع
أنواع قواعد البيانات سواء كانت (0:6616, 5778 آ80 , 6658عم)
وغيره . وسوف تتركز دراستنا فى الفصول القادمة على هذه اللغة .
الشهيرة [38/ وتم إصدار هذا الجيل فى عام 7١٠٠م‏ ولغتى 875
و 1121 .2.85 تمكنان مطوري مواقع الويب من تصميم صفحات ويب
ديناميكية وكذلك تطويرها ولكن تختلف 11121 . 87م عن 48م
فى النقاط التالية :
: ‏تدعم الشفرات المكتوبة بلغات أخرى مثل‎ )١
‏؟) تسمح بخاصية 11777817176 في تحرير الصفحات ؛حيث يتم‎
خلالها عمل سجل لزوار موقعك وعداد لزوار موقعك وبعض العناصر
الأخرى البسيطة ولكن تطورت هذه اللغة إلى أن أصبحت تدعم قواعد
البيانات وكان الإصدار الناتج عن عملية التطوير يعرف ب 8001162 0080

بداء المواقع ازإلكت ونية ذات الطابع الديناميكي
أى الكود الذى يمكن لأى مستخدم الإضافة والتطوير فيه ؛ وهكذا بدا
المطورون بالإضافة والتطوير إلى أن أصبحت من أكثر اللغات انتشاراً فهى
تشبه لغة 8/ من حيث مخرجاتها النهائية فهى أيضاً تتعامل مع قواعد
اللغة سرية كما هو الحال فى لغة 881 .
تحدد كيفية عرض البيانات فى صفحة ,1111/11 فعند استخدام هذه اللغة يتم
الفصل بين أكواد البيانات وأكواد مظهر البيانات مثل حجم الخط واللون
التعديل فى بيانات هذه الصفحات فسوف يتم فتح الملف الخاص ب 088
والذى يتم إنشائه عن طريق هذه اللغة ومن خلال الأكواد المكتوبة بالملف
يتم التعديل على شكل صفحات الويب حيث إن ملفات 088 يتم تسجيل
جميع خصائص التنسيق والإخراج لصفحات الويب بداخلها .
لغختامتنة 7153 :
هى لغة إسكربت نصية تعمل فى بيئة الإ وتتشابه فى مفاهيمها
مع لغة ©3881 1718081 مع بعض التعديلات التى تلائم طبيعتها المتعاملة
مع الإنترنت وهذه اللغة تتكامل بشكل جيد مع لغة 8 فمن خلال هذه
اللغة يمكنك تحميل البرمجيات الإضاة نت وتشغيلها مثل 00م
خلال هذه اللغة يمكنك إضافة بعض الحركة على الصفحة .
تمكنك هذه اللغة من إضافة الديناميكية على الصفحات بأشياء تتفاعل
مع زائر الموقع وتتوقف على إجابة الزائر ورد فعله مثل التاريخ
والوقت في الصفحة اعتماداً على معطيات الجهاز:؛ وتنفيذ بعض الأوامر