كيفية إنشاء موقع إلكتروني مجاناً - دليل تعليمي | عالم المواقع الإلكترونية

كيفية إنشاء موقع ويب

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

5 خطوات لإنشاء موقع ويب

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

  1. سجل للحصول على نسخة تجريبية مجانية
  2. إضافة الصفحات وإزالتها وإعادة تسميتها
  3. إضافة محتوى
  4. صمم موقعك الإلكتروني
  5. انطلق مباشرة

1. اشترك في تجربة مجانية لمدة 30 يومًا

قم بالتسجيل للحصول على موقع تجريبي مجاني بواسطة:


  • اختر قالب تصميم موقع ويب من مجموعتنا المتنامية باستمرار من القوالب الجاهزة المصممة خصيصًا للشركات الخدمية والمنتجات. يمكن تعديل هذا القالب بسهولة لاحقًا. في هذا المثال، نستخدم قالب موقع الويب Minimal ContentBox (عرض 100%) كنموذج توضيحي.


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

  • أدخل اسم موقعك الإلكتروني وتفاصيل الاتصال لبدء تجربتك المجانية لموقعك الإلكتروني.

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


2. إضافة أو إزالة أو إعادة تسمية الصفحات على موقع الويب الخاص بك

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

  • إضافة صفحات جديدة

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

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

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

بعد النقر على زر "إضافة صفحة جديدة الآن!"، سيتم توجيهك إلى صفحتك الجديدة. ستُضاف تلقائيًا إلى القائمة على يسار الشاشة، بالإضافة إلى شريط القوائم على موقعك الإلكتروني.

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

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

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

لحفظ التغييرات التي أجريتها حتى الآن على موقعك الإلكتروني، يُرجى النقر على زر "نشر" الأخضر. لن يؤدي هذا إلى نشر موقعك على الموقع الفعلي، بل سينشر التغييرات على موقعك التجريبي، وسيتم حفظها.

3 - إضافة محتوى إلى موقع الويب الخاص بك

هناك نوعان من المحتوى يمكنك إضافتهما إلى موقعك الإلكتروني: النصوص والرسومات/الصور.

  • إضافة عناوين الصفحات والعناوين الفرعية ونصوص الفقرات إلى الصفحة

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

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

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

هناك طريقتان لتغيير عنوان الصفحة، أو العنوان الرئيسي (h1). أولاً، يمكنك اتباع التعليمات الواردة في الخطوة السابقة لإعادة تسمية الصفحة. أو ثانياً، يمكنك فتح علامة تبويب تحسين محركات البحث (SEO) من القائمة الزرقاء، ثم اختيار "تحسين علامات التعريف الوصفية لصفحات الويب".

سيؤدي هذا بعد ذلك إلى فتح صفحة يمكنك من خلالها تعديل علامات التعريف الخاصة بتحسين محركات البحث، بما في ذلك عنوان صفحتك (عنوان الصفحة).

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

سيقوم معالج الصور في نظام إدارة المحتوى بفتح صورتك لتكون جاهزة للتعديل، إذا لزم الأمر. سيعرض لك حجم الصورة الحالي، واسم الملف، وخيارات للقص والتدوير وتغيير الحجم والتحويل إلى صيغة JPG. سنقوم بتغيير حجم هذه الصورة لتناسب صفحة "نبذة عنا". انقر على السهم المنسدل بجوار مربع "تغيير الحجم"، ثم اختر خيار "مدونة" بحجم 448×448 بكسل. غيّر اسم الملف إذا لزم الأمر، ثم انقر على "حفظ التغييرات".

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

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

استخدم الخيار الذي يناسبك لاختيار الصورة:

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

4. تصميم موقع الويب الخاص بك

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

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

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

  • تغيير الخط في صفحة ويب محددة

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

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

  • تغيير الألوان العامة لموقعك الإلكتروني

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

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

وهذه هي الألوان التي اخترناها للاستخدام:


احفظ عملك بالنقر على زر "حفظ التغييرات" ثم زر "نشر".

  • تغيير لون النص في صفحات الويب الفردية

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

انقر فوق زر "حفظ التغييرات" ثم زر "نشر" لحفظ عملك حتى الآن.

5 - جعل موقع الويب الخاص بك نشطًا

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


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

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

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