PHP District

الجزء الثالث من سلسلة دروس تعلم انشاء المواقع على خدمة Google sites حيث يناقش هذا الجزء: - اضافة مختلف انواع المحتوى من صور وفيديو وغيرها الى صفحة ويب وتعديلها - اضافة الخرائط و+1 وغيرها من ادوات التفاعل مع المستخدمين - انشاء صفحة ويب بنموذج قائمة واضافة البيانات الى القائمة وتخصيصها

الجزء الأول من سلسلة دروس تعلم انشاء المواقع على خدمة Google sites حيث يناقش هذا الجزء: - ماهي Google sites – الدخول لخدمة Google sites – كيفية انشاء موقع على الخدمة من قالب فارغ أو استخدام قوالب موجودة – التعرف على واجهة البداية والقوائم – كيفية انشاء صفحات للموقع

مستوى الدرس:  متوسط اللغات المستخدمة:   PHP ,   HTML  كما أفترض ان لديك معرفة مسبقة بأساسيات لغة PHP   . البرامج المستخدمة:  مخدم  WAMP ، برنامج Adobe Dreamweaver CS5 او اي محرر "كود" برمجي . الصفحات التي سوف ننشئها :   contact.php process.php ان من الصفحات الاساسية في كل موقع هي صفحة تمكن الزائرين من الاتصال بصاحب الموقع, او المدونة او الشركة او غيرها.حيث غالبا هذه الصفحات تتكون من نماذج اتصال مثل (نموذج دردشة, نموذج ارسال رسالة) وغيرها , كما تحتوي على معلومات اتصال اخرى. نماذج الاتصال تستخدم صفحات ديناميكية لمعالجة طلب الاتصال فمثلا لو كان نموذج دردشة مع خدمة الزبائن فمن خلال الصفحة الديناميكية يتم التأكد ما ان كان الموظف متواجد ام لا وعلى هذا الاساس يتم تفعيل صفحة برنامج الدردشة والذي غالبا يكون بلغة  JavaScript . لنركز على نموذج الاتصال الشائع والذي من خلاله يمكنك ارسال رسالة تحتوي على اسمك وبريدك الالكتروني ومحتوى الرسالة الى بريد الشركة او الموقع بدون استخدام خدمات البريد التقليدية... فكيف يعمل؟ سنقوم في هذا...

