التخطي إلى المحتوى الرئيسي

انشاء موقع على Google sites - الجزء الرابع

بعدما قمنا بأشناء صفحة فرعية للصفحة الرئيسية (home) قم بالذهاب الى صفحة (عن الموقع):
- اذهب الى https://sites.google.com/ ثم اضغط على الموقع المنشأ مسبقا
- من القائمة اليمنى اضغط على (عن الموقع)

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

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

الادوات:
النشرات الاخير: (في حالة وجود مدونة) يستخدم لعرض اخر المقالات في المدونة
ملفات تم تحديثها مؤخرا: (في حالة وجود صفحة عرض الملفات) يستخدم لعرض اخر الملفات التي تم تحميلها او تعديلها
عناصر القائمة الاخيرة: (في حالة وجود صفحة قائمة) يستخدم لعرض اخر ادخلات القائمة
مربع نص: لادراج حقل مخصص لكتابة نص في متن الصفحة

قائمة خدمات Google:
Adsense: خدمة عرض الاعلانات في موقعك والكسب المادي من خلاله
اداة النصوص البرمجية للتطبيقات: يمكن لصق عنوان التطبيق البرمجي ليتم تضمينه داخل الصفحة (يتطلب خبرة ببرمجة تطبيقات الويب)
التقويم: لادراج تقويم معين مع امكانية تحديد التواريخ المهمة
مخطط: لادراج مخطط بياني من ملف ورقة بيانات او نموذج موجود مسبقا على حساب Google docs الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به
مستند: لادراج مستند نصي موجود مسبقا على حساب Google docs الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به
رسم: لادراج رسم موجود مسبقا على حساب Google docs الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به
مجموعة: لادراج نص توضيحي عن مجموعات Google (ان كنت تمتلك مجموعة) واضافة مربع بحث للبحث داخل مواضيع المجموعة
الخريطة: لاضافة خريطة لمكان محدد مع امكانية اضافة اشارة على مكان دقيق (كتحديد مكان وجود الشركة في المدينة)
صورة بيكاسا: لاضافة صورة من البومات بيكاسا الخاصة بك
عرض شرائح الويب بيكاسا: لتضمين عرض الشرائح الموجود في البومات بيكاسا الخاصة بك
عرض تقديمي: لادراج عرض تقديمي موجود مسبقا على حساب Google docs الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به
جدول بيانات: لادراج مخطط بياني خام من ملف ورقة بيانات او نموذج موجود مسبقا على حساب Google docs الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به
نموذج جدول بيانات: لتضمين نموذج مباشر موجود مسبقا على حساب Google docs الخاص بك او يمكن استرداد ملف خارجي من الصاق عنوان الويب الخاص به حيث يمكن ملئ الحقول الخاصة بالنموذج مباشرة على الموقع
فيديو: حيث يمكنك اضافة فيديو من Youtube  او من حساب Google drive  الخاص بك

الان وبعد ماتعرفت على مجموعة واسعة من الادوات, قم بفتح قائمة ادراج واختر صورة:

قم بالضغط على (choose file) ثم اختر اي صورة من جهاز الحاسوب واضغط موافق (يمكن تحميل اكثر من صورة عبر الضغط Choose file واختيار صور اخرى).
الان لقد قمت برفع صورة معينة وبعد اكتمال الرفع سيتم عرض الصورة في مكان مخصص مع شريط يظهر عنوان الصورة الحي في داخل موقعك وخيارات محاذات الصورة والتفافها (تمكين التفاف الصورة يجعل النص الذي يلي صورة بشكل موازي لها ).

حيث يمكن التحكم بحجم الصورة ومحاذاتها الى اليمين او اليسار او حذفها.
الان لنضع شرحا مبسطا للصورة, مثلا قمت بكتابة (امكانيات بريد Gmail !!) تحت الصورة مباشرة وقمت بتوسيط النص بأستخدام رمز التوسيط في شريط التنسيق القياسي.
بعد ما انتهينا من الصورة لنقم باضافة خط افقي لذلك قم بوضع المؤشر في نهاية النص التوضيحي للصورة واضغط (enter) ثم قم بادراج خط افقي (ادراج /خط افقي) لتشاهد التغيير.
الان اود ان اوضح لك ميزة مهمة عند انشاء كل صفحة لذلك قم بالضغط على (اعدادات الاشعارات ) الموجود اسفل الجهة اليسرى من الصفحة ستشاهد مايلي:

الرسالة الحالية تبين اعدادات الاشعارات الخاصة بالصفحة الحالية:
الحقل الاول يمكنك اختيار احد الخيارين اما ان تريد تنبيهك بشأن اي تغيير في محتوى الصفحة (في حالة وجود اكثر من ناشر للموقع) او عدم التنبيه من خلال البريد الالكتروني
 في حالة اردت ذلك حيث لكل صفحة امكانية اضافة تعليق وتبعا لمستوى الخصوصية


في الدرس القادم سنقوم بأضافة المزيد من الكائنات والادوات لصفحة الويب لتكتسب خبرة في هذا المجال.

تحياتي.

تعليقات

‏قال Unknown
ازاي اعمل حق تسجيل الدخول للموقع
‏قال Unknown
ازاي اعمل حق الاشترك في الموقع بتاعي
‏قال Unknown
الدخول للموقع الخاص بيك هتفتح حساب gmail اللي سجلت بيه الموقع وفيه هتلاقي المواقع الخاصه بيك ادخل واختار الموقع اللي عملته .. ربنا يوفقك
https://sites.google.com/site/7adota0/
‏قال Unknown
مع كامل احترامي وتقديري لصاحب المدونه ومشكور عالمجهود الاكثر من رائع

المشاركات الشائعة من هذه المدونة

الفرق بين unlocked و locked في الهواتف المحمولة

في بعض الاحيان تلاحظ وجود كلمة unlocked بعد اسم المنتج على علبة الهاتف المحمول, او ربما يسألك البائع اذا ماكنت تريد الهاتف لشبكة اتصالات معينة ام حرا... في بعض الهواتف كهاتف iphone يتوافر نوعان منه locked و unlocked حيث الهاتف المقفل locked   يكون متاحا ويعمل على شبكة اتصالات محددة في بلدك تختارها انت بنفسك ويكون سعر الهاتف المقفل بقدر ربع السعر الحقيقي للهاتف الغير مقفل, وهذا النظام هو صفقات توقع بين شركات الهاتف وشركات الاتصالات, ومن مساوء هذه الاجهزه هو حالما تسافر الى بلد اخر سيتوقف الجهاز عن العمل تماما ولا يمكنك تشغيله على بطاقة شريحة SIM اخرى, لذا سيكون الهاتف عديم الفائدة, اما الهواتف الغير مقفلة unlocked فهي هواتف عادية تعمل على اي نوع من شبكات الاتصالات ويكون سعرها باهض جدا مقارنة بالهواتف المقفلة. 

انشاء صفحة تسجيل دخول

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

انشاء نموذج الاتصال بنا

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