مجلة المعرفه والأبداع by dunia egbaria - Illustrated by students beitberl collage - Ourboox.com
This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

مجلة المعرفه والأبداع

by

Artwork: students beitberl collage

  • Joined Jun 2022
  • Published Books 2

مجلة المعرفة والأبداع

مقدمه

مُرَحِّبًا بِكُمْ طُلَّابُ مَدْرَسَةِ عُمَّالِ اَلثَّانَوِيَّةِ لَقَدْ ذَكَرَتْ اَلْقِرَاءَةُ فِي أَكْثَرَ مِنْ مَوْضِعٍ فِي اَلْقُرْآنِ اَلْكَرِيمِ وَفِي اَلسُّنَّةِ اَلنَّبَوِيَّةِ اَلشَّرِيفَةِ ، فَقَدْ ذَكَرَتْ فِي اَلْقُرْآنِ اَلْكَرِيمِ فِي قَوْلِ اَللَّهِ تَعَالَى : ( اقْرَأْ بِاسْمِ رَبِّكَ الَّذِي خَلَقَ . خَلَقَ الْإِنْسَانَ مِنْ عَلَقٍ * اقْرَأْ وَرَبُّكَ الْأَكْرَمُ * الَّذِي عَلَّمَ بِالْقَلَمِ * عَلَّمَ الْإِنْسَانَ مَا لَمْ يَعْلَمْ ) يُوجَدُ اَلْعَدِيدُ مِنْ اَلشَّبَابِ قَامُوا بِتَحْقِيقِ أَحْلَامِهِمْ بِالتَّعْلِيمِ وَالِاسْتِمْرَارِ عَلَى تَحْقِيقِ اَلنَّجَاحِ دَائِمًا ، فَإِذَا نَظَرْنَا إِلَى اَلْمَوَادِّ اَلَّتِي يَدْرُسُهَا اَلطَّالِبُ نَجِدُ أَنَّهُ يَدْرُسُ جَمِيعُ اَلْعُلُومِ اَلَّتِي مِنْ اَلْمُمْكِنِ أَنْ تُفِيدَهُ فِي حَيَاتِهِ اَلْعِلْمِيَّةِ وَالْعَمَلِيَّةِ ، وَأَنَّ أَهَمِّيَّةَ اَلتَّعْلِيمِ لَا يَشْعُرُ بِهَا أَيُّ أَحَدٍ آخَرَ غَيَّرَ مِنْ جَرَبِهَا ، وَيُوجَدَ اَلْعَدِيدُ مِنْ اَلْأَشْخَاصِ مِنْ تَعَلَّمُوا حُبًّا فِي اَلتَّعْلِيمِ وَلَيْسَ رَغْمًا عَنْهُمْ ، مَعَ اَلِاسْتِثْنَاءَاتِ اَلَّتِي قَدْ تَحَدَّثَ أَحْيَانًا بِنِسْبَةٍ ضَئِيلَةٍ مِثْلٍ إِخْرَاجِ اَلْأَطْفَالِ مِنْ اَلتَّعْلِيمِ بِسَبَبِ اَلظُّرُوفِ اَلْمَادِّيَّةِ وَجَعْلِهِمْ يَعْمَلُونَ مَعَ آبَائِهِمْ لِتَوْفِيرِ اَلْمَالِ لِلْمَنْزِلِ اَلْخَاصِّ بِهُمْ . وَهَذِهِ اَلْأَسْبَابُ قَهْرِيَّةً وَتَكَوُّن بِنِسْبَةٍ ضَئِيلَةٍ جِدًّا فِي اَلْمُجْتَمَعِ وَلِذَلِكَ قَامَتْ اَلْعَدِيدَ مِنْ اَلْمُؤَسَّسَاتِ وَمُنَظَّمَاتِ حُقُوقِ اَلطِّفْلِ بِتَوْفِيرِ اَلتَّعْلِيمِ لِهَؤُلَاءِ اَلْأَطْفَالِ غَيْرِ اَلْقَادِرِينَ ، وَتَقُومَ اَلدَّوْلَةُ أَيْضًا بِحَصْرٍ لِهَؤُلَاءِ اَلْأَطْفَالِ وَمُسَاعَدَتِهِمْ مَادِّيًّا وَيَتِمُّ مُعَاقَبَةَ اَلْآبَاءِ اَلَّذِينَ يَجْعَلُونَ اَلْأَطْفَالُ يَعْمَلُونَ تَحْتُ اَلسِّنِّ اَلْقَانُونِيِّ . وَيَتَسَاءَلَ اَلْكَثِيرُونَ لِمَاذَا يَسْجُنُونَ اَلْآبَاءُ اَلَّذِينَ يَجْعَلُونَ اَلْأَطْفَالُ يَعْمَلُونَ تَحْتُ اَلسِّنِّ اَلْقَانُونِيِّ ؟ وَالْجَوَابُ لِأَنَّهُ يُعْتَبَرُ اِنْتِهَاكًا لِحُقُوقِ اَلطِّفْلِ ، وَتُحَاوِلَ اَلْمُؤَسَّسَاتُ اَلْمُهْتَمَّةُ بِحُقُوقِ اَلطِّفْلِ مِنْ تَوْفِيرِ كَافَّةِ سُبُلِ اَلتَّعْلِيمِ لِلْأَطْفَالِ اَلَّذِينَ آبَاؤُهُمْ غَيْرُ قَادِرِينَ عَلَى مَصَارِيفِ اَلتَّعْلِيمِ لِجَعْلِهِمْ يَعْمَلُونَ مِثْلٌ اَلْأَطْفَالِ اَلَّذِينَ فِي عُمْرِهِمْ ، وَبِذَلِكَ يَخْرُجُ لَنَا جِيلٌ يَقُودُ اَلْمُجْتَمَعُ وَيَبْنِيهُ بِطَرِيقَةٍ سَلِيمَةٍ . أَهَمِّيَّةُ اَلتَّعْلِيمِ مِنْ مَنْظُورٍ آخَرَ اَلسَّعْيَ لِلتَّعْلِيمِ يَجْعَلُ اَلْإِنْسَانُ يَكْسِبُ رِضَا اَللَّهِ ، فَعِنْدَمَا يَتَعَلَّمُ اَلْعُلُومَ اَلشَّرْعِيَّةَ فَإِنَّهُ يَتَعَلَّمُ مَا هِيَ اَلْوَاجِبَاتُ اَلدِّينِيَّةُ وَيَبْتَعِدُ عَنْ اَلْمُحَرَّمَاتِ اَلَّتِي تَغْضَبُ اَللَّهَ تَعَالَى وَتَكْسِبهُ أَيْضًا اَلْمَكَانَةَ اَلِاجْتِمَاعِيَّةَ بَيْنَ أَبْنَاءِ اَلْمُجْتَمَعِ ، وَزِيَادَةُ قُدْرَتِهِ عَلَى حَلِّ اَلْمَشَاكِلِ وَثِقَتِهِ بِنَفْسِهِ ، وَيَرْفَعَ اَلتَّعْلِيمُ مِنْ شَأْنِ اَلْعَبْدِ حَيْثُ قَالَ تَعَالَى : ( قَلَّ هَلْ يَسْتَوِي اَلَّذِينَ يَعْلَمُونَ وَاَلَّذِينَ لَا يَعْلَمُونَ إِنَّمَا يَتَذَكَّرُ أُولُو اَلْأَلْبَابِ ) . قِيمَةُ اَلْعَلَمِ اَلْحَضَارِيَّةِ تُحَقِّقُ لِلشُّعُوبِ اَلِاسْتِقْرَارُ وَالتَّمَيُّزُ وَتَقِيهَا مِنْ اَلضَّعْفِ وَالِانْحِلَالِ وَأَيْضًا مِنْ اَلْعِلَلِ وَالْأَوْبِئَةِ اَلْفَتَّاكَةِ ، وَيُسَهِّلَ مُخْتَلِفُ مَظَاهِرِ اَلْحَيَاةِ وَيُشَجِّعُ اَلتَّقَدُّمُ وَالْإِبْدَاعُ ، وَيَجْعَلَ اَلْعَلَمُ اَلْفَرْدُ يَتَغَلَّبُ عَلَى صُعُوبَاتِ اَلْحَيَاةِ وَيَخْتَصِرُ اَلْوَقْتُ وَالْجُهْدُ وَيَبْنِي لِلْفَرْدِ نَفْسِهِ وَيُحَقِّقُ ذَاتُهُ ، وَيُسَاهِمَ فِي اِنْدِمَاجِ اَلْفَرْدِ فِي اَلْمُجْتَمَعِ وَيُسَهِّلُ مُخْتَلِفُ مَظَاهِرِ اَلْحَيَاةِ وَيُشَجِّعُ اَلْإِبْدَاعُ وَالتَّقَدُّمُ . مُقَوِّمَاتُ اَلتَّعْلِيمِ إِدْرَاكَ مَعْرِفَةِ قِيمَةِ اَلْوَقْتِ مِنْ مُقَوِّمَاتِ اَلتَّعْلِيمِ ، حَيْثُ يَسْتَغِلُّ اَلطَّالِبُ وَقْتَهُ فِي اَلتَّحْصِيلِ مِنْ اَلْعَلَمِ بِطَرِيقَةِ مُنَظَّمَةِ وَالِاسْتِفَادَةِ مِنْ اَلتِّكْنُولُوجْيَا اَلْمُتَقَدِّمَةِ اَلَّتِي تَتَجَدَّدُ بِاسْتِمْرَارِ كَالِيوتِيوبْ وَغَيْرِهِ مِنْ وَسَائِلِ اَلتِّكْنُولُوجْيَا اَلَّتِي ظَهَرَتْ حَدِيثًا . أَهَمِّيَّةُ اَلتَّعْلِيمِ فِي اَلْإِسْلَامِ قَالَ رَسُولُ اَللَّهِ – صَلَّى اَللَّهُ عَلَيْهِ وَسَلَّمَ – : “ مِنْ سِلْكِ طَرِيقًا يَلْتَمِسُ بِهِ عِلْمًا سَهَّلَ اَللَّهُ لَهُ بِهِ طَرِيقًا إِلَى اَلْجَنَّةِ ” . فَالْعِلْمُ وَالتَّعَلُّمُ وَالسَّعْيُ اَلْمُسْتَمِرُّ مِنْ طَاعَةِ اَللَّهِ ، وَالشَّخْصُ اَلَّذِي لَدَيْهِ مَعْرِفَةُ بِسَبَبِ اَلتَّعْلِيمِ يَتَمَكَّنُ مِنْ نَفْعِ مُجْتَمَعِهِ بِغَرْسِ اَلْأَفْكَارِ وَالْقِيَمِ اَلْبَنَّاءَةِ ، فَعِنْدَمَا يَدْرُسُ اَلطَّالِبُ وَيَبْذُلُ مَجْهُودًا كَبِيرًا لِكَيْ يَصِلَ إِلَى طُمُوحِهِ يَعْتَبِرُ مِنْ أُمُورِ اَلْعِبَادَةِ أَيْضًا ، وَالْأَخْلَاقُ وَالْعِلْمُ يَعْتَبِرَانِ وَجْهَانِ لِعُمْلَةٍ وَاحِدَةٍ ، حَيْثُ إِنَّ اَلْعَلَمَ وَالْأَخْلَاقَ هُمَا اَللَّذَانِ يِؤْهِلَانْكْ لِأَعْلَى اَلْمَنَاصِبِ ، وَلَا عِلْم بِدُونِ أَخْلَاقٍ وَلَا أَخْلَاق بِدُونِ عِلْمٍ ، فَالْحَيَاةُ مَثَّلَ اَلسِّلْمُ اَلَّذِي يُصَعِّدُ عَلَيْهِ وَعِنْدَ وُجُودِ اَلْعَلَمِ وَالْأَخْلَاقِ يُسَهِّلُ ذَلِكَ عَلَيْكَ مِنْ اَلْوُصُولِ لِطُمُوحِكَ ، فَالْأَخْلَاقُ تَجْعَلُكَ تَزْدَادُ تَوَاضُعًا كُلَّمَا اِرْتَقَيْتُ . نَحْنُ طَالِبَاتُ كُلِّيَّةُ بَيْتِ بِيرْلْ نُقَدِّمُ لَكُمْ مَجَلَّتِنَا اَلْمَعْرِفِيَّةِ وَالْمَعْلُومَاتِيَّةِ وَهِيَ ضِمْنُ اَلْمَشْرُوعِ اَلْمَدْرَسِيِّ ساعه 80 , تَتَضَمَّنَ اَلْمَجَلَّةُ كَيْفِيَّةَ بِنَاءِ مَوَاقِعَ اَلْإِلِكْتِرُونِيَّةِ , اَلشَّبَكَاتُ , وَلِكَيْ تَتَمَكَّنُوا مِنْ اَلْقِيَامِ بِالْخُطُوَاتِ وَفْقًا لِمَا تِتَحْتُويْ اَلْمَجَلَّةُ مِنْ مَضَامِينَ , لِذَلِكَ قُمْنَا بِتَجْمِيعِ اَلْمَعْلُومَاتِ وَوَضْعِهَا فِي مَجَلَّةٍ وَاحِدَةٍ , مِنْ أَجْلِ اَلتَّسْهِيلِ عَلَيْكُمْ وَتَقْدِيمِ اَلْأَفْضَلِ لَكُمْ . أَتَمَنَّى أَنْ تَنَالَ إِعْجَابَكُمْ طُلَّابِيٌّ اَلْأَعِزَّاءِ وَفَّقَكُمْ اَللَّهُ لِمَا يُحِبُّ وَيَرْضَى , أَتَمَنَّى لَكُمْ دَوَامُ اَلتَّقَدُّمِ وَالنَّجَاحِ .