سنتعلم في هذا الدرس انشاء صفحة مدونة على موقع Google sites : 1- قم بالذهاب الى ( http://sites.google.com ) ثم انقر على الموقع المنشأ سابقا 2-من خلال الصفحة الرئيسية اضغط على زر انشاء ( صفحة جديدة c )  3- قم بأدخال البيانات كما هو موضح ادناه: ثم اضغط انشاء , بعد ذلك سيتم انشاء صفحة أعلانات ( مدونة ) جديدة ومن خلال الزر ( تعديل الصفحة e ) يمكنك تعديل عنوان وترويسة الرأس للصفحة أي اضافة محتوى ثابت لصفحة المدونة. ويمكن اضافة اي كائن او اداة كما تعلمنا سابقا. أن زر مشاركة جديدة في الجهة اليمنى يمنحك الخيار لأضافة مشاركة أو موضوع للمدونة وعند الضغط على الزر ستشاهد صفحة جديدة لانشاء موضوع ويتمتع بنفس المميزات عند انشاء صفحة جديدة فيمكنك اضافة كل الكائنات من قائمة ادراج مع تنسيق النص واضافة الوسائط المختلفة. مشاركة جديدة تحتوي على زر 1+ الان بعد ما قمنا بأنشاء صفحة مدونة جاهزة للمواضيع, من القائمة الجانبية اضغط على زر الصفحة الرئيسية ( home ) . ثم اضغط على القائمة ( المزيد m ) , في هذه القائمة ستجد ثلاث اقسام ( أجراءات الصفحة و نماذج الصفحات و الاجراءات المتعلقة با...

في الدرس السابق تعلمنا اضافة بعض الكائنات الى صفحة ويب حالية, لكن الان لنبدأ العمل الجاد. سنقوم بأنشاء صفحة ( موقعنا ) تحتوي على بيانات عن مكان وعنوان الاتصال وخارطة Google تبين الموقع الجغرافي بالتحديد حتي يسهل للزوار الموقع العثور على المكان الجغرافي للمؤسسة او الشركة بسهولة. قم بأنشاء صفحة جديدة من خلال الزر ( صفحة جديدة c ) : - ضع اسم الصفحة ( موقعنا )  - قم بتغيير عنوان URL للصفحة الى ( map ) - في خانة النموذج قم بأختيار ( صفحة ويب ) - في خانة الموقع قم بوضع الصفحة في المستوى العلوي ثم اضغط أنشاء الأن سنقوم بوضع خريطة من خرائط Google ونقوم بتخصيصها لتظهر مكان محدد مع نص تعريفي, لذلك من قائمة ( ادراج ) قم بأختيار ( الخريطة ). سيظهر مربع حوار كما هو موضح : يعتبر نموذج الحوار هذا قائمة تنقل سهلة حيث من القائمة الجانبية يمكنك التبديل بين ادراج خرائط وادراج مستندات او ادراج صور وغيرها من الادوات . كما في حالة ادراج خريطة يمكنك لصق عنوان خريطة (ساكنة) منشأة مسبقا في خانة ( أو الصق رابط خرائط Google هن ا). الان قم بتحديد مكان معين عبر التقريب في الخريطة اوكتابة عنوان ...

بعدما قمنا بأشناء صفحة فرعية للصفحة الرئيسية ( home ) قم بالذهاب الى صفحة (عن الموقع): - اذهب الى  https://sites.google.com/  ثم اضغط على الموقع المنشأ مسبقا - من القائمة اليمنى اضغط على ( عن الموقع ) سيتم توجيهك الى صفحة ( عن الموقع ) واذا تأملت عنوان URL: https://sites.google.com/site/phpdistrict/home/n-almwq  ستجد اسم الصفحة قد تحول الى الاحرف الانكليزية لكن عند قرائتها تعطي نفس لفظ اسم الصفحة. بعد انتقالك للصفحة المطلوبه قم بالضغط على زر ( تعديل الصفحة e ). لقد قمت سابقا بشرح الادوات والقوائم الموجودة في شكل تحرير محتوى الصفحة. لنتعلم بعض الادوات التي يمكن اضافتها وفائدة كل منها: اضغط على قائمة ادراج ستشاهد مايلي: في القائمة تظهر مجموعة الكائنات المميزة : صورة: لأضافة صورة اما من عنوان ويب او تحميل صورة من جهاز الحاسوب رابط: لأضافة نص لرابط تشعبي جدول المحتويات: حيث عند ادراج جدول محتويات يتم ادراج جدول بعناوين النص الموجود في الصفحة لتسهيل الانتقال بين المواضيع سرد الصفحات الفرعية: من خلال هذا الزر يتم ادراج اسماء الصفحات الفرعية التابعة للصفحة ...

في هذا الدرس سنتعلم اضافة محتوى جديد الى الموقع (انشاء صفحة + استخدام الادوات الجاهزة التي توافرها Google sites )  قم بالدخول الى الصفحة الرئيسية لمواقع Google من هنا ( https://sites.google.com/ ) ثم اختر الموقع المنشأ مسبقا, بعد ظهور الصفحة الرئيسية ستلاحظ زرين متصلين ببعضهما بالجهة اليسرى من القائمة العلوية أذا امررت المؤشر فوقهما ستلاحظ ان احدهما ( تعديل الصفحة ) والاخر ( صفحة جديدة ). قم بالضغط على زر انشاء صفحة جديدة ( c ) : ضع اسمًا لصفحتك: يستخدم لعنونة الصفحة والاسم ايضا يستخدم في عنوان URL للصفحة. تحديد نموذج لاستخدامه: - صفحة ويب: لانشاء صفحة ويب اعتيادية متعددة المحتوىز - الاعلانات: انشاء مدونة لاضافة المواضيع الدورية وامكانية التعليق عليها - خزانة الملفات: صفحة لترتيب الملفات المرفوعة والمشاركة مع زوار الموقع - قائمة: لانشاء صفحة تحتوي على جداول لمعلومات معينة بترتيب معين حدد موقعًا: يستخدم لتحديد موقع الصفحة من شجرة الموقع الرئيسية (تضمين كصفحة فرعية او انشاء صفحة مستقلة). الان قم بتعبئة الحقول كما هو موضح ادناه: ثم اضغط انشاء. بعد ذلك ستظهر الصف...

حتى الان قمنا بانشاء موقع من قالب فارغ, في هذا الدرس سوف نتعرف الى صفحة ادارة الموقع واهم خصائصها.. ان النسخة الافتراضية من خدمة مواقع Google  هي باللغة الانكليزية لكن رغم ذلك تتوفر هذه الخدمة باللغة العربية ايضاً لذلك دعنا نتعلم التحويل الى الواجهة العربية وسنقوم بتحويل لغة عرض الموقع ولغة الواجهة الاساسية. تحويل لغة الواجهة الاساسية: 1- قم بالذهاب الى صفحة Google الخاصة ببلدك حيث يكون النطاق يحوي رمز البلد (مثال:  www.google.iq ) ثم حدد اللغة المستخدمة " العربية " كما هو موضح ادناه: * ان كانت صفحة Google الرئيسية غير متوفرة لبلدك يمكنك استخدام نطاق اي بلد عربي اخر او ببساطة يمكنك التوجه الى ( http://sites.google.com/?hl=ar ) 2- ثم بعد ذلك قم بالذهاب الى صفحة مواقع Google على العنوان:  http://sites.google.com , واضغط على اشارة الترس المسنن ثم أختر User Settings ومن خلال حقل Language  اختر اللغة العربية . 3- قم بتأشير خانة Keyboard shortcuts حيث ستفيدنا بالتنقل بشكل اسرع خلال القوائم ثم احفظ التغييرات. تحويل لغة عرض الموقع: 1- من خلال الصفحة الرئيس...

في هذه الدروس سوف تتعلم انشاء موقع متكامل على واحده من افضل خدمات انشاء المواقع على الانترنت , Google sites. Google sites: هي خدمة توفرها شركة Google تمكن الاشخاص والشركات والمؤسسات من انشاء مواقع متكاملة وديناميكية بدون اي رسوم, حيث يمكنك من انشاء موقع من قوالب فارغة أو الاختيار من مئات القوالب التي توفرها Google او القوالب التي ينشرها المصممون الذين يستخدمون هذه الخدمة. المميزات التي توفرها خدمة Google sites: 10GB من المساحة المجانية خدمات مدمجة في الموقع (google maps, Google docs ) وغيرها من الخدمات المتاحة للأستخدام بسهولة انشاء صفحات ويب ديناميكية غنية ويمكن اضافة اي نوع من الوسائط (documents و presentations الخ ) انشاء صفحات مقالات تعتبر بمثابة (منتدى حوار) يمكن التحكم بخصوصية كل محتوى على الموقع بسهولة التحكم بمستويات الادارة في الموقع (المالك, المشرف او الناشر ,  القارئ) لاتحتاج الى اية مهارات في لغات البرمجة تحرير وتعديل المحتوى مباشرة من الصفحة بدون اللجوء الى صفحة التحكم لماذا Google sites ؟ هناك العديد من ...

مستوى الدرس:  متوسط اللغات المستخدمة:   PHP ,  SQL, HTML  كما أفترض ان لديك معرفة مسبقة بأساسيات لغة SQL والقليل من PHP   . البرامج المستخدمة:  مخدم  WAMP ، برنامج Adobe Dreamweaver CS5 او اي محرر "كود" برمجي . الصفحات التي سوف ننشئها :   Index.html   process.php   welcome.html ان انشاء صفحة تسجيل دخول حقيقية ليست بالصعوبة التي تتصورها فكل الية تسجيل دخول تتشابه بالاساسيات وربما تختلف من ناحية الجرافكس او شدة الاجراءات الوقائية, في النهاية كلها تتألف من ثلاث مراحل (ادخال البيانات, التحقق من وجود البيانات في قاعدة البيانات, التصرف في حال وجودها ام عدمه) لاشيء اخر وكلها في غاية السهولة!! تابع معي: الخطوة الاولى يجب ان ننشىء جدول في قاعدة البيانات يحتوي على جدول مكون من ثلاثة حقول (id, user, pass) وسندخل بعض المعلومات عن اسماء مستخدمين وكلمات السر كما هو موضح في الصورة: لقد ادخل معلومات مستخدم واحد كما هو موضح , والان لننتقل الى الخطوة التالية: الخطوة الثانية انشاء الصفحات الثلاث (صفحة استقبال المعلومات, صفحة معالجة ا...