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

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

في هذه الدروس سوف تتعلم انشاء موقع متكامل على واحده من افضل خدمات انشاء المواقع على الانترنت , Google sites.

Google sites: هي خدمة توفرها شركة Google تمكن الاشخاص والشركات والمؤسسات من انشاء مواقع متكاملة وديناميكية بدون اي رسوم, حيث يمكنك من انشاء موقع من قوالب فارغة أو الاختيار من مئات القوالب التي توفرها Google او القوالب التي ينشرها المصممون الذين يستخدمون هذه الخدمة.


المميزات التي توفرها خدمة Google sites:


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




لماذا Google sites ؟
هناك العديد من المواقع و الشركات التي يمكن من خلالها انشاء مختلف المواقع المجانية فلماذا google sites؟ weebly على سبيل المثال هو احد المواقع المشهورة التي تمنح المستخدمين امكانية انشاء مواقع ومدونات من مختلف القوالب لكن الاخيرة تحتوي على بعض المساوئ كعدم امكانية اخفاء الاعلانات في الخطة المجانية, عدم امكانية تحديد خصوصية المحتوى, عدم امكانية مشاركة الملفات وغيرها من الخصائص غير متوفرة والتي ستتعرف عليها من خلال استخدام Google sites.
كل مايتطلبه الامر للبدء بأنشاء موقع هو حساب على Google وان كنت لاتمتلك حساب يمكنك التسجيل من هنا.

البدء بأنشاء موقع على Google sites
قم بالذهاب الى العنوان التالي https://sites.google.com/ بعدها ستظهر الصفحة التي ستحتوي على اسماء المواقع التي تنشئها, بعد ذلك اضغط على زر CREATE الموجود اعلا اليسار لتنشئ موقع جديد ستظهر الشاشة التالية:




من خلال (select template to use) يمكنك الاختيار من مئات القوالب المتوفرة مجانا وقد تستعرض جزءاً منها (للمزيد اضغط browse the gallery for more ) 
قم بأختيار blank template (قالب جديد فارغ) سيتم تحديد الاختيار. والان في حقل Name your site يمكنك كتابة عنوان موقعك (اسم الموقع).
في حقل Site location يمكنك تخصيص العنوان الفرعي لموقعك مثلا لوكتبت (phpdistrict) سيكون العنوان الكلي للموقع هو ( http://sites.google.com/site/phpdistrict )  .
عند الضغط لتوسيع حقل Select a theme سترى مجموعة واسعة من الانماط القياسية لصفحات الموقع ويمكن ان تفيد هذه الانماط في حالة القوالب الفارغة . قمت بأختيار نمط Madison.
وفي حقل More options يحتوي على نموذج Site description وهو يستخدم لوصف موجز عن موقعك (عن ماذا يعبر موقعك أو ما الذي تقدمه من خدمات وما الى ذلك).
قم بكتابة صورة التحقق من المستخدم واضغط CREATE في القائمة العائمة العلوية. بعد ذلك يتم بناء موقع فارغ جديد وتظهر الصفحة الرئيسية كما في الصورة ادناه:




من المميزات المثيرة للأهتمام هو وجود مربع بحث داخل الموقع ومدعم من Google لذا سيكون كل المحتوى (العام) متاح للبحث مقدما, كما ستجد في القائمة (على اليسار) رابط لخارطة الموقع Sitemap ودليل لآخر نشاطات الموقع في Recent site activity (القائمة السفلية) .
حتى الان قمت بأنشاء موقع جديد مايزال الطريق طويلا لتعلم ادارة الموقع واضافة المحتوى والعديد من المميزات الاخرى التي سأتطرق اليها في دروس قادمة إن شاء الله.
دمتم بخير.

تعليقات

‏قال Naw Fal
لماذا يستخدمون مدونات بلوجر اكثر من هذا الموقع؟ مع ان كلاهما مجاني
وهل هو أفضل ام بلوجر؟
‏قال 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 . لنركز على نموذج الاتصال الشائع والذي من خلاله يمكنك ارسال رسالة تحتوي على اسمك وبريدك الالكتروني ومحتوى الرسالة الى بريد الشركة او الموقع بدون استخدام خدمات البريد التقليدية... فكيف يعمل؟ سنقوم في هذا الدرس بأنشاء صفحة (اتصل بنا) تحتوي على