مُقَدَّمُ مِنْ طَالِبِ تَخَصُّصِ اَلْحَاسُوبِ وَمُرْشِدَةِ اَلْحَاسُوبِ د . هِبَةُ بُلْعُومٍ : دُنْيَا أَغْبَارِية إِيهْ مَسْعُودْ

  حُنَيْنْ مَحَاجْنَهْ رَأْيُهُ جِمِييل

:الفهرس 

صفحه 2 الى 100: كيفية بناء المواقع

صفحه

صفحه

صفح

ما هي اهمية وكيفية انشاء وتصميم موقع الكتروني Website:

ان اهمية وكيفية انشاء وتصميم موقعك الإلكتروني تكمن بعدة كلمات (ما هو هدفك من إنشاء الموقع الإلكتروني)، يجب عليك ايها القارئ العزيز ان تحدد هدفك قبل القيام بذلك، لأن بداية النجاح تكمن في التخطيط السليم وانشاء خريطة طريق لك ولمستقبلك ومستقبل موقعك هل هدفك ربحي ام مجرد هواية أم ماذا، الجميع في وقتنا الحالي ولنقل الأغلب يفكر في سبيل للربح وسبيل لانتشار أكبر للعمل الخاص به أو المنتج الذي يقدمه للبيع أو الخدمات التي يريد أن يقدمها للجمهور أياً كان نوع هذه الخدمات، لكن لنطلعك على طريق النجاح هذا وأهمية وفوائد انشاء وعمل الموقع الالكتروني للنشاط الخاص بك ينبغي أن نقدم لك بعض النماذج وبعض التجارب الحقيقية الناتجة عن عمل موقع الويب.
هل رأيت نجاح موقع فيسبوك المبهر كواحد من أكبر الشركات في العالم وصاحبة “مارك” الذي يعد من أغنى الأشخاص في العالم حالياً، أم رأيت الصفقة الكبيرة التي قامت شركة أمازون بها بشراء موقع “سوق دوت كوم” ب حوالي 580 مليون دولار، هذه النجاحات فقط لمواقع الكترونية بدأت من غرفة صغيرة أو فكرة بسيطة لكن العمل الجاد ومواكبة التطورات تصل بك لمثل هذا، خاصة في ظل التقدم الرهيب وانتشار التجارة الالكترونية والعمل الاونلاين، فمثلاً سوق دوت كوم هو موقع إلكتروني لبيع المنتجات وحقق نجاح مبهر في الفترة الماضية وصل به لهذا السعر المدهش، وهذا خير دليل لمن يقولون أن العمل من خلال الانترنت اونلاين قد لا يجدي

نفعاً

صطلحات مهمة يجب عليك معرفتها عند إنشاء وتصميم موقع الكتروني :

الاستضافة Web Hosting:

هي مساحة تخزين توفرها شركات الاستضافة العالمية تتيح لك تخزين ورفع ملفات موقع الويب الخاص بك صور ،فيديو،مقالات،سكربتات وغيرها.لو قلنا انك تمتلك لافتة أو صورة كبيرة او اعلان وتريد ان تضعها في منطقة مرتفعة مثلا مدينة لكي يراها الناس جميعهم فانت بحاجة الى ادوات كثيره وعمال وآلات وشاحنات وغيرها صحيح لكن هذا مكلف جدا بالنسبة لك،ماذا لو ذهبت الى شركة متخصصة في هذه الأمور وطلبت منهم وضع اللافتة لديهم ورفعها ستكون التكلفه بسيطه بالنسبة لشراء كل تلك الأمور السابقة وكذلك كيفية انشاء وتصميم وبناء موقع الكترونيالاستضافة (الهوست)فعندما تمتلك معلومات وصور وغيرها وتريد انشاء موقع الكتروني ويشاهده الناس جميعا على شبكة الويب فانت بحاجة الى شركات الاستضافة لكي تحجز عندهم مساحة معينة خاصة بك (على سيرفراتهم Server، خادم) وبعدها رفعها على شبكة الويب، ويوجد الآن عدة مصطلحات منتشرة في وقتنا حاليا جميعها تعود إلى مفهوم الإستضافة الذي قمنا بشرحه قبل قليل منها” استضافة الويب،استضافة موقع الويب، استضافة، هوست”، اذن نصل الى شيء مهم وهو ان انشاء موقع الكتروني ولكي يكون متوافر على الإنترنت،يجب تخزينه على بعض ” الخوادم،أجهزة كمبيوتر،server ” هذه الخوادم  Server هي التي ستخزن عليها موقعك الإلكتروني وهي التي توفرها شركات الإستضافة سواء المجانية أو المدفوعة.

النطاق او الدومين Domain:

هو ما يسمى ب عنوان موقع الويب (اسم موقعك) وهو الاسم الذي يكتبه الزائر في متصفح ما لفتح موقع معين. على سبيل المثال،اسم الدومين او النطاق الخاص بـ موقعي ماستر هوستنج هو www.masterhosting.com، لنقل ايضا انه اسم موقعك الذي سيعرف على شبكة الانترنت وعن طريقه سيجدك الناس، اذن يجب عليك الحصول على اسم دومين صحيح وفريد في كيفية انشاء وتصميم وبناء موقع الكترونيبعض الأحيان ،حيث يجب عليك اختيار اسم الدومين وكأنك تختار اسم لشركتك الفعلية على ارض الواقع حيث تقوم بعمل تحليل كامل لاسم الدومين وما تأثيره وسهولة حفضة وتذكره للزائر لكن المحتوى الجيد في موقع وما يقدمه من الممكن أن يساعدك في تخطي هذه الخطوة المهمة ،لو بحثنا على شبكة النت لوجدنا أسماء مواقع عالمية وذات اسماء دومينات غريبه لكن جودة المحتوى وجودة الخدمات التي تقدمها جعلت من اسمها براند عالمي،إذن اسم الدومين هو من أهم أجزاء هويتك على الانترنت وهو الشيء الأول الذي يتبادر الى ذهن الزائر ويكتبه على متصفح النت مثل Google,youtube, وغيرها والذي يجب ان تهتم فيه عند انشاء الموقع الالكتروني.

كيفية انشاء وتصميم موقع الكتروني:

تستطيع بناء وانشاء موقع الكتروني من الصفر (من خلال لغات البرمجة) لكن لا انصح بذلك لأنه سيأخذ منك الكثير من الوقع والجهد والنتيجة النهائية لا اعتقد انها ستكون مرضية حيث يجب عليك تعلم عدة لغات منها html , css and JavaScript وتحتاج الى ما يقل عن 6 أشهر حتى تتقنها بشكل مقبول ومن الممكن ان تزيد اكثر واكثر، اذن نحن هنا نريد ان نقوم بإنشاء وتصميم موقع الكتروني مثلا خلال  يوم او يومين وبنتائج مبهرة ولذلك سنتجة الى منصات انشاء المواقع website builders  او ما يسمى ب content management systems نظام ادارة المحتوى (CMS).

من أشهر منصات صناعة المواقع:

كيفية انشاء وتصميم وبناء موقع الكتروني

  • WordPress (يوجد منصة مجانية وأخرى مدفوعة)
  • Wix
  • Magneto
  • Joomla

حيث تعد منصة WordPress اشهر منصة موجودة ونسبة استخدامها بالنسبة للمنصات الأخرى 52%

هنالك طريقتين لإنشاء موقع الكتروني الطريقة المجانية و الطريقة المدفوعة:

كيفية انشاء وتصميم موقع الكتروني مجاني:

تستطيع صديقي ان تقوم بانشاء موقع الكتروني مجاني بدون اي تكلفة مادية وذلك من خلال عدة منصات أهمها:

  • ووردبريس WordPress
  • موقع WebFlow
  • موقع ويبلي Weebly
  • موقع تلدا Tilda
  • مدونات بلوجر Blogger

خطوات وكيفية انشاء وتصميم موقع الكتروني مدفوع WordPress:

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

1- اختيار شركة الاستضافة:

إن اختيار شركة الاستضافة التي تناسبك يعتمد على امور كثيرة منها:

  • سعر الاستضافة
  • سرعة الموقع
  • سعة التخزين
  • الباندويث
  • شهادة الأمان
  • الدعم الفني

2- حجز واختيار اسم النطاق الدومين:
قلنا إن اسم النطاق الدومين Domain هو عنوان الموقع والاسم الذي من خلاله يستطيع الزائر البحث عنك حيث ان اسم النطاق ينتهي  (com.)  (.net) وغيرها من نهايات النطاقات.

3- شراء الاستضافة:
تستطيع شراء الاستضافة من خلال بطاقة Credit Card أو من خلال Paypal وغيرها من وسائل الدفع.

4- تنصيب الوورد بريس:
الووردبريس هي المنصة التي سنستخدمها في تطوير موقعنا وسنقوم بتثبيتها على الاستضافة.

.

ما هو الموقع الإلكتروني (website)؟

هناك الكثير من التعريفات للموقع الإلكتروني، وتختلف هذه التعريفات وفقاً لمنظور من يقوم بالتعريف.

الموقع الإلكتروني بالنسبة للزائر: هو عبارة عن عنوان على شبكة الإنترنت يقوم بزيارته من أجل الحصول على شيء ما، ربما شراء منتج أو خدمة، أو الحصول على معلومة، أو حتى من أجل الترفيه.

الموقع الإلكتروني بالنسبة لصاحب الموقع والقائمين عليه: هو النافذة التي من خلالها يتم الوصول للعملاء أو الزوار المستهدفين، بغرض التسويق لمنتج أو خدمة، أو لمحتوى موجود بالموقع، والهدف في أغلب الأحيان يكون الحصول على ربح مادي.

والربح المادي هنا له الكثير من الطرق مثل بيع المنتجات أو الخدمات للزائر مباشرة، أو بيع منتجات أخرى بطريقة التسويق بالعمولة، أو الربح من خلال الإعلانات… سوف نتناول ذلك في مقالنا لاحقاً

الموقع الإلكتروني بالنسبة لمطوري ومصممي المواقع: هو عبارة عن مجموعة من الملفات التي يتم كتابتها بـ لغات برمجية متخصصة، والتي تعمل معاً من أجل تكوين شكل الموقع (التصميم) والوظائف الخاصة به (التطوير).

إن الموقع الإلكتروني هو المكون الأول والأساسي في العملية التسويقية على الإنترنت، فلا يوجد تسويق إلكتروني بدون موقع إلكتروني، فهو يمثل المكان الذي يلتقي به البائع والمشتري والكاتب والقاريء معاً.

إنشاء موقع إلكتروني

صميم الموقع الإلكتروني

في هذا الجزء سوف نتناول ما هو تصميم الموقع الإلكتروني Website Design، وأهميته، ومراحله، وعوامل نجاحه.

تصميم موقع إلكتروني: يعني عمل شكل وهيكل متكامل للموقع من صفحة رئيسية وصفحات داخلية، وكل جزء ظاهر في الموقع. وهو يتضمن كل مايتعلق بالشكل المرئي الذي يظهر أمام الزائر وهذا يشمل:

  • حجم صفحات الويب داخل الموقع من حيث أنها تكون بملء المتصفح، أم داخل إطار يمثل نسبة من المتصفح.
  • شكل الصفحة الرئيسية والصفحات الأخرى مثل صفحة عرض المقالات، وصفحة عرض الاقسام.
  • حجم ونوع الخط في كل النصوص المستخدمة بالموقع.
  • ألوان الموقع بكل صفحاته.
  • أماكن ظهور شعار الموقع واسمه، وأيقونات مواقع التواصل الاجتماعي.
  • شكل وحجم رأس الموقع وذيله.

أهمية التصميم لموقعك الإلكتروني
1. للتصميم أهمية كبيرة جداً في خبرة زوار موقعك

البشر بطبيعتهم في كثير من الأحيان، يحكمون على الأشياء حسب مظهرها، لذلك عليك بعمل تصميم جذاب وفريد لموقعك، يحبه المستخدم ويشعر براحة في التعامل معه.

2. تصميم موقعك يؤثر على رؤية جوجل له

فالموقع السهل في التصميم والذي تتوافر به عوامل التصميم الجيدة، يكون مهيئا للزحف من قبل محركات البحث.
أيضاً جوجل يرصد خبرة الزائر الجيدة مع موقعك، ويراها مؤشر جيد لتحسين ظهوره في نتائج البحث الأولى.

3. تصميم موقعك يترتب عليه أيضا برمجته أو تطويرهفإذا كان تصميم موقعك جيداً ومنظماً وبه كل الأدوات التي تريدها، كانت مهمة البرمجة أسهل، فكل خاصية أو أداة أو ميزة في موقعك يجب أن تبدأ من التصميم.

مراحل عمل تصميم موقع إلكتروني
تنقسم خطوات تصميم أي موقع إلكتروني إلى ثلاثة خطوات؛ في أحيان يقوم بها شخص واحد أو

شخصان أو حتى ثلاثة أشخاص مختلفين.

عوامل نجاح تصميم موقعك الالكتروني

العوامل بالأسفل هي العوامل التي يجب توضيحها لمصمم موقعك، أو يجب وضعها في الاعتبار عن اختيار تصميم جاهز لموقعك:

1. الملاءمة

طبيعة زوارك هو مفتاحك الأهم الذي يجب أن تنطلق منه عند التفكير بتصميم موقعك. اختر التصميم الذي يلاءمهم ويتوافق مع طبيعتهم وميولهم. فمثلاً في حال كان غالبية زوار موقعك من الإناث، فالألوان هنا يجب أن تكون جذابة ورقيقة لتناسب حس الإناث الراقي.

2. التفرد والتميز

يجب أن يكون تصميم موقعك فريداً ومميزاً، ومختلفاً عن باقي المواقع، وذلك حتى يستطيع الزوار تمميزه عن باقي المواقع وينطبع في ذاكرتهم بقوة.

