انتاج موقع تفاعلي دون علم بقواعد البرمجة
TRANSCRIPT
موقعا تملك أن تريد هل؟ نشيطا تفاعليا
هذه معنا تابع نعم كان إنالمجزوءة...
تمهيد
المواقع نوعان اإلليكترونية
نشيطساكنةة
statiquedynamique
==
ساكنstatiqueة =
منصفحات تتكون الساكنة المواقعHTML منطرف إنجازها يتم ،
إدخال حالة وفي المواقع مصمميالصفحات هذه على تغييرات
في وتسكينها انجازها إعادة يستلزمأخرى . مرة الخادم
فقطهي البرمجة : لغةHTML
المواقع مع الخادم تعامل طريقة الساكنة
نشيطdynamiqueة =
المواقع هذه مدير او المصمم طرف من بحرية تتم عرضها وطريقة المحتوىمتىشاء يغير ان يمكن كما لموقعه مناسب تصميم أي اختيار حرية له والمدير
عادة يرتتكز التعامل هذا مادام سهل جد يكون النشيطة المواقع مع التعامل ان كماموقعه على تغييرات عدة إحداث من المدير تمكن واحدة علىصفحة
الرد خالل من به تغييرات إحداث من الموقع هذا متصفحي من كبير لعدد يمكن كماإلخ خاصبه موضوع إضافة إو به منشور مقال على
وهما نفسالوقت في لغتين : تستعملHTMLوPHP
المواقع مع الخادم تعامل طريقةالنشيطة والمواقع
المواقع إلنتاج برامج عدة توجد
نشيطةساكنة
Frontpage
Dreamweaver
publesher
برمجة للغة تحتاجAsp.net
JavascriptPhphtml
االنطالقة
الرقمية العدة توفير
األول الباب
إليكترونية / 1 مجلةتتوفر
إدارة برنامج علىالمحتوى
على تتوفر التي العالمية اإلليكترونية المجاالت ألشهر نماذجوهي المحتوى، إدارة برامج
. المفتوحة المصادر نظام إلى تنتمي
المجالت لهذه الخصائصالمميزة
العربية /1 اللغ\ة تدعم مجانية /2
تغيير/ 3 إمكانية يتيح ا\لمفتوحة، المص\ادر نظام إلى تنتميشريط في ولكن الموقع في تتحكم التي الملفات
لغة phpإجادةمس\بقة /4 معرفة دون بسهولة معها التعامل ييتم
البرم\جة بتقنياتالمرء / 5 على يس\هل مما المحتوى إ\دارة نظام على تتوفر
قليلة بنقرات الموقع محتويات تغييرلغة/ 6 الموقع cssتعتمد وقوالب شكل تغيير من تمكن لغة
بسهولة
المواقع محتوى إدارة تعريفنظامللويب المحتوى إدارة CMSW-CMS) Contentنظ\\\\م
Management System )برمجته\ا تت\م برام\ج ع\ن\ عبارةعناء، بدون االنترن\\ت عل\\ى موقع\\ك محتوى إلد\ارةوتغيي\\ر تجدي\\د ال\\برامج هذه خالل م\\ن\ وتس\\تطيعملم\ا تكون أ\ن دون س\هلة بطريق\ة موقع\ك محتوى
..... اإلليكترونية المواقع بتصميملغ\ة حت\ى أ\و التفاعلي\ة البرمج\ة لغات بإحدى HTMLأ\و
ال\\\برامج هذه إلحدى اس\\\تعمالك وعن\\\د البس\\\يطة،ببع\\ض تقوم أ\\ن تس\\تطيع االجتهاد م\\ن فبقلي\\ل
والمض\مون . الشكل على البسيطة التعديالت
) ( منقول المحتوى إدارة نظام مميزات
ادارة- : 1 لنظ\م قوال\ب انشاء يت\م القوال\بقياس\\\\\\\ية مواص\\\\\\\فات ذات المحتوى
القوال\\ب HTML-XHTMLباس\\تخدام وهذه ،مم\\ا آخ\\ر بقال\\ب ديناميكياً تغيره\\ا يمك\\نمختل\\فبطريق\\ة الموق\\ع شك\\ل يجع\\لبضغط\\ه ذل\\ك يت\\م م\\ا وغالباً بس\\يطة،
واحده.ادارة- : 2 نظ\م ف\ى المحتوى تحري\ر س\هولة
م\ن cmsالمحتوى الموق\ع محتوى أ\ن نج\دعرض\ه طريق\ة ع\ن مفص\ول المعلوماتف\\ى التعدي\\ل فان لذل\\ك الموق\\ع عل\\ىومعظ\\م وس\\رعة بس\\هولة يت\\م المحتوىمحرر عل\\ى تحتوى المحتوى إدارة نظ\\م
(.WYSIWYGمرئى )
المحتوى : - 3 ادارة نظ\\\\م تحتوى االضافاتوظيف\ة اداء خالله\ا م\ن يمك\ن اضافات عل\ىبس\هولة النظام ال\ى اضافته\ا ويت\م معين\ةهذه مث\ل بكتاب\ة تقوم ان تس\تطيع ان\ك كم\اوه\ى برمجي\ة قدرة لدي\ك كان\ت إذا االضافات. البرنامج ليستضمن محددة بوظيفة تقوم
المحتوى- : 4 ادارة برام\ج يت\م cmsالتحدي\ث. جديدة مميزات إلضافة باستمرار تطويرها
المحتوى – : 5 ادارة نظ\\\\\م معظ\\\\\م مجاناًبلغ\ة والمكتوب\ة مجاني\ة phpللوي\ب برام\ج ه\ى
: المرج\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ع. :// . . /? =960http www wparabia com p
إلنشاء / 2 برنامجمحلي خادم
بيانات وقاعدة
محلي خادم لتكوين برامجالشخصي بالحاسوب
EasyPHP Camel
XamppWamp
المحلي ServeurالخادمLocal
إدارة م\ع التعام\ل م\ن يمك\ن برنام\ج ه\وداخ\\\ل مثب\\\ت م\\\ا موق\\\ع محتوى
. الشخصي الحاسوب
الخادم نستعمل لماذامنقول المحلي؟
" على " / محلى خادم سرفر ك\ يعمل هو ويمكنك حيث ، الخاصبك الكمبيوتر جهاز
" " أي تثبيت قبل تجارب معمل ك\ استخدامهما ان من للتأكد وذلك ، موقعك على شئ\
يؤثر ولن جيد بشكل يعمل تثبيته تريدخادم كأنه يعمل فهو ، موقعك على بالخطأالكمبيوتر " جهارز على ولكنه فعال حقيقى
” http//::المرجعالخاصبك . . / .www smfarabic com index ? =716.0php topic
يسمح / 3 برنامجالموقع ملفات بنقل
استضافة موقع إلى
ftpبرتوكول ملفات نقل من يمكن بروتوكول هو
مواقع إلى الحاسوب من الموقعالمدفوعة أو المجانية سواء االستضافة
من العديد العملية بهذه ويقوم األجرالعرض لهذا المخصصة البرامج
CoreFtp FileZilla FlashXP
الخادم من الموقع ملفات لنقل برامجاالستضافة موقع إلى المحلي
موقع / 4 على التوفراستضافة
م\دفوع أو مجانياألجر
تعريفمواقع المجانية االستضافة
توف\ر الت\ي المجاني\ة المواق\ع م\ن العدي\د هناكهذه وتمن\\\ح ، المواق\\\ع اس\\\تضافة خدم\\\ةالموق\ع لملفات تخزيني\ة مس\احة المواق\ع
الغال\ب ف\ي تتعدى توف\ر 100ال كم\ا ، ميغ\اقواع\د MYSQLخدم\ة إنتاج م\ن تمك\ن الت\ي
التخزيني\\ة س\\عتها تتعدى ال ميغ\\ا 50بياناتهذا ف\ي المواق\ع اشه\ر وم\ن ، الغال\ب ف\ي
موق\\ع : وه\\و. sbilya.COM WWWالمجال ،لغ\ة ويدع\م ، العربي\ة اللغ\ة يدع\م PHPموق\ع
خاص\ية عل\ى ويتوف\ر رائع\ة CPANELالبرمجي\ةس\\هلة بطريق\\ة المواق\\ع إدارة م\\ن تمك\\ن
تعقيد . وبدون وسلسة
مجانية مساحة على التوفر مراحلإليكتروني موقع الستضافة
خدم\ة/ 1 تقدم الت\ي المواق\ع عل\ى الغنترني\ت ف\ي البح\ث\. ا\لمواق\ع الس\تض\افة م\جانية
عل\ى/ 2 للحص\ول\ الموق\ع ف\ي م\ن SubDomaineالتس\جيلوالضرورية المط\لوبة البيانات بعض إدخال\ خالل\
ورق\م/ 3 عضويت\ك لتفعي\ل إليكتروني\ة برس\الة س\تتوصلحس\ابك\
تخ\برك/ 4 عض\ويت\ك بع\ضتفعي\ل أخرى\ برس\الة س\تتوصلالمتعلق\ة ال\بيانات وجمي\ع العض\وي\ة ورق\م الس\ري برقم\ك
بموقعكوإال/ 5 اح\د عليه\ا يطل\ع ان يج\ب\ ال س\رية ال\بيانات\ هذه انتب\ه
م\وقعك قرصنة\ ستتم
الثاني البابالضرورية البرامج تحميل
إنشاء على المساعدةتفاعلي موقع
الحاسوب في وتثبيتهاالشخصي
: هي البرامج1 /core ftp إلى الموقع ملفات لنقل
االستضافة موقع : التحميل رابط
:// .01 . / / / / / /33212.http www net com telecharger windows Internet ftp fiches html
محلي xamppبرنامج/ 2 خادم لإلنشاءبيانات وقاعدة
: التحميل رابط:// . / / / / %20 /1.7.7/ - 32-http sourceforge net projects xampp files XAMPP Windows xampp win
1.7.7- 9- . /VC installer exe download
البوابة/ 3 المحتوي إدارة برنامجالعربية
: التحميل http//:رابط. - . / . ? = _ =35www arab portal info download php action list&cat id
برنامج/ 1 coreftpتثبيت
برنامج coreftpتثبيت
برنامج coreftpتثبيت
برنامج coreftpتثبيت
برنامج/ 2 xamppتثبيت
برنامج xamppتثبيت
برنامج xamppتثبيت
برنامج xamppتثبيت
برنامج xamppتثبيت
ملفات/ 3 يحمل الذي الضغط ملف فكداخل وضعه ثم العربية البوابة مجلة
لبرنامج htdocsملف XAMPPالتابع
Poste de Travail - Disque C - Programme File - Xampp - htdocs
الطريقة:
ملفاسمه testخلقالعربية المجلة ملفات يحمل الذي المضغوط الملف فيه ضع
بفكضغطه قمملف برنامج testاحمل داخل بملف Xamppوضعه بالضبط
htdocs ملف إلى يؤدي الذي المسار هو :htdocsوهذا
الثالث البابفي المجلة تثبيت
المحلي الخادم
بيانات /1 قاعدة إنشاء
اضغط على
أيقونة برنامجXAMPP
ستظهر
هذه الصفحة
اضغطعلى خاصيةADMIN
الضغطعلى بعدADMINخاصية
الصفحة هذه ستفتح
خاصية اضغطعلىPHPMYADMIN
الضغطعلى بعدخاصية
PHPMYADMINهذه ستفتح
الصفحة
اضغطعلى خاصية
PRIVILEGE
هذه الهدفمنهو العلمية
مستخدم إنشاءبيانات وقاعدة
ويتوفر على المستخدمالتحكم إمكانية
تعديل وهذه وتحديث
القاعدة
الضغطعلى بعد PRIVILEGEخاصية
الصفحة هذه ستفتحاضغطعلى : ثم
Ajouter un utilisateur
الضغط بعدخاصية على
Ajouter un utilisateur
هذه ستفتحثم الصفحةالبيانات امأل
كما المطلوبةفي وارد هوالشريحةتنس ال
االختيارات التالية:
- Créer une base de Donneè
- Tout cocher
1
2
3
الضغط على بعدExecuter
بنجاح تخبرك لوحة ستظهرالمتعلقة البيانات بعض مع العملية
ومستخدمها البيانات بقاعدة
على تتوفر أصبحت لقداسم لها بيانات قاعدة
اختيارك من معينرقم له ومستخدممن يمكن سري
قاعدة إلى الدخولالبيانات.
والمجلة /2 البيانات قاعدة بين الربط
المتصفح في االليكتروني العنوان هذا ادخلالمجلة إلى للدخول . اإلليكتروني
Localhost :المحلي الخادم إلى يؤدي الذي المساراالليكترونية البوابة موقع ملفات تتواجد حيث
افتراضيا : ملفسمي testفيانطالقا المجلة غلى الدخول عنوان يصبح لهذا
: هو المحلي الخادم localhost/testمن
العملية بعد مباشرة االنتقال لقدالتي الصفحة هذه إلى السابقة
موقع تثبيت عمليات تتم منهاالعربية . البوابة
اضغط هذا علىالرابط لتنطلق عملية تثبيت المجلة
هذه تظهر المجلة تثبيت رابط على الضغط بعدالضرورية البيانات بعض تتضمن التي الصفحةالبوابة بين االتصال عملية أن على تؤكد التي
صحيحة . بطريقة تجري البيانات وقاعدة العربية
الرابط على اضغطإلى:) انتقل التالي
.) التالية الخطوة
مرحلة جد
مهمة وهي
مرحلة إدخال البيانا
تفي مكانها الصحيإدخال ح من االنتهاء عند
الصحيحة البياناتهذا اضغطعلى
الرابط
هذه ظهوريؤكد الصفحة
التثبيت عملية أنبطريقة جرتلكن ، صحيحية
إلى الدخول قبليجب الموقع
installحذفملف
االمتداد هذا على C:\xampp\htdocs\testاتبع يشتمل الذي الملف إلى لتصلبحذفملف وقم الموقع installملفات
إلى للدخولالبوابة موقعقم العربية
هذا بتسجيلفي العنوان
المتصفح االليكتروني:Localhost/test
على تتوفر أصبحت لقدتفاعلي متكامل موقع
الشخصي بحاسوبكبياناته تحديث بإمكانكم\ن انطالقا تغيرها أو. المحتوى إدارة برنامج
على /3 وتحديثات تغييرات إدخالومحتوى ومضمون شكل
عل\\\ى وتحديثات تغييرات إدخال إ\\\نالموق\\\\ع ومحتوى ومضمون شك\\\\ل
ملف ضمن HTDOCSالمتواجدباس\تعمال الحاس\وب م\ن انطالق\ا يت\م
إل\ى APACHEبرنام\ج نقل\ه قب\ل وذل\كبرتكول باس\\تعمال اس\\تضافة موق\\ع
ftp . محتوى- إدارة إلى للدخول مالحظة
الموقعبالمتصفح الرابط هذا استعمال يجب
االليكتروني:Localhost/test/admin/index.php
Localhost/test/admin/index.php
بتسجيل الرابط هذالوحة فيالمتصفح االليكتروننحصل يهذه علىالصفحة
ادخل البياناتبشكل
كما صحيحهو
مطلوب
البيانات إدخال بعد مباشرةوالضعطعلى الصحيحة
على تدخل دخول الرابطموقع محتوى إدارة صفحة
هذه ، العربية ، البوابةتغيير من تمكن اإلدارة
ومضمون وشكل محتوىبرامج إضافة مع الموقع
. أخرى مساعدة
نقل الرابع البابالعربية البواب موقعالمحلي الخادم من
موقع خادم إلىاالستضافة
ملفقاعدة /1 تكوينامتداده احتياطي بيانات
:هوSQL
بيانات /1 قاعدة إنشاء
اضغط على
أيقونة برنامجXAMPP
ستظهر
هذه الصفحة
اضغطعلى خاصيةADMIN
الضغطعلى بعدADMINخاصية
الصفحة هذه ستفتح
خاصية اضغطعلىPHPMYADMIN
الضغطعلى بعدخاصية
PHPMYADMINهذه ستفتح
الصفحة
اضغطعلى Bases deخاصية
donneés
البيانات قاعدة اخترالمطلوبة
اضغطعلى ثمخاصية
Tout cocher
القيام بعدالمطلوبة بالعمليات
اضغطعلى Exécuter
هذه ستظهرمرة اضغط الصفحة
: على أخرىExécuter
ملف تكوين الحظملف في
يحمل المستنداتالبيانات قاعدة اسم
نوع من امتداد لهاSQL
بيانات /2 قاعدة تكويناالستضافة موقع في
موقع في التسجيل عندهذه مثل تصلك االستضافة
على تتوفر التي الرسالةLOGIN
يظهر فال السري الرقم اماإال يعرفه ال سري طبعا ألنهيجب وال نفسه، المستخدمعملية تتم ال حتى إشاعته
الموقع قرصنة
الويب متصفح في العنوان هذا سجللموقع التحكم لوحة على للدخول
الشكل على يكون ما وعادة االستضافةالتالي:
Cpanel.Sbilya.comالصفحة هذه إلى االنتقال يتم مباشرة
1
ادخل البيانات
المطلوبة هو كمامطلوب هذه في
ثم الصفحةاضغطعلى
الرابطLOGIN
2
هذه على مباشرة ستحصلالرابط على اضغط ثم الصفحة
:MySQL Databases
لقاعدة اسم باختيار قمالمكان في وسجلها البيانات
اضغطعلى : ثم المطلوبCreate Database
على تتوفر أصبحت لقد الحظبيانات قاعدة
االستضافة موقع في مخزنةالمجانية .
قاعدة /3 جداول نقلإلى الحاسوب من البياناتموقع البياناتفي قاعدة
االستضافة
الرابط على اضغطAdmin
هذه إلى الدخول عنداضغطعلى الصفحة
IMPORTER
على مباشرة ستدخلاضغط الصفحة هذه
الرابط علىChoisisser un fichier
تم الذي الملف اخترمرحلة في تسجيله
احتياطية نسخة نسخالبياناتفي لقاعدة
بعدها الحاسوباضغطعلى
OUVRIR
هذه ستظهر بعدهاتاكد التي الصفحةالملف اختيار على
اضغط ثم المطلوبالرابط على
Exécuter
تؤكد التي الصفحة هذه ستظهرالبيانات نقل عملية أن على
بنجاح تمت والجداول
موقع /4 ملفات نقل نقلمن العربية البوابة
من انطالقا الحاسوبموقع إلى المحلي الخادم
االستضافة
برنامج CORE FTP افتحاضغط ثم المطلوبة البيانات ادخل
الرابط علىCONNECT
1
2
3
4
خاللها يتم حاسمة العملية هذهالجهة من المطلوبة الملفات سحب
اليسرى الجهة إلى اليمنىواإلفالت السحب بتقنية العملية تتم
ببعضالتعديالت/ 5 القيامعلىملف
وحذف CONFIGملف INSTALL
برنامج CORE FTP افتحالرابط على اضغط ثمCONNECT
ملف HTDOCS افتح
اسم احذفه INSTALLغير أو
اسم تغير INSTALL لقد
اسم تغير ADMIN لقد
اسم تغير ADMIN لقد
اسم تغير CONF.PHP لقد
ملف مكانها ADMIN افتح في المعطيات هذه ادخلالمناسب
من للتأكد الموقع عنوان ادخلالعمليات جميع نجاح
لقد مبروكتتوفر أصبحت
موقع على.تفاعلي
العربية المجلة البوابة تثبي\ت طريقةمجاني استضافة خادم على مباشرة