How To Make A Website For Free Tutorial | Website World

How to Make a Website

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

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

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

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

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

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


  • Selecting a web design template from our continually growing range of pre-designed templates for service and product based businesses. This template can be easily changed later. In this example, we are using the website template Minimal ContentBox (100% Wide) as a demonstration website.


  • Select the type of website you want to build, such as an online shop, a service provider, a blogger, real estate agent etc.This will let us pre-populate your website with the appropriate pages for your chosen industry. In this example, we are choosing the Shop/Retail eCommerce option which includes a built in shopping cart.

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

You will be sent an email which asks you to confirm your email address, and also contains information on how to login to your website, along with a temporary password. Once logged in, you will see the Welcome Dashboard which is where you have complete control of your new website.


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

Your new website will come pre-populated with pages which will vary according to the type of template you chose. It is easy to add or/and remove  or rename these pages within your website.

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

To add a new page to your website, click upon the Add Page button which can be found on the left hand side of the Welcome Dashboard, or by clicking on the Web Pages button and selecting Add Page.

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

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

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

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

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

  • Renaming a page is also done via the web pages site map page. Click on the Web Pages button, and select the Shopping page wheel cog icon this time. The area you want to edit are the button text, page heading and SEO filename. Be aware that once your website is live, you should not change any SEO filename as to do so creates broken links on your website, and search engines believe that as it has a new filename, it is a new page. You consquently lose any SEO benefits that page had. You can change your filenames without penalties if your site is still in trial mode however.

To save the changes you have made so far on your website, please click on the green Publish button. This will not make your site live, but will instead publish the changes to your trial site, saving them.

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

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

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

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

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

We added some text to the existing paragraph snippet box, and then clicked on and dragged over the Heading H2 snippet box above it. We then added a title to that heading snippet, as in this image:

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

This will then open a page from where you can edit your SEO meta tags, including your page title (page heading).

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

The Image Wizard in the CMS will open your image ready for editing, if required. It will show you the true size of your image as it is now, the existing file name it has and some options to crop, rotate, resize and convert to JPG. We are going to resize this image to fit on the About Us page. Click on the drop down arrow for the Resize box, and select the image size 448x448 Blog option. Change the file name if required, then click Save Changes.

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

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

Use the option which suits you best to pick the image:

  • Use an existing image you have previously uploaded
  • حدد ملف الصورة من جهازك
  • اسحب وأفلِت ملف صورة من جهازك
  • استيراد صورة عن طريق لصق عنوان URL لموقع الصورة الموجود بالفعل على موقع ويب

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

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

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

Scroll down the page until you see the Fonts box options. Here you will be able to edit the: General Font, Heading Font, Font Size and Line Height. 

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

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

Select the font you want and the highlighted text alone will change to this font, while the rest of the page remains the same. To change the size, highlight the specific text again and click on the drop down arrow next to Font Size, and select the size pt option you want.

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

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

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

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


Save your work by clicking the Save Changes and then the Publish buttons.

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

Highlight the heading and then select the drop down box next to the Text Colour icon. This will open up a pre-selected range of colours to choose from, as well as giving you and option for others by clicking on the More Colours option.

Click the Save Changes button and then the Publish button to save your work so far.

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

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


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

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

Our team here at Website World are here to help! Make sure you check out our التدريب والدروس التعليمية للحصول على مساعدة مجانية رائعة في إنشاء وإدارة موقعك الإلكتروني. تذكر، المواقع التي نستضيفها فائقة السرعة أيضاً!