لا بأس أن تأخذ بعض المواقع المشهورة في مجالك كملهم لك، ولكن تجنب استخدام نفس التصميمات بنفس الألوان، فهذا سوف يترك انطباع سيء لدي الزوار.

3. المهم في المكان الأنسب

يجب أن يكون تصميم موقعك معتمداً على إبراز العناصر المهمة، والتي تريد أن يلتفت إليها المستخدم. على سبيل المثال مكان أيقونات مواقع السوشيال ميديا، يجب أن تكون في مكان واضح وأمام عين المستخدم.

4. استجابة التصميم مع جميع الأجهزة

في السنوات القليلة الماضية، اتسع حجم مستخدمي الإنترنت من خلال أجهزة المحمول الذكية وأجهزة التابلت (الغالبية العظمى يتصفحون الويب من خلال الموبايل)، لذلك أصبح اجباراً وليس خياراً على كل صاحب موقع، جعل تصميم موقعه مناسباً لأجهزة المحمول الذكية.

5. سهولة الانتقال من مكان لمكان في الموقع نفسه

احرص على جعل المستخدم يعرف جيداً المكان أو القسم الذي يوجد به، واجعل إنتقاله من صفحة لصفحة في موقعك سهلاً وبسيطاً وواضحاً.

فيجب أن يحتوي البار العلوي لموقعك على أقسام الموقع والصفحات المهمة، ومن المفضل أيضا أن تقوم بعمل مسارات داخليه توضح أين يوجد المستخدم.

6. التناسق

ويشمل:

أ/ الخطوط

يجب عليك اختيار نوع وحجم الخطوط في موقعك بعناية، ويفضل أن تختار الخطوط العادية التي تستخدمها أغلب المواقع وخصوصاً المشهورة منها، والتي يشعر المستخدم بألفة تجاهها.

استخدم ميزة تغيير حجم الخطوط في إبراز أهمية النصوص التي ترى أنها أساسية ومهمة مثل العناوين. أما بخصوص ألوان الخطوط، فيجب أن تكون في الأساس متوافقة مع الألوان التي تستخدمها في موقعك.

ب/ الألوان

في أي تصميم موقع إلكتروني يجب أن تكون الألوان متسقة مع بعضها وأيضاً محدودة (أنصح بعدم استخدام الكثير من الألوان). يمكنك أيضا التحكم في درجات الألوان لتسليط الضوء على العناصر المهمة في موقعك.

ج/ الصور

كما يقولون في عالم التسويق الإلكتروني الصورة تساوي ألف كلمة؛ الصور عنصر يستحق استثمارك حيث أنها تفيد جداً في إبراز تصميم موقعك الإلكتروني وإعطاءه جمالاً خاصاً.

د/ المساحات

استخدم عنصر المساحات لإبراز الأشياء المهمة في موقعك. لا تجعل موقعك مزدحماً بالمحتوى. المساحات البيضاء الفارغة من الممكن أن تعمل لصالح موقعك لتعطي الزائر شعور بالراحة، وأيضاً توجهه للأجزاء المهمة في الصفحة.

7. البساطة

البساطة هي سر الجمال، احرص على جعل موقعك سهلاً وبسيطاً للمستخدم، اجعل كل العناصر التي تم ذكرها سابقاً تعمل معا في إتجاه البساطة.

ما هي خيارات إنشاء موقع إلكتروني؟

خيارات انشاء موقع الكتروني

هناك أربع خيارات أمامك لكي تمتلك موقع إلكتروني.

يتوقف الخيار الأنسب لك، وفقاً لطبيعة الموقع الذي تنوي إنشاءه، ووفقاً لحجم الميزانية التي تنوي انفاقها لإنشاء موقعك الإلكتروني.

وإليك شرح لهذه الخيارات الأربعة بالترتيب:

الخيار الأول: استخدام أحد الخدمات المجانية لإنشاء مدونة إلكترونية Free Blog

هذا هو الخيار الأنسب للذين لايمتلكون ميزانية مالية، أو للذين يريدون عمل مدونة شخصية لمشاركة آرائهم وأفكارهم مع العالم.

كل ما تحتاج إليه في هذه الحالة هو اختيار أحد مواقع إنشاء مدونة مجانية، وإنشاء حساب في هذا الموقع، والبدء في إنشاء مدونتك ومدها بالمحتوى.

توفر لك هذه الخدمات المجانية كل شيء تحتاج إليه، كل المطلوب منك هنا هو إنشاء حساب واختيار اسم المدونة، وتعلم كيفية التعامل مع لوحة التحكم الخاصة بالموقع.

هناك الكثير من المواقع التي تقدم خدمة انشاء مدونة مجانية، وعلى رأسها بلوجر و ووردبريس، وفي الحقيقة يمكنك من خلال هذه الخدمات ليس إنشاء مدونة فقط ولكن إنشاء موقع أيضاً لشركتك أو مشروعك الخاص.

هنا للذين يبحثون عن كيفية إنشاء موقع إلكتروني مجاني، فهذا الخيار هو الخيار المناسب لهم تماماً، ولأنك في الرابحون؛ فلن نتركك هكهذا… حيث قمنا بإعداد أدلة وشروحات لكيفية إنشاء مدونة مجانية على أشهر المنصات التي تقدم هذه الخدمات

خيارات انشاء موقع الكتروني

هناك أربع خيارات أمامك لكي تمتلك موقع إلكتروني.

يتوقف الخيار الأنسب لك، وفقاً لطبيعة الموقع الذي تنوي إنشاءه، ووفقاً لحجم الميزانية التي تنوي انفاقها لإنشاء موقعك الإلكتروني.

وإليك شرح لهذه الخيارات الأربعة بالترتيب:

الخيار الأول: استخدام أحد الخدمات المجانية لإنشاء مدونة إلكترونية Free Blog

هذا هو الخيار الأنسب للذين لايمتلكون ميزانية مالية، أو للذين يريدون عمل مدونة شخصية لمشاركة آرائهم وأفكارهم مع العالم.

كل ما تحتاج إليه في هذه الحالة هو اختيار أحد مواقع إنشاء مدونة مجانية، وإنشاء حساب في هذا الموقع، والبدء في إنشاء مدونتك ومدها بالمحتوى.

توفر لك هذه الخدمات المجانية كل شيء تحتاج إليه، كل المطلوب منك هنا هو إنشاء حساب واختيار اسم المدونة، وتعلم كيفية التعامل مع لوحة التحكم الخاصة بالموقع.

هناك الكثير من المواقع التي تقدم خدمة انشاء مدونة مجانية، وعلى رأسها بلوجر و ووردبريس، وفي الحقيقة يمكنك من خلال هذه الخدمات ليس إنشاء مدونة فقط ولكن إنشاء موقع أيضاً لشركتك أو مشروعك الخاص.

هنا للذين يبحثون عن كيفية إنشاء موقع إلكتروني مجاني، فهذا الخيار هو الخيار المناسب لهم تماماً، ولأنك في الرابحون؛ فلن نتركك هكهذا… حيث قمنا بإعداد أدلة وشروحات لكيفية إنشاء مدونة مجانية على أشهر المنصات التي تقدم هذه الخدمات:

ملحوظة: في هذه الحالة أنت لن تحتاج لأي شيء؛ فالمنصة سوف توفر لك استضافة الموقع، وسوف تمنحك اسم نطاق فرعي مجاني، وسوف تمنحك الأدوات التي تمكنك من تصميم موقعك بنفسك وإضافة ما تحتاج من خواص (ستوفر لك التصميم والتطوير)… الأمر بسيط ويشبه إلى حد كبير امتلاك حساب على أحد مواقع التواصل الاجتماعي.

الخيار الثاني: استخدام أحد منصات بناء المواقع الإلكترونية Website Builder

منصات بناء المواقع الإلكترونية مناسبة لهؤلاء الأشخاص الذين لا يمتلكون أي معرفة تقنية على الإطلاق، وفي نفس الوقت يحتاجون لشيء أفضل من مجرد موقع أو مدونة مجانية بإمكانيات محدودة. هذه المنصات سهلة الاستخدام وتأتي مع الكثير من القوالب التي تناسب كل التخصصات.

وأيضاً يمكنك تغيير أي شيء بموقعك من خلال خاصية السحب والادراج، لذلك يعد هذا الخيار هو الأسهل لإنشاء موقع ويب.

منصات بناء المواقع هي خيار رائع لأصحاب المشروعات الصغيرة والمتاجر الإلكترونية المحلية، في خلال وقت قياسي وبتكلفة قليلة، يمكنك بناء موقع إلكتروني لمطعمك الخاص مثلاً.

هناك الكثير من المواقع التي تقدم خدمة بناء المواقع وعلى رأسها وفي المقدمة موقع wix، الذي يمتلك خطة مجانية.

ولكن لو كنت تريد خيار ممتاز آخر، وهو متوفر باللغة العربية، وبه كل ما تحتاج من مميزات وخواص، فإني أرشح لك بقوة منصة ويلت Wuilt الرائعة.

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

  • ستوفر لك كل ما تحتاج من أجل عمل موقع إلكتروني (استضافة، اسم نطاق، أدوات بناء الموقع).
  • سهلة الاستخدام جداً ومتوفرة باللغة العربية (يمكن لأي شخص بناء موقعه من خلالها بكل سهولة بدون أي مهارات تقنية).
  • يمكنك من خلالها عمل موقع احترافي في دقائق معدودة.
  • لديهم خدمة دعم رائعة على مدار الساعة في حال احتجت أي مساعدة.

الخيار الثالث: استخدام أحد منصات أنظمة إدارة المحتوى Content Management System

هذا الخيار يناسب أغلب أنواع المواقع، يمكن استخدامه لإنشاء مدونة احترافية مثل الرابحون، أو لإنشاء متجر الكتروني. والكثير من أنواع المواقع الأخرى.

هذه الخدمات تكون غالباً نظام مفتوح Open Source، لذلك يمكن للمطورين إضافة وتعديل الكثير من الخواص الخاصة بها.

من أشهر هذه الأنظمة ووردبريس WordPress، وهو النظام الأكثر استخداماً في عالم الويب، ولكن بالطبع توجد أنظمة أخرى كثيرة ومنها Joomla و Magento.

ووردبريس هو Software مجاني يمكنك ضبطة على استضافتك بسهولة. على الرغم من أن هذا النظام الأساسي يأتي مع عدد محدود جداً من القوالب، إلا أن هناك الكثير من قوالب ووردبريس الاحترافية التي يمكنك شراءها من متاجر متخصصة.

سوف أعود للتحدث عن ووردبريس لاحقاً، وسوف أضع لك كل المصادر والشروحات التي تمكنك من عمل موقع ووربدريس احترافي، فهو يعد الخيار الأمثل لإنشاء موقع إلكتروني للكثيرين.

الخيار الرابع: الاستعانة بمتخصصي إنشاء المواقع الالكترونية (Website from Scratch)

هذا الخيار مناسب للمواقع الكبيرة التي تحتاج لنظام برمجي خاص، أو للشركات الكبيرة التي لديها موظفين مختصين في تصميم وبرمجة المواقع.

هذا الخيار أيضاً مكلف مقارنة بباقي الخيارات، وحجم التكلفة هنا يعتمد على حجم وطبيعة المتطلبات في الموقع الإلكتروني.

هذا الخيار أيضاً يحتوي على بعض المخاطرة، لأن هناك الكثير من المتخصصين في إنشاء المواقع الغير أكفاء، لذلك عليك اختيار الشركة أو الشخص المتخصص في إنشاء المواقع بعناية شديدة.

أهم النصائح لإنشاء موقع إلكتروني ناجح؟

1. فكر عميقاً في فكرة موقع إلكتروني تتناسب مع إمكانياتك، واجعلها تنبع من اهتماماتك الحقيقية، ولا تقع في مصيدة تقليد الآخرين، أو كن على يقين من امتلاكك لفريق عمل وميزانية تسمح بتنفذ فكرتك.

2. كن مرناً في تعديل أو تتغير بعض الجوانب الخاصة بفكرة موقعك لكي تتناسب مع الجمهور المستهدف.

3. إسأل نفسك: ما هي الطريقة التي سوف أربح من خلالها؟ لو كانت إجابتك جوجل ادسنس مثلاً، فعليك أن تضع هذا في الاعتبار عند اختيار تصميم موقعك.

لقد وعدتك أنني سوف أتناول طرق الربح من مواقع الويب، ولذا سوف أترك لك رابط مقال يتناول ذلك بالتفصيل:

طرق الربح من المواقع الإلكترونية

4. إسأل نفسك: ما هو الجمهور الذي سوف استهدفه ؟ ومن ثم قم بإنشاء موقع يتناسب وطبيعة هذا الجمهور.

5. في حال قررت أن يكون موقعك مصدراً للدخل بالنسبة لك، فلا تعتمد على ميولك وأهدافك الشخصية بشكل كامل.
بل قم بترويض فكرتك لكي تكون ناتجة عن شغفك ومربحة في نفس الوقت.

6. تحرر من كونك صاحب الفكرة وتخيل نفسك كزائر للموقع وإسال نفسك: ماهو الشيء المميز في موقعي لجذب الزوار؟

7. استخدم بعض الأدوات الخاصة بـ الكلمات المفتاحية مثل أداة Google Keyword Planner، والتي تخبرك عن حجم من يبحثون عن الكلمات الأساسية التي سوف يتناولها موقعك.

8. قم بالإطلاع على المجلات والجرائد وقنوات التليفزيون، وحاول الحصول على لمحة من اهتمامات جمهورك المحتمل.

9. تقريباً لايوجد فكرة سوف تخطر على بالك لإنشاء موقع، إلا وستجد موقعا يتناولها بالفعل أو حتى على الأقل مشابه لها. نعم يمكنك التنبؤ بحجم نجاح موقعك من خلال مواقع المنافسين.

10. قم بعمل تصور كامل لما سيكون عليه موقعك، من أقسام وأدوات وخصائص وإمكانيات ومحتوى وكل شيء سوف يضمه موقعك، هذه النقطة مهمة جداً في حالة الاستعانة بالمتخصصين لإنشاء موقعك.

اقرأ أيضاً: ما هي المدونة وكيفية الربح منها وكيف تمتلك واحدة

ما هي خطوات إنشاء موقع إلكتروني؟

تتوقف خطوات وتفاصيل إنشاء موقع الكتروني على الطريقة التي سوف تختارها لإنشاء موقعك (سبق وتناولنا بالأعلى الخيارات الأربعة للحصول على موقع إلكتروني).

في هذا الجزء سوف اخصص حديثي عن خطوات إنشاء موقع الكتروني عن طريق ووردبريس تحديداً، وذلك للاسباب الاتية:

1. ووردبريس هو خيار رائع لمعظم أنواع وأحجام المواقع، وهذا يفسر مدى اتساع قاعدة استخدامه، حوالي 41% المواقع على شبكة الإنترنت تم إنشاءها من خلال ووردبريس.

2. نظراً لاتساع قاعدة استخدام ووربريس، لذلك سوف تجد حل لأي مشكلة تواجهك أي كان نوعها، فهناك الكثير والكثير من المواقع التي تتحدث عن الووردبريس. ومن أهمها وأشهرها wpbeginner

3. ووردبريس هو برنامج مفتوح المصدر Open Source، لذلك هناك الكثير من إضافات ووردبريس الرائعة، التي يمكنك استخدامها لإضافة الكثير من المميزات والخواص لموقعك وفقاً لاحتياجك.

4. نعم إنشاء موقع من خلال ووربريس ليس أسهل خيار على الإطلاق، ولكن يمكنك تعلم كيفية التعامل معه في وقت قياسي، هذا علاوة على أن هناك نسخة من ووردبريس باللغة العربية.

خطوات إنشاء موقع إلكتروني عن طريق ووردبريس

1. حجز استضافة مواقع تدعم ووردبريس

هناك الكثير من شركات الاستضافة التي تدعم ووردبريس، تناولنا في موضوع سابق بالرابحون أفضل 8 شركات استضافة مواقع موثوقة، فقط اختر واحدة منهم فقد تم اختيارهم بعناية.

ولو كنت تريد مني أن أرشح لك شركة استضافة بعينها… فيمكنك الاعتماد على استضافة Bluehost، فهي سريعة وسهلة الاستخدام وآمنة، وفوق كل ذلك لديها خدمة عملاء أكثر من رائعة.

2. قم باختيار اسم نطاق مناسب لموقعك

هناك بعض شركات الاستضافة سوف تعطيك دومين مجاني مع خطة الاستضافة، أيضاً تناولنا فيما مضي موضوع شامل عن اسم النطاق سوف تجد به كل شيء عن اسم النطاق.

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

3. قم بضبط الووردبريس على استضافتك

يمكنك فعل ذلك بضغطة زر واحدة في لوحة تحكم الاستضافة، وفي الغالب يتم ضبط ووردبريس على اسضافتك بصورة تلقائية دون أي فعل من ناحيتك.

4. قم باختيار قالب ووردبريس مناسب واضبطه على موقعك.

في هذ الشأن أيضاً قد تناولت فيما مضى موضوع شامل، عن كيفية اختيار قالب ووردبريس احترافي .

5. قم بضبط إضافات ووردبريس الاساسية لموقعك

في هذا الشأن عليك العودة لموضوع سابق في الرابحون بعنوان “كل شيء عن إضافات ووردبريس وقائمة بأهمها“، والذي تناولت فيه مجموعة أساسية من أهم إضافات وودبريس التي يحتاجها كل موقع تقريباً.

الأن اصبح موقعك جاهزاً، وليس عليك سوى البدء في إنشاء محتوى له.

للحصول على شرح شامل حول كيفية عمل موقع ووردبريس بشكل مفصل وبسيط فعليك العودة للمقال بالرابط بالأسفل:

خطوات إنشاء موقع ووردبريس (شرح شامل ومبسط بالصور)

وبالأسفل رابط موضوع شامل يتناول شرح لوحة تحكم ووردبريس بشكل واضح وبسيط:

شرح WordPress (شرح لوحة تحكم ووردبريس)

والآن دعونا ننتقل لنقطة أخرى هامة في مقالنا اليوم:

ما هي أهم الصفحات في كل موقع إلكتروني احترافي؟

1. الصفحة الرئيسية Home Page

وهي الصفحة التي تظهر عندما تقوم بكتابة اسم الدومين الخاص بالموقع في المتصفح. تعتبر الصفحة الرئيسية هي الأهم في كل موقع إلكتروني، وهي تكون واجهة للموقع ومعبرة عن محتواه.

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

2. صفحة اتصل بنا Contact Us

هذه الصفحة في غاية الأهمية، فهي تمثل الوسيلة التي تمكن الزوار من الاتصال بإدارة الموقع. يجب أن تحتوي على بيانات الاتصال الخاصة بإدارة الموقع، أو على استمارة من خلالها يمكن ارسال رسالة مباشرة لإدارة الموقع، أو الاثنين معاً.

3. صفحة عن الموقع أو About Us

هذه الصفحة في غاية الأهمية أيضاً، فمن خلالها يمكن للزائر التعرف على هدف الموقع وقصة إنشاءه، وما يسعى إلى إنجازه.

وأيضاً من خلالها يمكن للزائر التعرف على فريق عمل الموقع… باختصار إنها بمثابة وسيلة لتعريف الزوار بالموقع الإلكتروني الخاص بك.

4. صفحة الأحكام والشروط أو Terms and Conditions

هذه الصفحة تمثل الشروط والأحكام الخاصة باستخدام الموقع، والتي يجب على المستخدم أن يلتزم بها.
وفيها يمكنك تناول أهم القواعد التي يجب على المستخدم اتباعها عند استخدام موقعك، وأيضاً الشروط الخاصة باستخدام موقعك فيما يخص الاسم أو العلامة التجارية.

5. صفحة سياسة الخصوصية أو Privacy Policy

هذه الصفحة هي عبارة عن وثيقة توضح للمستخدم، السياسة التي يتبعها موقعك في التعامل مع البيانات التي يقدمها المستخدم. مثل الاسم والبريد الإلكتروني عند الاشتراك في القائمة البريدية.

أيضاً تحتوي على البيانات التي يحصل عليها الموقع عن طريق المتصفح، مثل معرفة مكان المستخدم لعرض الإعلانات المناسبة.

6. صفحة الخطأ أو Error Page 404

هذه الصفحة لها طبيعة خاصة غير الصفحات التي تم ذكرها بالأعلى، ولكنها مهمة جداً بالنسبة للزائر ولمحركات البحث أيضاً.

وهي ببساطة صفحة تظهر كلما قام أحد المستخدمين بزيارة رابط غير موجود بالموقع، فمثلاً لو قمت بتغيير رابط أحد صفحات موقعك، وقام المستخدم بزيارة الرابط القديم في هذه الحالة سوف تظهر هذه الصفحة.

يجب أن يمتلك موقعك صفحة خطأ مفيدة للمستخدم، تحتوي على رسالة مفادها أن هذه الصفحة غير موجودة بالموقع الآن. أيضا يجب مساعدة الزائر للوصول لما يريد عن طريق الإشارة لمربع البحث مثلاً، أو وضع رابط للصفحة الرئيسية.

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

اقرأ أيضاً: أدوات و خدمات جوجل لأصحاب المواقع (مجانية تماماً)

تناولنا قائمة بأهم الصفحات والآن دعونا نتناول قائمة بأهم العناصر في كل موقع ويب.

ما هي أهم العناصر في كل موقع إلكتروني احترافي؟

1. رأس الموقع أو الهيدر Website Header

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

  • مستطيل البحث
  • قوائم الموقع
  • اللوجو أو الشعار الخاص بالموقع

وهو عبارة عن صورة صغيرة أو أيقونة يكون بها رمز خاص ومميز أو معبر عن تخصص موقعك. يجب أن يبدأ عمل اللوجو مع أولى خطوات إنشاء الموقع حتى يكون متوافقاً مع التصميم.

اقرأ أيضاً: كيفية تصميم شعار (لوجو) مميز

وهو عبارة عن مستطيل صغير يكون به ميزة البحث داخل الموقع. به يكتب المستخدم أي كلمة بحثية، وعند الضغط على علامة البحث، تظهر له كل الصفحات التي تتحدث عن الكلمة البحثية التي أدخلها.

4. قوائم الموقع website menus

القوائم هي عبارة روابط للصفحات المهمة الخاصة بالموقع، فمثلاً يمكنك عمل قائمة بها روابط لصفحات موقعك على مواقع التواصل الاجتماعي، أو قائمة تحتوي على الصفحات الإدارية الخاصة بالموقع (اتصل بنا، عن الموقع ….الخ)، أيضاً من المهم عمل قائمة تحتوي على أقسام موقعك.

القوائم مهمة جداً لتحسين خبرة الزائر وتسهيل استخدام الموقع، وأيضاً مهمة بالنسبة لمحركات البحث (فهي تسهل الزحف لصفحات موقعك)

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

من الممكن أن يحتوي على لوجو الموقع أو قوائم خاصة، وأيضاً يحتوي على الجملة المشهورة الخاصة بحقوق الملكية.
“جميع الحقوق محفوظة لموقع…”

الآن قد تناولنا كل شيء خاص بإنشاء أو تصميم موقع إلكتروني، ولكن هناك بعض الأسئلة الهامة التي أود الإجابة عليها قبل أن أنهي موضوعي.

اقرأ أيضاً: مواصفات الموقع الإلكتروني الناجح (13 خاصية لا يُمكن الاستغناء عنها)

أسئلة هامة حول إنشاء موقع إلكتروني والإجابة عليها

1. ما هي تكلفة إنشاء موقع إلكتروني؟

هذا سؤال هام جداً والكثير من الناس يسألونه، وفي الحقيقة ليس له إجابة ثابتة! فتكلفة إنشاء الموقع الإلكتروني تتوقف على الكثير من العوامل وعلى رأسها طريقة إنشاء الموقع.

فأنت يمكنك عمل موقع ويب بشكل مجاني تماماً كما طرحنا بالأعلى، ويمكنك عمل موقع ويب بعشرات الآلاف من الدولارات! نعم هذا صحيح.

ولكي لكي نمنحك إجابة شافية فدعنا نتناول تكلفة إنشاء موقع إلكتروني من خلال أحد طرقتين وهما:

  1. إنشاء موقع ووردبريس (ووردبريس نفسه كنظام وبرنامج فهو مجاني، ويمكنك البدء بقالب مجاني والاعتماد على إضافات مجانية، وهنا ستكون التكلفة فقط هي تكلفة الاستضافة والتي تبدأ اسعارها من 3 دولار شهرياً).
  2. إنشاء موقع من خلال منصات بناء المواقع مثل منصة ويكس أو ويلت اللتان تحدثنا عنهما بالأعلى (رسوم سنوية تبدأ من 50 دولار).

بخصوص الاستضافات وبخصوص منصات بناء المواقع أيضاً، فعندما ينمو موقعك وتحتاج لمساحات تخزين وسعة زيارات أكثر فهذا سيجعل التكلفة أعلى.

فمثلاً نحن في الرابحون ندفع للاستضافة فقط 120 دولار شهرياً، وقمنا مؤخراً بشراء الكثير من إضافات ووردبريس المدفوعة لتتناسب مع احتياجاتنا ورغبتنا في النمو.

2. هل يمكنني إنشاء موقعي بنفسي؟

الشيء الرائع بخصوص التكنولوجيا بشكل عام والإنترنت بشكل خاص أن هناك أدوات تساعد أي شخص في الحصول على ما يريد. ربما كان في الماضي الطريق الوحيد لعمل موقع ويب يكون من خلال كتابة الأكواد بنفسك أو الاستعانة بمتخصص لكتابتها.

أما الآن فهناك الكثير من الأدوات مثل: ووردبريس وغيرها من برامج إدارة المحتوى، وأيضاً منصات بناء المواقع مثل ويكس وغيرها.

أعرف ما يتبادر الآن إلى ذهنك؛ هل يمكنني أنا القدرة على التعامل مع هذه المنصات أو الأدوات لعمل موقعي بنفسي؟ الاجابة ببساطة نعم يمكنك… ستحتاج لبعض الوقت والتدريب، وستحتاج أحياناً للبحث، وربما ستحتاج لمتخصص بشكل مؤقت لحل مشكلة ما، ولكن يمكنك تدبر الأمل…فقط ابدأ.

3. ما هي أسهل طريقة لعمل موقع ويب؟ وما هي أفضل طريقة؟ وما هي أشهر طريقة؟

  • أسهل طريقة لإنشاء موقع ويب: الاعتماد على منصات بناء المواقع، والتي توفر كل شيء في مكان واحد، ولديها خدمة دعم للمساعدة.
  • أفضل طريقة لإنشاء موقع ويب: لا يوجد ما هو أفضل للجميع، ولكن هناك ما هو أنسب، ولكن لو كنت مصر على إجابة السؤال فووردبريس هو الأفضل.
  • أشهر طريقة لإنشاء موقع ويب: ووردبريس.

4. ما هي أنواع مواقع الويب؟

هناك الكثير من أنواع مواقع الويب وهذه قائمة بأشهرها:

  • مدونة
  • موقع اخباري
  • موقع تواصل اجتماعي
  • منتدي
  • متجر إلكتروني
  • منصة تعليمية
  • موقع تدريبي عملي
  • موقع يمثل أداة لإنجاز الأشياء

5. ما هو الفرق بين موقع الويب وصفحة الويب؟

الفرق بين موقع الويب (الموقع الإلكتروني) وصفحة الويب مثل الفرق بين المنزل والغرفة. فصفحة الويب هي عبارة عن عنوان داخلي يندرج تحت موقع الويب.فمثلاُ لو قلنا موقع الويب للرابحون هو “alrab7on.com”، فصفحة هذا المقال التي تمثل صفحة ويب (تندرج تحت الرابحون) تكون كهذا “alrab7on.com/how-to-create-a-website”فستجد بعد الشرطة المائلة عنوان صفحة الويب التي تندرج تحت موقع الويب الرئيسي.

خاتمة

إنشاء موقع إلكتروني ليس بالعملية الصعبة كما يظن البعض، والآن أنت تمتلك كل المعرفة التي تؤهلك للبدء بها.
اختر فكرة إبتكارية وإبدأ في اقرب وقت في إنشاء موقعك، وتذكر أن رحلة نجاحك كصاحب موقع سوف تبدأ حقاً بعد إنشاء موقعك.

أتمنى أن أكون بهذا الموضوع قد ساهمت في مساعدتك في تحويل حلمك بامتلاك موقع إلى حقيقة. يسعدني دائماً أن أجيب أي تساؤل، لذا لا تتردد في التعليق بسؤال أو استفسار يخطر على بالك. أيضاً اقدر مساعدتك في وصول هذا الموضوع لمن يحتاج له.

  • تطوير الموقع الإلكتروني

عند الحديث عن ما هو الموقع الإلكتروني؛ ذكرت لك أن هناك جزء خاص بالتصميم وجزء آخر خاص بالتطوير. شرحنا التصميم والآن سوف نشرح ما هو تطوير أو برمجة الموقع الإلكتروني Web Development؟

تطوير أو برمجة الموقع الإلكتروني هي: كل مايختص بأداء الوظائف أو الخصائص الموجودة بالموقع، أو الاستجابة للأوامر التي يقوم بها الزائر في الموقع، أو يقوم بها صاحب الموقع.

البرمجة هي المسئولة عن الجزء الغير مرئي في الموقع، ويتم التعرف عليها من خلال استخدام الموقع واختبار خواصه.

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

وهذه مجرد أمثلة بسيطة للبرمجة المستخدمة في أغلب المواقع الإلكترونية:

  • خاصية البحث في الموقع، التي تتيح للزائر كتابة كلمة مفتاحية، والبحث عن الموضوعات التي تتحدث عن هذه الكلمة في الموقع.
  • خاصية اتصل بنا، التي تتيح للمستخدم ارسال رسالة لإدارة الموقع من خلال صفحة اتصل بنا.
  • إمكانية المشاركة على مواقع التواصل الاجتماعي من خلال أيقونات مواقع التواصل الاجتماعي (إمكانية برمجية مرتبطة ببرمجة مواقع التواصل الاجتماعي نفسها)
  • تنظيم عرض المقالات في الموقع، من حيث انتماءها لقسم معين، أو أماكن ظهورها في قوائم مخصصة مثل قائمة أحدث المقالات بالموقع مثلاً.
  • عرض إعلانات جوجل ادسنس في الموقع.

الجدير بالذكر هنا أن التصميم والبرمجة يعملان جنباً إلى جنب، ويرتبطان معاً في كل شيء.

فمثلاً قلنا بالأعلى أن خاصية البحث في الموقع هي خاصية برمجية، ولكن التصميم هو المسئول عن حجم مربع البحث ولونه ومكانه.

أيضاً البرمجة مسئولة عن تنظيم عرض المقالات بالموقع وانتماءها لقوائم معينة، ولكن التصميم مسئول عن حجم عرض المقالات هذه وألوان الخلفيات وحجم الخطوط ..الخ

 " "

حدِّد أحد الخيارين التاليي

ملاحظة: يتم تخزين جميع “مواقع Google” في Google Drive. وللتعرُّف على مزيد من المعلومات عن استخدام Google Drive لتنظيم ملفاتك، يُرجى الاطِّلاع على البدء في استخدام Google Drive.

إنشاء موقع إلكتروني من المواقع أو Drive

1.2 تسمية الموقع الإلكتروني

" "

عند إنشاء موقع إلكتروني جديد، تتم إضافته إلى Google Drive، مثل الملفات الأخرى في Google Drive. تحتفظ “مواقع Google” تلقائيًا بكل تغيير تجريه، ولكن موقعك الإلكتروني لن يكون متاحًا للجميع حتى تنشره.

لتسمية أجزاء مختلفة من موقعك الإلكتروني:

1 اسم مستند الموقع الإلكتروني – يُرجى إدخال اسم فريد لمواصلة تتبع موقعك الإلكتروني. لن يظهر اسم مستند الموقع الإلكتروني إلا لك.
2 اسم الموقع – يظهر اسم الموقع في العنوان وفي شريط عنوان نافذة الهاتف الجوّال أو في الويب بعد نشر الموقع الإلكتروني. يجب أن يكون لديك صفحتان أو أكثر في الموقع الإلكتروني حتى يظهر لك اسم موقعك الإلكتروني.
3 عنوان الصفحة – لكل صفحة في موقعك الإلكتروني عنوان يظهر في أعلى الصفحة. يظهر عنوان الصفحة أيضًا في قائمة التنقل.
تحديد أسماء الصفحات والمواقع الإلكترونية والمستندات من أعلى الصفحة إلى أوسطها

1.3 اختيار تنسيق

" "

على يمين الصفحة، يُرجى النقر على تنسيقات واختيار تنسيق مختلف للأقسام.

تظهر خيارات التنسيق على يسار الصفحة ضمن "إدراج". ويتم عرض التنسيق المُختار للموقع الإلكتروني على يمين الصفحة.

1.4 اختيار صورة خلفية ونوع العنوان والمظهر

" "

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

1 يمكنك تغيير صورة الخلفية:

  1. انتقِل إلى مواقع Google وافتح موقعك الإلكتروني.
  2. أشِر إلى صورة الخلفية وانقر على “تغيير الصورة” "".
  3. اختر أحد الخيارين التاليين:
    • لتحميل صورة من جهاز الكمبيوتر، انقر على تحميل.
    • لاختيار صورة من معرض الصور أو من مكان آخر، انقر على اختيار صورة.
  4. (اختياري) للرجوع إلى صورة الخلفية الأصلية، انقر على “إعادة تحديد” "".
2 يمكنك تغيير نوع العنوان:

  1. أشِر إلى صورة الخلفية وانقر على “نوع العنوان” العنوان.
  2. اختر أحد الخيارات التالية:
    • غلاف
    • بانر كبير
    • بانر
    • عنوان فقط
3 يمكنك تغيير التصميم ونمط الخط:

  1. في أعلى يسار الصفحة، انقر على التصميمات.
  2. حدد خيار تصميم واختر لونًا.
  3. انقر على نمط الخط واختَر نمطًا.

تحديد خيارات لتغيير الصورة ونوع العنوان والتصميم ونمط الخط

 

1.5 إضافة صفحات وإعادة ترتيبها ودمجها

" "

يمكنك إضافة صفحات للحصول على مزيد من المحتوى. يمكنك الاحتفاظ بالمعلومات ذات الصلة معًا من خلال دمج الصفحات. تظهر الصفحات المدمجة على أنها موضوع فرعي لصفحة أخرى.

1 إضافة صفحات:

  1. في الركن العلوي الأيسر، انقر على الصفحاتثم وأشر إلى إنشاء "".
  2. اختر أحد الخيارات:
    • لإضافة صفحة جديدة، انقر على “إضافة” صفحة "" . أدخل اسمًا للصفحة وانقر على تم.
    • لإضافة عنوان URL، انقر على “إضافة” رابط ربط.
2 إعادة ترتيب الصفحات أو دمجها:

  1. انقر على الصفحات.
  2. اسحب الصفحة للأعلى أو للأسفل في القائمة لإعادة ترتيبها.
  3. اسحب صفحة أعلى صفحة أخرى لدمجها.
  4. (اختياري) لإلغاء دمج صفحة، اسحبها إلى أسفل القائمة.

ملاحظة: لا يمكن أن يتجاوز دمج أي صفحة أكثر من خمسة مستويات في العمق.

3 اختر خيارات الصفحة:

ضمن الصفحات، اختَر صفحة وبجانبها انقر على “المزيد” المزيد واختر أحد الخيارات:

  • ضبط كصفحة رئيسية.
  • نسخ الصفحة نسخة طبق الأصل
  • إعادة تسمية الصفحة.
  • إنشاء صفحة فرعية.
  • إخفاء صفحة أو صفحة فرعية. لا يمكنك إخفاء الصفحة التي تم ضبطها كصفحة رئيسية.
  • حذف الصفحة من الموقع الإلكتروني. لا يمكنك إزالة الصفحة التي تم ضبطها كصفحة رئيسية.

تحديد خيارات القائمة 1 و2 و3

1.6 إعداد التنقل في الموقع الإلكتروني

" "

في حال كان لديك أكثر من صفحة واحدة، سيستخدم زائرو موقعك الإلكتروني قائمة التنقل للانتقال إلى صفحات مختلفة. تظهر قائمة التنقل تلقائيًا في أعلى الصفحة من موقعك الإلكتروني. في أعلى يسار الصفحة، انقر على الصفحة الرئيسية للاطِّلاع على القائمة.

يمكنك نقل قائمة التنقل إلى الجانب الأيمن إذا أردت ذلك، ولكن يجب أن يكون لديك صفحة واحدة أو أكثر على موقعك الإلكتروني لتغيير المكان الذي تظهر فيه.

لاختيار وضع التنقل:

  1. أشِر إلى اسم الموقع الإلكتروني وانقر على “إعدادات التنقل” ""ثمالتنقل العلوي أو التنقل الجانبي.
  2. (اختياري، التنقل الجانبي فقط) للاطّلاع على القائمة في يمين الصفحة، انقر على “القائمة” "".
  3. (اختياري) لنقل الصفحات في قائمة التنقل، اطّلِع على 1.5 إضافة الصفحات وإعادة ترتيبها ودمجها.
تحديد التنقل في أعلى الصفحة أو على أحد جانبيها

الطريقه الثانيه-

طريقة إنشاء موقع مجاني على Google Sites

   .2

شرح جوجل سايت

جوجل سايت بالعربي هو عبارة عن نظام أساسي مجاني لإنشاء صفحات الويب ونشرها.

قام بإنشاء جوجل سايت Joe Kraus في عام ٢٠٠٦ وكانت تسمى Jotspot آنذاك، قبل أن تقوم جوجل بالاستحواذ عليها وضمها في نفس العام، وبعد عامان من التطوير وضم الخدمة قامت جوجل بطرح جوجل سايت الكلاسيكي لإنشاء المواقع مجاناً في عام ٢٠٠٨.

صورة لتوضيح تحديث جوجل سايت

في عام ٢٠١٦ قامت جوجل بتحديث جوجل سايت الكلاسيكي وتحويله للأداة بشكلها الحالي التي تسمى مواقع Google أو جوجل سايت الحديث.

أما طريقة عمل جوجل سايت فهي بسيطة جداً، بإمكانك إنشاء موقع الكتروني من خلال خاصية السحب والإفلات وبكل سهولة دون الحاجة لمساعدة من مُصمِّم أو مبرمج أو شركة لتطوير وبناء المواقع.

انشاء موقع على جوجل سايت شرح جوجل سايت

وعند إنشاء موقع إلكتروني جديد، تتم إضافته تلقائيًا إلى درايف Drive، مثل الملفات الأخرى المُخزنة في الـ Drive الخاص بحسابك على جوجل، يمكنك التعديل على موقعك ورؤية النتائج مباشرة أو مشاركة الموقع مع شخص آخر لمساعدتك في التعديل والتصميم بنفس الوقت.


طريقة إنشاء موقع مجاني على Google Sites

هل انت متحمس لإنشاء أول موقع الكتروني باستخدام جوجل سايت؟ بالنسبة لي فأنا متحمس جداً، هيا بنا!

قبل البدء في خطوات انشاء موقع الكتروني مجاني على Google  تأكد من أن لديك حساب فعال على جوجل وإذا لم يكن لديك، قم بإنشاء حساب جديد على جوجل لتتمكن من الولوج واستخدام جوجل سايت.

الوقت اللازم: 15 دقيقة.

خطوات انشاء موقع الكتروني مجاني على Google

  1. الانتقال إلى موقع جوجل سايت

    انتقل إلى https://sites.google.com  عن طريق متصفح الويب الخاص بك (كروم Chrome أو Mozila Firefox)،  سيؤدي هذا إلى فتح صفحة جوجل سايت مواقع Google.
    *انصحك باستخدام اللغة الانجليزية للحساب وذلك للحصول على كافة ميّزات جوجل سايت.

    الانتقال لصفحة جوجل سايت

  2. اختيار شكل القالب

    يمكنك بعد الدخول على موقع جوجل سايت الاختيار بين مجموعة من القوالب الجاهزة أو البدء بإنشاء موقع جديد كلياً.

    *إذا كنت تستخدم اللغة العربية في حساب جوجل لن تستطيع الوصول إلى القوالب الجاهزة.

    اختيار القالب من جوجل سايت

  3. تسمية الموقع الخاص بك

    ي الزاوية العلوية اليمنى من الصفحة (لمستخدمي اللغة العربية) بامكانك ادخال اسم الموقع الالكتروني الذي ترغب به.

    تسمية الموقع الالكتروني في جوجل سايت

  4. تغير عنوان الصفحة

    من خلال الضغط على عبارة عنوان الصفحة يمكنك تغيّر عنوان الصفحة الرئيسية للموقع وتغير حجم ولون الخط المستخدم بالإضافة إلى طريقة العرض.
    تغير عنوان الصفحة في جوجل سايت

  5. إضافة تنسيق للصفحة

    من القائمة الرئيسية في الجهة اليسرى، يمكنك اختيار تنسيقات لإضافتها لموقعك ولمساعدتك في تصميم موقعك على جوجل سايت

    إضافة تنسيق للصفحة على جوجل سايت

  6. تحديد المظهر العام

    لتغيّر المظهر قم بالضغط على زر المظاهر في الزاوية العلوية اليسرى للشاشة، من هنا يمكنك اختيار التصميم العام لشكل الصفحة والوان الخلفية ونمط ولون الخطوط.

    تغير المظهر العام في جوجل سايت

  7. إضافة الصفحات

    يمكنك إضافة صفحات جديدة للحصول على المزيد من المحتوى في موقعك على جوجل سايت ويمكنك ربط الصفحات ذات المحتوى المتشابه مع بعضها البعض من خلال دمج الصفحات، انقر على صفحات في الزاوية العلوية اليسرى ومن ثم انقر على ايقونة الإضافة + والآن قم باختيار اسم للصفحة الجديدة.

    إضافة صفحات على جوجل سايت

  8. تعديل قائمة التنقل الرئيسية

    الآن وبعد أن أصبح لديك أكثر من صفحة واحدة، سيستخدم زائرو موقعك الإلكتروني قائمة التنقل للانتقال إلى صفحات مختلفة، حيث تظهر قائمة التنقل تلقائيًا في أعلى الصفحة من موقعك الإلكتروني.

    في أعلى يمين الصفحة قم بالنقر على ايقونة اعدادات قائمة التنقل (بجانب اسم الموقع) للتحكم في موضع قائمة التنقل.

    تعديل قائمة التنقل الرئيسية في مواقع جوجل

  9. تصميم وتخصيص الموقع الالكتروني

    يتميز جوجل سايت بواجهة رئيسية سهلة الاستخدام لمساعدتك في تخصيص وتصميم موقعك، كإضافة المحتوى والتعديل عليه أو إدراج الصور وتغير الشعار…

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

    تصميم وتخصيص الموقع الالكتروني على جوجل سايت

  10. معاينة الموقع

    قم بالضغط على أيقونة المعاينة في أعلى الصفحة الرئيسية لرؤية شكل موقعك على مختلف أنواع الأجهزة.

     

  11. نشر الموقع الالكتروني

    عند نشر موقعك الإلكتروني للمرة الأولى، يجب إضافة عنوان الرابط URL للموقع الإلكتروني تأكد من استخدام الأحرف اللاتينية في رابط الموقع.

    اضغط على كلمة نشر في القائمة العلوية ومن ثم حدد اسم عنوان URL ومن ثم بالضغط على نشر.

     

مبروك لقد قمت بإنشاء موقع الكتروني على قوقل مجاناً! لقد اصبح لديك موقع بالفعل! قم بنسخ رابط الموقع ونشره بين معارفك.


مميزات جوجل سايت

  • تصاميم سريعة الاستجابة
  • الملاءمة مع مختلف أنواع الأجهزة
  • تخصيص اسم المجال/النطاق
  • خاصية السحب والإفلات
  • قوائم تلقائية متعددة المستويات
  • الربط مع جوجل ماب خرائط جوجل
  • إمكانية الربط مع تحليلات جوجل
  • تضمين الصور أو الشعارات أو المستندات أو مقاطع الفيديو
  • إمكانية الاستعانة بالأشخاص للمساعدة في تصميم وتعديل الموقع
  • وجود قوالب جاهزة للاستخدام
  • سهولة وسرعة التعديل على التصميم
  • يدعم اللغة العربية
  • معرض مجاني للصور من جوجل

أخيراً يعد جوجل سايت أو مواقع Google أداة سهلة الاستخدام لإنشاء مواقع الويب، خيث يتيح لك إنشاء مواقع جديدة ونشرها بسرعة، على الرغم من أنه لا يمكنه التنافس مع بعض البدائل وأفضل أدوات إنشاء المواقع إلا أنه يعتبر طريقة رائعة لصنع موقع الكتروني وتشغيله دون تكاليف التصميم والتطوير، بشكل مجاني!


الاسئلة الشائعة

جوجل سايت تسجيل الدخول ؟ 

لتسجيل الدخول إلى جوجل سايت تأكد من أن يكون لديك حساب على جوجل، بعد ذلك كل ما عليك فعله هو الانتقال لصفحة جوجل سايتجوجل سايت تسجيل الدخول ؟

 استخدام جوجل سايت؟ 

١- قم بالدخول على صفحة جوجل سايت
٢- استخدام دليل المساعدة في بناء الصفحات من مواقع جوجل
٣- أضف المحتوى.
٤- استخدم القوالب المجانية أو المدفوعة لمساعدة موقعك على التميز
٥- انقر على “نشر” عند الانتهاء.استخدام جوجل سايت؟

هل جوجل سايت مجاني؟ 

عم مواقع Google مجانية بالكامل، ولكن إذا اردت تميّز موقعك باسم نطاق/مجال خاص عليك دفع سعر هذا النطاق. هل جوجل سايت مجاني؟

جوجل سايت بالعربي؟

معنى جوجل سايت بالعربي هو مواقع جوجل وهي عبارة عن أداة سهلة الاستخدام تقدمها جوجل مجاناً لمساعدة الأشخاص في انشاء موقع الكتروني على الويب.جوجل سايت بالعربي؟

كيفية عمل موقع على جوجل سايت؟ 

– تسجيل الدخول على جوجل سايت
– اختيار اسم للموقع الالكتروني
– تغير اسم الصفحة الرئيسية
– تخصيص القالب
– اضافة المحتوى
– معاينة الموقع والنشركيفية عمل موقع على جوجل سايت؟

عيوب جوجل سايت

– لا يمكن الربط مع جوجل ادسينس للربح من الاعلانات
– خيارات القوالب والتصميم محدودة
– لا يمكن الربط مع Google Tag manager
– لا يمكن استخدام الودجات والإضافات الخارجيةعيوب جوجل سايت ؟

خطوات إنشاء موقع ويب لجذب الكثير من عملائك وانتشار علامتك التجارية

عندما تقوم بإنشاء موقع على الإنترنت فإنك بذلك تكون قد اخترت أفضل طرق الدعاية وأوسعها انتشارا بأقل التكاليف.

حيث يتيح لك الموقع الوصول لأعداد كبيرة من جمهورك المستهدف وايصال رسالتك التجارية بطريقة مبتكرة ومميزة ومن خلال محتوى يروِّج لمنتجاتك وبتصميمات جذابة وصور وألوان تعبر عنك! الأمر الذي يؤدي في النهاية إلى تفاعل عملائك وانجذابهم لنشاطك وزيادة المبيعات والأرباح.

خطوات إنشاء موقع ويب في 5 دقائق عبر منصة ويلت

كيف يمكنني إنشاء موقع ويب؟ الإجابة على هذا السؤال بكل بساطة تكمن في منصة “ويلت”! وهي المنصة التي يمكنك الاعتماد عليها عندما تفكر في إنشاء موقع ويب عبر إدخال معلومات حول عملك، وببضع نقرات ستحصل على موقع ويب إلكتروني جذاب وسهل جداً في الاستخدام.

تتبنى منصة ويلت شعار: “شاهد موقعك يبني نفسه”.. هذا يعني أنه يمكنك إنشاء موقع ويب بينما تكون مستلقياً على الأريكة.

فقط عليك إدخال بعض المعلومات، ومن ثم تضع لمساتك الفنية عبر تعديل خيارات التصميم. وبعد ذلك ستتمكن من نشر موقعك الإلكتروني خلال دقائق معدودة.

تم إنشاء منصة “ويلت” بهدف جعل تصميم المواقع الإلكتروني أكثر بساطة من ذي قبل. و لجعل إنشاء صفحة ويب احترافية أمراً سهلاً وسريعاً قدر الإمكان، وتتضمن الخطوات التالية:

1. التسجيل

التسجيل الخطوة الأولي من خطوات إنشاء موقع ويب

عند البحث عن كيفية إنشاء موقع ويب، فإن أول خطوة عليك القيام به ليصبح لديك موقع إلكتروني هو تسجيل حسابك على منصة “ويلت” وهو يتم بكل بساطة عبر إدخال عنوان بريدك الإلكتروني.

    1. 2. إدخال معلومات عن نشاطك التجاري

      إدخال معلومات عن نشاطك التجاري ثالث خطوات إنشاء موقع ويب

    2. في ثاني خطوات إنشاء موقع ويب تنتقل إلى إكمال 3 خطوات رئيسية، مكونة من 3 بيانات فقط حول نشاطك التجاري، سيتم استخدامها أثناء عمل موقع الكتروني بشكل أوتوماتيكي. ويمكنك متى شئت أن تعود إليها وتقوم بتعديلها كما تريد.
    3. 3. إضافة معلومات الاتصال

       

      إدخال معلومات الاتصال ثالث خطوات إنشاء موقع ويب

      أما ثالث خطوات إنشاء موقع ويب فستقوم بإضافة معلومات الاتصال بشركتك ومقرها، وبمجرد أن تنتهي من هذه الخطوة ستكون قد امتلكت موقعاً إلكترونياً بالفعل.. هل هناك أبسط من ذلك؟

      بعد إتمام الخطوات الثلاث الرئيسية، وتصفح موقعك ستجد بأن المنصة قد قامت بإنشاء 4 صفحات رئيسية: (الصفحة الرئيسية، من نحن، والخدمات، والاتصال).

يمكنك أن تترك موقعك هكذا دون تعديل، أو اجراء التغييرات التي تراها مناسبةً مثل إضافة المزيد من الصفحات، وتغيير الصور، والخطوط، والألوان، وإضافة أقسام ونماذج، وروابط، ورموز أخرى في أي صفحة على موقعك.

4. إضافة الأقسام أو تعديلها

إضافة الأقسام أو تعديلها الخطوة الرابع من خطوات إنشاء موقع ويب

ومن أجل إضافة أقسام لموقعك يجب عليك النقر على زر “إضافة قسم”، هذا الزر تستطيع رؤيته داخل أي قسم قمت بإنشائه مسبقاً.

يتم تصفح تصميمات الأقسام بكل سهولة وذلك عبر النقر “التالي”، أو  “السابق”، إلى أن تختار التصميم الذي يناسبك ويناسب موقعك.

5. إضافة أو تعديل صناديق المحتوى

إضافة أو تعديل صناديق المحتوى الخطوة الخامسة من خطوات إنشاء موقع ويب

مربعات أو صناديق المحتوى هي عبارة عن المعلومات التي تكوّن أقسام موقعك، تستطيع إضافتها أو التحكم بها أثناء مرحلة تصميم موقع شركتك عبر منصة “ويلت”.

بكل سهولة تستطيع تغيير كل شيء في صناديق المحتوى، فيمكنك تعديل عددها عبر إزالة أو إضافة أي صناديق.

النصوص، والصور، والرموز داخل الصناديق ليست ثابتة بل يمكنك إجراء التغييرات عليها كما تشاء.

تستطيع إضافة المزيد من صناديق المحتوى عبر النقر على إشارة + التي ستجدها أعلى صندوق المحتوى.

6. تغيير خطوط موقعك

تغيير خطوط موقعك الخطوة السادسة من خطوات إنشاء موقع ويب

 

تتميز منصة ويلت بنظام اختيار الخطوط المغاير بشكلٍ كبير عن النظام المتبع بكافة منصات تصميم المواقع الإلكترونية، فمن المعروف بأن أي موقع يتم إنشاؤه يجب استخدام من 2 إلى 3 خطوط فقط، على أن تكون متطابقة تمامًا.

هذا هو السبب الذي دفع منصة “ويلت” إلى ابتكار نظام لدمج الخطوط أثناء عملية تصميم المواقع الجديدة، إذ تستطيع اختيار مجموعة الخطوط التي تحبها وتريد أن تكون في موقعك، فهنالك عشرات التصاميم التي يمكنك الاختيار فيما بينها إلى أن تجد ما يتناسب مع تصميم موقعك.

والشيء ذاته عند التفكير في كيف انشاء موقع ويب بألوان على أن تكون جذابة، إذ تهتم ويلت بتجميع الألوان ضمن لوحات الألوان، بحيث يمكن للمستخدم تحديد لوحة الألوان التي يريدها، ليتم تطبيقها على موقعك.

بعد اختيار لوحة الألوان تستطيع الآن تعديل درجات الألوان، واختيار زيادة تشبع الألوان، وما إلى ذلك، وننصحك بأن تكون ألوان موقعك مناسبة لنشاطك التجاري.

7. ترجمة الموقع لأي لغة

موقع يدعم جميع اللغات الخطوة السابعة من خطوات إنشاء موقع ويب

تمنحك منصة ويلت إمكانية إنشاء موقع يدعم جميع اللغات، إذ يمكنك أن تصل لجميع العملاء بأي لغة وفي أي مكان في العالم بكل سهولة.

8. إضافة الصور

إضافة صور من شترستوك الخطوة الثامنة من خطوات إنشاء موقع ويب

شترستوك هو مصدر رئيسي للصور على منصة ويلت أثناء تصميم موقعك الإلكتروني، وسيتم اختيار الصور تلقائيا من شترستوك عند كتابة معلومات مجال عملك أو نشاطك.

ستلاحظ بأن صور شترستوك عليها علامة مائية التي يمكن التخلص منها عند الاشتراك بالباقة المميزة على ويلت، إذ ستحصل على صورتين من شترستوك دون العلامات المائية.

9. نشر موقعك والحصول على نطاق

نشر موقعك والحصول على نطاق الخطوة التاسعة من خطوات إنشاء موقع ويب

عندما تشعر بالرضا عن موقعك فهذا يعني أنه قد حان الوقت للسماح للعملاء المحتملين كي يشاهدونه اونلاين.

اضغط على نشر موقعك وبعد ذلك يمكنك إما اختيار استخدام نطاق ويلت الفرعي (وهو نطاقاً متاحاً لكافة مستخدمي ويلت) قبل شراء الباقة، أو قُم الترقية للحصول على نطاقك الخاص، أو ربط موقعك بنطاق حصلت عليه مسبقاً.

لحجز نطاق عبر ويلت، عليك أولاً بترقية حسابك للباقة المميزة، وهنالك طريقتان لحجز النطاقات مع ويلت.

الطريقة الأولى: هي حجز نطاق عبر الضغط على نشر، ثم خيار الترقية، وبمجرد أن تقوم بالدفع مقابل الحصول على الباقة المميزة، ستتمكن من الرجوع إلى المحرر ثم الضغط على خيار النشر مرةً أخرى، لكن ستحصل هذه المرة على المزيد من الخيارات، والآن يمكنك اختيار “شراء نطاق جديد”.

الطريقة الثانية: تتمثل في الانتقال إلى خيار “مواقعي” ثم الضغط على إعدادات النطاق، ومن هناك يمكنك اختيار إما النطاق المستخدم، أو النطاق المخصص الجديد.

10. الانتقال إلى الباقة المميزة:

الانتقال إلى الباقة المميزة الخطوة العاشرة من خطوات إنشاء موقع ويب

ننصح بعد أن تنتهي من تصميم الموقع، أن تنتقل إلى ترقية حسابك للباقة المميزة، والتي تمنحك نطاقاً خاصاً بموقعك، وليس نطاقاً فرعياً.

كما ستحصل على صورتين من شترستوك، وتتمتع الصور بكونها تتناسب مع معلومات موقعك، كما أنها من أفضل الصور ذات الجودة العالية.

عند اشتراكك بالباقة المميزة ستحصل على مميزات عديدة، مثل مساحات التخزين الكبيرة، والنطاق الترددي غير المحدود، والقدرة إلى إزالة الإعلانات.

اقرأ أيضًا: كيف تستخدم التحليلات والأرقام أثناء إنشاء موقعك

خلاصة خطوات إنشاء موقع ويب على ويلت:

بعد أن وضحنا لكم خطوات إنشاء موقع ويب عبر منصة ويلت، لا تتردد في إرسال أي سؤال يدور بذهنك، لهذا لا تتردد في التواصل معنا في أي وقت.

لدينا فريق دعم نشيط متاح على مدار اليوم بكافة أيام الأسبوع، حيث ستتمكن من الدردشة الحية معهم، أو مراسلتهم عبر البريد الإلكتروني أو عبر الاتصال بنا.

أسرع طريقة لتصميم موقعك الإلكتروني الاحترافي في 5 دقائق

الفرصة متاحة أمامك الآن، روّج لمنتجاتك، أو خدماتك، أو اعرض فنك، أو أنشئ موقع إلكتروني بأي مجال تريده وكل ذلك عبر منصة “ويلت” التي ستصمم لك تلقائياً موقعاً لم تكن تتخيله من قبل.

خطوات تصميم موقع ويب في ووردبريس 

تصميم موقع ويب باستخدام وورد بريس قد تكون أكثر تعقيدا نوعا ما عن خطوات ويلت.

لكن لا يزال وردبريس هو الحل الشائع على الإنترنت بحجزه لأكثر من 30% من المواقع الموجودة على الإنترنت! ما يمنحها مصداقية وموثوقية ويجعلها أداة مفضلة يفكر فيها كثير من اصحاب الأعمال.

في هذا الدليل، سنتعمق في عالم وورد بريس لنعرف خطوان تصميم موقع ويب عليه خطوة بخطوة.

فكرة وورد بريس

يقوم وردبريس على فكرة إنشاء المواقع بنظام يسمى نظام إدارة المحتوى. وفكرته قائمة على إعطاء ك بعض الأدوات سهلة الاستخدام لتتمكن من تعديل محتوى موقعك دون أي معرفة بالأكواد هذا في أبسط الأحوال.

قد يواجه بعض الناس صعوبة في هذه الأنظمة باعتبار أنها تزيد على 100 نوع، لكنها تقوم بالأساس على فكرة إنشاء وتأسيس صفحات مواقع ونشرها على الويب

الخطوة الأولى: تسجيل دخولك

أول خطوة من خطوات تصميم موقع ويب في ووردبريس هي الانتقال لموقع ووردبريس والنقر فوق كلمة ابدأ موقعك، سيلزمك لهذا الأمر ببساطة بريد إلكتروني وكلمة مرور واسم مستخدم تضعه.

الخطوة الثانية: اختيار اسم نطاق

بعد تسجيل دخولك في الموقع أول ما سيتعين عليك القيام به هو إدخال اسم نطاق خاص بموقعك موجود أو تشتريه من خلال وورد بريس.

حينها سيصير عنوان موقعك على النحو التالي: www.yourdomain.wordpress.com وهذه العملية تكلفك أكثر من 40 دولارا سنويا تقريبا.

الخطوة الثالثة: اختيار خطة دفع لاسم النطاق

بمجرد الانتهاء من الخطوة السابقة، ستتمكن من رؤية شاشة مثل الشاشة أدناه، والتي ستطلب منك اختيار خطة لاسم النطاق الخاص بك، إذ يتعامل معك وورد بريس كأنك تحفر بئرا ويعطيك أدواته مجانا لكن عليك تأجير مكان البئر أولا، وتختلف الأسعار كما ترى أحيانا تتغير صعودا وهبوطا.

الخطوة الرابعة: اختيار حجم موقعك والدفع

ستظهر لك بعد ذلك شاشة كالتالية تخبرك ما إذا كنت تريد هذا الموقع من صفحة واحدة أو صفحات متتالية متعددة.

بعدها يحيلك الموقع إلى صفحة الدفع لتبدأ بعدها في دفع الخطة التي اخترتها إن لم تكن اخترت اسم نطاق مجاني.

الخطوة الخامسة: إعداد موقعك

بمجرد الانتهاء من الخطوات السابقة نستطيع أن نقول لك إنه صار لديك موقعا جاهزا أو مدونة على ووردبريس.

ستبدأ بعد ذلك رحلة طويلة من تهيئة وتخصيص الموقع، بقوالبه وثيماته ونصوصه وصوره وتلك عملية سهلة يمكنك عملها بنفسك.

اتبع هذه الخطوات بعد الدخول إلى لوحة التحكم والتي فيها كل ما يخص صفحات موقعك وإطلالته على النحو التالي:

الصفحة الرئيسية: ومنها تستطيع تغير اسم وعنوان موقعك.

التحليلات: ومنها تعرف ظهور الموقع وزياراته.

ترقيات الخطط: ومنها تستطيع أن ترتقي بخطة موقعك ومظهره إلى المستوى الأعلى بما يناسب نشاطك وميزانيتك المخصصة له.

الموقع: وفي هذا التبويب يمكنك أن تعدل في الصفحات والوسائط والتعليقات وردود الفعل.

التصميم: ومن خلاله يمكنك أن تخصص ما تريد وما تشاء من تصميمات وثيمات جاهزة مجانية أو مدفوعة.

الأدوات: وفيها مجموعة من أدوات التحكم في موقعك وتسويقه وتحسين ظهوره وآلية الكسب من خلاله.

الإدارة: ومن خلال هذا التبويب ستستطيع أن تدير الناس العاملين في الموقع معك، والمضيف واسم النطاق والإعدادات.

الخطوة السادسة: معاينة موقعك الذي أنشأته

بعد اتباع خطوات تصميم موقع ويب خاص بك والانتهاء منها، انتقل إلى متصفح جوجل وأدخل اسم النطاق الكامل لموقعك (عنوان URL).

لا تظن أنك انتهيت فلا زال أمامك الكثير، وتلك ما إلا البداية. لأنك عند معاينة الموقع سوف تحتاج إلى إعادة النظر في مظهره وشكله ليبدو جذابا على النحو الذي تطمح إليه.

كلمة تغنيك!

إنشاء موقع اليوم مهم لأي نشاط، بل هو بطاقة التعريف الخاصة بك وجواز سفرك الذي تعبر القارات من مكانك! صحيح أنه يمكنك استخدام ووردبريس والاستفادة من خدماته المجانية والمدفوعة، ولكن اسأل نفسك سؤالا مهما قبل أن تدفع! هل موقعي يدعم اللغة العربية وقرّاءها الذين هم جمهوره الوحيد؟ إذا كانت الإجابة لا، ننصحك بويلت، بديلًا سهلًا وداعمًا دائمًا.

خطوات تصميم موقع ويب باستخدام لغات  HTML و CSS و JavaScript

لغات البرمجة كثيرة، وتصميم مواقع الويب يحتاج واحدة منها على الأقل. وليس هدف هذا المقال تحويلك مبرمج ويب بقدر إعطاءك خريطة تستطيع البدء منها والبناء عليها! وقبل الذهاب في هذه الرحلة دعنا نوضح بعض المصطلحات الغامضة.

تصميم الواجهة الأمامية الأساسية

برمجة الواجهة الأساسية لموقعك هي أول خطوات تصميم موقع ويب خاص بك، وتتكون من ثلاثة أنواع من الملفات مكتوبة بلغات  HTML  و CSS و JavaScript . لا يراها مستخدم الموقع لكنها تؤدي كل وظائف الموقع، وهذه اللغات هي:

HTML 

 أو لغة النص التشعبي HyperText Markup Language هي أساس كل مواقع الويب. لأنها يمثابة عواميد الخراسانة لموقعك باعتباره الملف الرئيسي والشامل لكل محتويات الصفحة.

CSS

أو Cascading Style Sheets وتتيح لك هذه اللغة ترقية ملفاتHTML  بحيث يبدو الموقع جميلًا ورائعًا! وبها يمكنك إضافة ألوان وخطوط مخصصة وتخطيط عناصر موقعك كيفما تريده أن يبدو. بل يمكنك أيضًا إنشاء رسوم متحركة وأشكال باستخدامCSS، تخيل!

جافا سكريبت

وهي لغة برمجة تم تصميمها لضبط آلية تشغيل الموقع في المتصفح، فهي بمثابة الدينامو المحرك لموقعك.

تجعل لغة الجافا سكريبت موقعك يستجيب لمدخلات مختلفة من الزائر فيها. كأن يتمكن الزائر من العودة إلى الصفحة السابقة! أو أن ينقر على زر في موقعك يعرفه على طقس اليوم أو غيرها.

أين تتعلم لغات البرمجة؟ (HTML و CSS و JavaScript)

تختلف الأماكن وصور التعلم بين الكتب والفيدوهات التعليمية على المنصات المجانية وغير المجانية. لكن يمكنك أن تتعلم هذه الأمور ببساطة في freeCodeCamp و Treehouse و Wes Bos  وUdemy وبالتأكيد على YouTube كما يمكنك أن تشتري عشرات الكتب من خلال أمازون.

خذ هذه الأدوات معك

اتفقنا أن اللغات السابقة هي اللبنة الأولى في خطوات تصميم موقع ويب. لكن هذا لا ينفي أن هناك أدوات مساعدة لك يمكنها أن تختصر عليك الطريق أكثر، أبرز هذه الأدوات هي:

مكتبات حزم الأكواد البرمجية

وهذه المكتبات توفر لك قطعا برمجية يمكنك استخدامها في مشروعك الخاص، أحد أكثر هذه البرامج شيوعًا هو npm أو Node  Package Manager.

أدوات البناء والتشغيل

جزء آخر في خطوات تصميم موقع ويب وضبط واجهته الأمامية هو استخدام أدوات تشييد المواقع الإلكترونية وتشغيلها وأبرزها  Webpack أو Gulp أو Parcel والتي تدعم تشغيل أرقى للموقع.

برمجة الواجهة الخلفية 

الواجهة الخلفية هي منطقة الكواليس بالنسبة لأي موقع. وتتكون من ثلاثة مكونات رئيسية هي الخادم الذي فيه ملفاتك ولغة البرمجة في الخادم وقاعدة البيانات.

الخادم

الخادم هو الكمبيوتر الذي يخزن جميع ملفات موقعك، وقاعدة البيانات والمكونات الأخرى. وتعمل الخوادم التقليدية على أنظمة تشغيل مثل Linux أو Windows.

لغة البرمجة

مع الخادم سالف الذكر، ستحتاج إلى استخدام لغة برمجة لكتابة الوظائف والمنطق البرمجي للعمليات التي تدور فيه.

يقوم الخادم بعد ذلك بتجميع هذه التعليمات البرمجية الخاصة بك وإرسال النتيجة مرة أخرى إلى العميل. وتشمل لغات البرمجة الشائعة للواجهة الخلفية للويب لغات PHP و Python و Ruby و++C و Java.

قواعد البيانات

قواعد البيانات، كما يوحي لك الاسم، هي المكان الذي تخزن فيه المعلومات الخاصة بموقعك على الويب. وتستخدم معظم قواعد البيانات لغة تسمى SQL تعني “لغة الاستعلام الهيكلية”.

تصميم موقع جذاب

إنشاء موقع إلكتروني

75% من الناس يقيّمون مصداقية الشركة بناء على تصميم موقعها الإلكترُوني، وهذا أمر طبيعي. إذ أنّ تصميم موقع الشركة هو أول ما يراه الزوار، وإن كان التصميم سيئا وغير احترافي، فسينظرون إلى الشركة على أنّها مهملة، وغير موثوقة. بالمقابل إن وجدوا أنّ تصميم موقع الشركة جميل وجذاب، فهذا سيُشعرهم باحترافية أصحاب الموقع وعنايتهم به.

تصميم موقع الشركة هو أحد أهم عوامل نجاح الموقع، وأحد شروط تحسين تجربة المستخدم، إليك بعض النصائح التي ستساعدك على تصميم موقع جذاب واحترافي:

      • تصميم موقع بسيط: ظهرت في السنوات الأخيرة فلسفة جديدة في التصميم، هذه المقاربة تُسمّى التبسيطية (minimalism)، وهي مقاربة تتحرّى البساطة عبر تصميم موقع بسيط، بدون بهرجة. ينصح أنصار هذه المقاربة بتجنّب الإكثار من الصور والرسوم والفيديوهات والوسائط، فرغم أهمية الوسائط والصور في جذب الزوار وإعطاء تصميم موقعك جمالية وجاذبية، إلا أنّها  يمكن أن تبطئ الموقع كثيرًا.
      • تصميم موقع متجاوب: احرص على أن يكون موقعك متجاوبًا مع الشاشات الصغيرة، فالكثير من زوار موقعك يستخدمون الهاتف. التصميم المتجاوب يعني أنّ موقعك سيظهر بصورة جيدة مهما كان حجم شاشة الجهاز الذي يستخدمه الزائر، سواء كانت شاشة هاتف صغيرة، أو شاشة حاسوب لوحي متوسطة، أو شاشة حاسوب كبيرة، في جميع الظروف ينبغي أن تظهر النصوص والصور والأزرار وخطاطة الموقع بشكل طبيعي وتصميم أنيق.
      • هندسة الموقع (website architecture): قبل أن تبدأ حتى في تصميم موقع الشركة، ينبغي أن تحدّد هندسة الموقع، أي خطاطة الموقع العامة وبنيته، والعناصر التي تساعد على تصفحه بسَلاسة.  إليك بعض النصائح التي ستساعدك على هندسة الموقع ورسم ملامحه العامة.
      •  سهولة التصفح: ينبغي أن يكون الزائر قادرًا على الوصول إلى أيّ مكان في الموقع بسهولة. ينبغي تصميم موقع الشركة بحيث تكون كل الخدمات التي قد يحتاجها الزائر في المتناول، عبر إنشاء قائمة تصفح تأخذ الزائر إلى صفحات الموقع المهمة مثل: صفحة الهبوط، وصفحة التسجيل، ومدونة الموقع.
      • محاكاة المواقع الناجحة: ليس عليك اختراع العجلة، استفد من منافسيك، خصوصًا الكبار منهم، ادخل إلى مواقعهم، وحاول الاستلهام من تصاميمهم. مثلا، إن كنت تريد تصميم موقع للتجارة الإلكترونية، فإنّ أول موقع ينبغي أن تنظر إليه هو عملاق التجارة الإلكترونية أمازون. رغم أنّ هذا الموقع كبير جدا، ويضم ملايين المنتجات، والكثير من الصفحات والخدمات، إلا أنّ تصميمه يتبع هندسة عملية، تتيح للزائر العثور على أيّ شيء يريد، سواء كان خدمة أو منتجا في وقت قصير.

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

      • قاعدة 3 نقرات: إن كان موقعك كبيرًا جدا، فقد يصعب عليك أن تضع روابط لكل الخدمات والمنتجات التي تقدمها. لذلك قد تكتفي بوضع الروابط الأساسية في رئيسية الموقع، وتوزع الروابط الفرعية في الصفحات الأخرى.

لكن تذكر هذه القاعدة المهمة عند تصميم موقع الشركة، ينبغي ألا يكون الزائر مضطرا لأن يضغط أكثر من 3 روابط (أو 4 عند الضرورة) لكي يصل إلى الصفحة التي يريدها، وإلا فإنّ كثيرًا من الزوار لن يستطيعوا العثور عليها، وحتى من عثر عليها، قد ينسى كيف يعود إليها.

6- تجربة مستخدم سهلة وسلسة

هل تعلم أنّ تجربة المستخدم الجيدة يمكن أن ترفع معدل تحول العملاء بحوالي 400%، وأنّ كل دولار تنفقه لتحسين تجربة المستخدم سيعيد لك ما بين 2 إلى 100 دولار. يُقصد بتجربة المستخدم، التجربة التي يمر بها المستخدم عند تصفح موقعك، والإحساس أو الانطباع الذي يتولد لديه جرّاء ذلك، سواء كان سلبيًا أو إيجابيا.

تشمل تجربة المستخدم كلما يراه المستخدم أو يسمعه على الموقع، وتتأثر تجربة المستخدم بسهولة استخدام الموقع وجودة الخدمات التي يقدمها وسرعة تحميل الصفحات وجودة التصميم وكل ما يمكن أن يؤثر على المستخدم أثناء تصفح الموقع. ينبغي مراعاة تحسين تجربة المستخدم عند إنشاء موقع الشركة، فينبغي أن يكون في ذهن مصمّم الموقع أنّ تجربة المستخدم أولوية أساسية لا تقل أهمية عن أمن أو تصميم موقع الشركة.  هذه بعض النصائح التي ستساعدك على تحسين تجربة المستخدم:

تجربة مستخدم

      • سرعة التحميل: تسريع تحميل صفحات الموقع ينبغي أن يكون أولوية عند إنشاء موقع الشركة. فمهما كان تصميم موقع الشركة جميلًا، فإنّ الزوار سيغادرونه إن كان بطيئًا، كما أنّ خوارزميات محركات البحث تأخذ سرعة تحميل المواقع بالحسبان عند ترتيب المواقع.
      • تقسيم النصوص الطويلة إلى فقرات قصيرة: تجنب الفقرات الطويلة، لأنّها تجعل البحث في النصوص صعبًا.
      • اختر العناوين بعناية: ينبغي أن تقسم محتويات صفحات موقعك بشكل منطقي، ضع عنوانا مناسبا لمحتوى الصفحة، ثم قسّم المحتوى إلى أفكار عامة، وضع كل فكرة عامة في فقرة، واعطها عنوانا مناسبا.
      • استخدام نقاط القوائم (Bullet points): إن كانت هناك أفكار فرعية مرتبطة بفقرة ما، فالأفضل أن تضعها في قائمة نقطية.
      • اختر الألوان والتنسيقات والخطوط بعناية: يمكن أن يكون للألوان والتنسيقات والخطوط تأثير كبير على تجربة المستخدم، لأنّها تساعد على إضفاء جمالية على الموقع، وتساعد القارئ على تصفح المحتويات. فالناس مثلا تعوّدوا على أنّ النصوص المكتوبة باللون الأزرق عبارة عن روابط، وأنّ النصوص المكتوبة بخط عريض أو التي تحتها سطر مهمة أكثر من غيرها. لذلك عليك ألا تستخدم اللون الأزرق في النصوص لغير الروابط، ولا تكثر من استخدام النصوص المغلظة حتى لا تربك القارئ. كما ينبغي تجنّب استخدام النصوص الصغيرة، ومراعاة ضعاف البصر. ينصح بعض الخبراء أيضًا بتخصيص اللون الأخضر أو الأحمَر لأزرار اتخاذ الإجراء، لأنّهما لونان مميّزان، ويَلفتان الانتباه.
      • لا تنس الهاتف: ينبغي أن تراعي عند إنشاء موقعك، أنّ نسبة كبيرة من زوار الموقع سيدخلونه عبر الهاتف، لذا ينبغي أن تكون محتويات الموقع متجاوبة، أي أنّ الصور والنصوص وجميع عناصر صفحات الموقع ينبغي أن تظهر بشكل جيد على الشاشات الصغيرة والكبيرة على السواء.
      • البحث: ما لم يكن موقعك مكوّنا من صفحة واحدة، فعليك إضافة إمكانية البحث على الموقع، ينبغي أن يكون حقل إدخال البحث واضحًا، ويُفضل أن يكون في أعلى الصفحة إلى جانب أيقونة البحث المعروفة.

 تأمين الموقع

ستخزِّن في موقعك الكثير من البيانات، سواء بيانات الشركة، أو بيانات العملاء، وبعض تلك البيانات حساسة. يتوقع عملاؤك أن تكون بياناتهم في مأمن، لذا ينبغي أن يتمتع الموقع بأعلى درجات الأمن والحماية. فأيّ ثغرة في الموقع قد يتسلل منها القراصنة، ويسرقون بياناتك وبيانات عملائك، وستكون لذلك تداعيات خطيرة على المشروع، وعلى سمعته بين الناس. هناك الكثير من المعايير الأمنية التي ينبغي الالتزام بها، من أهمها:

    • شهادة SSL – بروتوكول طبقة المقابس الآمنة

هو بروتوكول أمني يشفّر الاتصال بين الخادم والمتصفح، المواقع المزوّدة بشهادة SSL تبدأ عناوينها بـ HTTPS، أما المواقع غير المشفرة فتبدأ عناوينها بـ HTTP. ينبغي أن تحرص على الحصول على شهادة SSL، فهي ضرورية لنجاح الموقع، لأنها تحمي البيانات المنقولة بين العميل والخادم، وتمنع التعرض لها. كما أنّ محركات البحث، مثل جوجل، تعدّ شهادة SSL عاملا من عوامل تحديد الترتيب في صفحات النتائج.

لذا يساعد الحصول على هذه الشهادة على احتلال مرَاكز متقدمة في صفحات نتائج البحث. كما أنّ المتصفّحات تميّز المواقع المشفرة وتوضح للزوار إن كانت آمنة أم لا عبر وضع رمز القفل بالقرب من عنوان الموقع إن كان يتوفر على شهادة SSL، فيما تضع جملة (غير آمن) في المواقع الأخرى. وهذا قد ينفّر الزوار والعملاء المحتملين ويعطي صورة سيئة عن شركتك، وسيكون لذلك تأثير كبير على المبيعات.

المخترقون لا يستهدفون بالضرورة الخادم، فأحيانا يستهدفون أصحاب المواقع. لذا، ينبغي أن يكون الحاسوب الذي تستخدمه لولوج لوحة التحكم الخاصة بالموقع آمنا، ثبّت مضادا قويا للفيروسات، ولا تدخل إلى المواقع المشبوهة، ولا تفتح رسائل البريد الإلكتروني التي لا تعرف مصدرها. ففي حال اختراق حاسوبك، سيصل القرصان إلى كل بياناتك، بما فيها اسم المستخدم وكلمة المرور التي تستخدمها لدخول لوحة التحكم، أو الدخول إلى حساباتك المالية على بايبال وغيرها.

    • شراء إضافات أمنية: إن كنت تستخدم نظاما لإدارة المحتوى مثل ووردبريس، فينبغي أن تثبّت إضافات أمنية لتأمين موقعك وسد الثغرات الممكنة.
    • النسخ الاحتياطي: إن كنت تخزّن بيانات مهمّة، فمن الضروري أن تنشئ نسخًا احتياطية منها حتى تستعيدها في حال ضياعها. الكثير من شركات الاستضافة تقدم ميزة النسخ الاحتياطي كجزء من خدماتها. لذلك عليك قراءة بنود خطة الاستضافة التي اشتريتها، أو التواصل مع شركة الاستضافة للتحقق من أنّهم يوفّرون لك هذه الميزة، وإلا، فاطلب منهم إضافتها، وهذا قد يتطلّب منك مصاريف إضافية.
    • الاستعانة بخبير: إن أردت مزيدا من الحماية والأمن لموقعك، فقد يكون الحل الأفضل هو الاستعانة بخبير في الأمن السيبراني لتفحّص الموقع والبحث عن الثغرات الأمنية، أو الشيفرات الخبيثة التي يمكن أن تُكون مدسوسة في شيفرة الموقع. يمكنك شراء خدمة الاختبارات التجريبية (beta testing) من منصة خمسات، والتي تتيح لك الحصول على خدمات خبراء في الأمن السيبراني مقابل مبلغ في المتناول.

المصادر

https://tashkeel.alsharekh.org/

الدليل الشامل إلى إنشاء موقع إلكتروني احترافي

https://www.masterhosting.net/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D9%86%D8%B4%D8%A7%D8%A1-%D9%88%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A/

الدليل الشامل إلى إنشاء موقع إلكتروني احترافي

https://support.google.com/domains/answer/10996099?hl=ar

الدليل الشامل إلى إنشاء موقع إلكتروني احترافي

https://www.for9a.com/learn/-

 

%D8%A5%D%D8%AE%D8%B7%D9%88%D8%A7%D8%AA- 9%86%D8%B4%D8%A7%D8%A1-%D9%85%D9%88%D9%82%D8%B9-%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D8%AE%D8%B7%D9%88%D8%A9-%D8%A8%D8%AE%D8%B7%D9%88%D8%A9

 

https://wuilt.com/blog/ar/%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%8A%D8%A8/

كيفية إنشاء موقع إلكتروني (كل ما تحتاج لمعرفته في مكان واحد)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

مجلة المعرفه والأبداع

 

مَرْحَبًا بِكُمْ طُلَّاب مَدْرَسَة عُمَّال الثَّانَوِيَّة
نَحْن طَالِبات كُلِّيَّةٌ بَيْت بِيرل نُقَدِّم لَكُم مجلتنا المعرفية وَالْمَعْلُومَاتِيَّة وَهِي ضَمِن الْمَشْرُوع آل 80%المدرسي لمساق التَّطْبِيق لِكَي تتمكنو مِنْ الِاسْتِعَانَةِ بِهَا , وَالرُّجُوع لَهَا حِينَمَا تُرِيدُون تَطْبِيق أَيْ مِنْ مُحْتَوَياتِها
أَتَمَنَّى أَنْ تَنَالَ اعجابكم أعزائي
وَفَّقَكُمْ اللَّهُ أَحْبَابِي لِمَا يُحِبُّ وَيَرْضَى , أَتَمَنَّى لَكُم دَوَام التَّقَدُّم وَالنَّجَا

 

 

 

 

1
This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

Ad Remove Ads [X]
Skip to content