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

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

غالبًا ما نصنع نموذجًا رسوميًا PSD ، قبل تحويله إلى موقع ويب.

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

في هذه المقالة ، يقدم الخبير من وكالة الويب Wedigitalpro عملية تحول

ما هي UX و UI؟

UX: تجربة المستخدم

UX هو اختصار لتجربة المستخدم في اللغة الإنجليزية. إنها تجربة المستخدم باللغة الفرنسية. هذه هي العناصر: الأدوات والإجراءات التي تجعل رحلة المستخدم سهلة وممتعة.

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

تتم مصادفة تجربة المستخدم ، أيضًا في طرق تنفيذ الإجراءات الإدارية ، أو أيضًا في تنظيم الأحداث الرياضية …

تدرس تجربة العميل أحاسيس ومشاعر المستخدمين لتقديم الرحلة المادية أو عبر الويب الأكثر متعة.

UI: واجهة المستخدم

 UI تعني “واجهة المستخدم” باللغة الإنجليزية. في الفرنسية هي واجهة المستخدم. هذه هي العناصر: تصميم وبناء واجهة المستخدم.

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

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

لا يزال من الممكن تقديم واجهة المستخدم بواسطة نموذج ثابت وديناميكي.

كيف تصنع نموذج ويب ثابت؟

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

يمكننا الاستشهاد بعناصر الويب أدناه ، والأدوات اللازمة لإنشائها:

1. الخط الموجود أو أنشئ خطًا جديدًا باستخدام إحدى هذه الأدوات:
   1. FontArk
   2. Birdfont
   3. Fontforge
   4. Glyphr studio
2. يمكن تحويل الصور باستخدام الأدوات أدناه:
   1. Adobe Photoshop
   2. Gimp

كيف تصنع نموذج ويب ديناميكي؟

مع قاعدة من مكونات الويب الرسومية ، والتي تحمل هوية العلامة التجارية أو الشركة ، يجب أن نضيف منطق تنقل يتوافق مع UX / UI.

يوضح نموذج موقع الويب الديناميكي أولاً رحلات الويب المختلفة للعملاء. ثم يجعل من الممكن تحديد الشبكة الداخلية والخارجية.

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

كيفية تحويل PSD mockup إلى كود ويب؟

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

نموذج الرسومات هو الجزء الثابت ، بينما سيتغير المحتوى حسب الأخبار.

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

تحويل النموذج إلى ويب عن طريق الترميز

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

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

تحويل النموذج إلى ويب تلقائيًا

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

يتطلب تحويل نموذج PSD بالحجم الطبيعي إلى مكون ويب: الصفحة ، الموضوع … عدة مجالات من الخبرة: HTML ، CSS ، جافا سكريبت …

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

يمكن تجنب عمل التحويل اليدوي هذا ، جزئيًا على الأقل ، عن طريق أتمتة التحويل من PSD إلى HTML / CSS.

فيما يلي بعض الأمثلة على مواقع الويب التي تقدم تحويلًا تلقائيًا مجانًا. هذه هي PSD To Web و CSS3Ps

وتجدر الإشارة أيضًا إلى وجود أطر لتسهيل التنمية. Bootstrap هي بيئة تطوير لـ CSS و JavaScript ومكتبات JavaScript خارجية مثل jQuery أو Popper لتحديد المكونات: أشرطة التنقل ، والنوافذ المشروطة …

كيفية دمج النموذج المشفر في CMS؟

CMS هو اختصار لنظام إدارة المحتوى. باللغة الفرنسية نظام إدارة المحتوى. إنها توفر إطارًا يسمح بتحرير المحتوى ونشره على الإنترنت.

أشهر أنظمة إدارة المحتوى هي:

CMS	الحصة السوقية
WordPress	62.6%
Joomla!	4.4%
Shopify	3.6%
Drupal	2.9%

يعد WordPress أكثر أنظمة إدارة المحتوى استخدامًا. القالب أو قالب الصفحة يسمى Theme في WordPress.

يتكون تكامل نموذج PSD من تحويله إلى

كيف تحول PSD إلى موضوع وورد؟

يتحول النموذج إلى Html: index.html وإلى CSS style.css. عليك فقط تحويل ملف index.html إلى ملف .php الذي يشكل هيكل سمة WordPress.

 في عدة ملفات .php:

• Archive.php
• Header.php
• Footer.php
• Index.php
• Single.php
• Page.php
• Sidebar.php
• Category.php
• Search.php
• 404.php
• Comments.php
• Comments-popup.php

تأكد من أن نموذج بالحجم الطبيعي مشفر مستجيب؟

موقع الويب المتجاوب هو موقع يتكيف عرضه مع الجهاز والمتصفح.

يمكن تغيير عرض الصور والخطوط والقوائم من جهاز واحد (جوال ، كمبيوتر ، كمبيوتر لوحي ، وحدة تحكم ، إلخ) ، أو من متصفح واحد (Chrome ، و Internet Explorer ، و Firefox ، وما إلى ذلك) إلى آخر.

في هذه الحالة ، سيتم تغيير تجربة العميل ، وستكون بالتأكيد سيئة.

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

كيف يمكن تحسين أداء النموذج المشفر؟

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

1. تجمع وتقليل javascript / css.
2. تقليل تحميل الصور
3. استخدم خطوط الرموز أو الرموز المتحركة CSS للحصول على طلبات أقل.
4. تقليل عدد الخطوط (ومجموعة الأحرف)
5. العمل مع الرسوم المتحركة CSS ، للمتصفح لتحسينها.
6. تحميل ASYNC جافا سكريبت

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

تقدم Wedigitalpro لدعمك. اتصل بنا لدراسة احتياجاتك.

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

تم العثور عليها تحت عناوين أخرى

• مدير مجتمع الإنترنت
• مضيف وسائل التواصل الاجتماعي
• مضيف / مدير مجتمعات الويب

الأنشطة الرئيسية

تطوير الوعي بالعلامة التجارية داخل مجتمعات الويب

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

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

يجب أن تحدد أيضًا المؤشرات التي تجعل من الممكن مراقبة “حياة” المجتمع (عدد “المشاركات” ، جودة الردود ، إلخ). وأخيرًا قم بتخطيط ومتابعة إجراءات التوظيف للأعضاء عبر الإنترنت (شراكات ، رعاية …) فيما يتعلق بالتسويق.

تعزيز التماسك المجتمعي

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

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

يجب أن نتذكر أن CM هو شخص بارع. لذلك يجب أن تطلق مواضيع تسمح بالمناقشة أو تبادل الخبرات والممارسات بين مستخدمي الإنترنت / المستهلكين.

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

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

تقييم ومراقبة أعمال التسويق

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

التطوير الفني والوظيفي للمنصة

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

أنشطة مدير المجتمع

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

المهارات المطلوبة

مهارات تقنية

يجب أن يمتلك مدير المجتمع بعض المهارات الفنية أو الإتقان:

–      وسائل الاتصال الجديدة: وسائل الإعلام المجتمعية (Dailymotion و Youtube …) والشبكات الاجتماعية المهنية أم لا (Viadeo و Facebook و Twitter …) والمدونات والمنتديات … وكذلك أدوات إدارة الشبكات الاجتماعية (Hootsuite و CoTweet و TweetDeck و Seesmic وما إلى ذلك)

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

–      تقنيات المراقبة والبحث لتوفير المعلومات وإثارة النقاش وتحليل التعليقات والأدوات المرتبطة بها مثل تنبيهات Google

–       المعرفة ببرامج إنتاج محتوى الويب: برامج تنقيح الصور والرسومات (Photoshop …) ، CMS.

مهارات

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

الملف الشخصي

الدبلومات المطلوبة

تسمح العديد من الملفات الشخصية بممارسة مهنة مدير المجتمع. على سبيل المثال ، درجة جامعية من Bac +3 إلى Bac +5 في العلوم الإنسانية (الآداب ، والفنون ، والتاريخ ، وعلم الاجتماع ، وما إلى ذلك). يمكن استكمالها بتخصص في الاتصال عبر الإنترنت أو درجة الماجستير المتخصصة في إدارة المجتمع.

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

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

وفقًا لموقع internetlivestats.com ، الذي يعرض أرقام الإنترنت على الهواء مباشرة ، يوجد وقت كتابة هذا المقال (30 يونيو 2020 الساعة 9 صباحًا) ، 1786365076 مواقع على الإنترنت. من الواضح أنه بحلول الوقت الذي تقرأ فيه هذا المقال ، سيزداد هذا الرقم.

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

يتكون مشروع إنشاء موقع الويب من عدة خطوات قبل الاتصال بالإنترنت. ويمكن أن يفشل قبل وقت طويل من وصوله إلى تلك المرحلة النهائية ، وينضم إلى 1،781،635،076 موقعًا.

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

يقدم حالة موقع WordPress ، لكن هذا يظل صالحًا لأنظمة إدارة المحتوى الأخرى مثل Joomla و Drupal …

محتوى الوسائط المتعددة لنقل الرسالة

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

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

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

سيكون النص هو الدافع وراء تصميم الميثاق البياني للموقع واللون والخط والخلفية …

 نماذج الجرافيك

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

يمكننا تحديد الأنواع المختلفة من الصفحات ، وبناء نموذج لكل نوع:

1. الصفحة الرئيسية
2. صفحة الاتصال
3. سلعة
4. قائمة العناصر
5. الصفحة المقصودة
6. قائمة المنتجات
7. ورقة المنتج
8. …

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

تكامل النماذج في HTML و CSS

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

بالنسبة للفقرات ، التسلسل الهرمي للعناوين والأنواع المختلفة للصور والجدول ومحتوى الفيديو … يستخدم المُتكامل كود HTML. لتحديد أنماط الخطوط والألوان وألوان الخلفية … سيعتمد على أوراق أنماط CSS. إذا كانت هناك حاجة إلى وظيفة حسابية أو منطقية ، فإنها تستخدم Javascript.

إنشاء قالب WordPress

بمجرد دمج نماذج HTML بالأحجام الطبيعية ، يمكننا الانتقال إلى مرحلة تطوير WordPress!

تثبيت ووردبريس

أحد المتطلبات الأساسية لهذه الخطوة هو أن يكون لديك خادم ويب مع قاعدة بيانات.

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

تطوير الموضوع

تتمثل إحدى خطوات إنشاء موقع ويب في تطوير الموضوع. لا يلزم سوى عدد قليل من الملفات لإنشاء سمة WordPress ، ويمكن أن تتكون السمة الأساسية فقط من ملف index.php وملف style.css

في الواقع ، يتكون قالب WordPress من عدة ملفات ومجلدات ضرورية لتنفيذ ميزات WordPress. (مثال: ملف jobs.php).

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

لمعرفة المزيد حول تخصيص موقع WordPress.

أثناء مرحلة إنشاء السمة ، قد يظل المحتوى غير نهائي.

تثبيت وتهيئة مكونات WordPress الإضافية

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

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

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

الاختبارات والتحقق من صحة وإدخال المحتوى النهائي

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

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

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

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

تقدم Wedigitalpro لدعمك. اتصل بنا لدراسة احتياجاتك.

في هذه المقالة ، تقدم Wedigitalpro عملية إنشاء موقع ويب احترافي لتلبية متطلبات التوافر العالي.

وفقًا لموقع internetlivestats.com ، الذي يقدم أرقامًا حية على الإنترنت ، في وقت كتابة هذا المقال (21 أغسطس 2020 الساعة 6 مساءً) ، كان هناك 1،794،127،400 موقعًا على الإنترنت. من الواضح أنه بحلول الوقت الذي تقرأ فيه هذا المقال ، سيزداد هذا الرقم.

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

هناك نوعان من مواقع الويب. أولا ، يمكننا أن نذكر المواقع المهنية. ثانيًا ، مواقع الهواة المخصصة للنشاط الشخصي

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

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

موقع شخصي

عواقب هذه المخاطر ، في حالة حدوثها ، تقتصر على المواقع الشخصية

1. مدونة عن هواية أو شغف
2. موقع يقدم مركز اهتمام

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

موقع احترافي

بينما بالنسبة لموقع ويب احترافي ، تكون عواقب هذه المخاطر أكثر تأثيرًا:

1. صور ذات جودة رديئة
2. انخفاض في قيمة التداول

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

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

يجب التحكم في أي تغيير على الموقع:

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

للقيام بذلك ، أنت بحاجة إلى خادم:

1. تطوير
2. المؤهل
3. ما قبل الإنتاج (يشبه في كل شيء خادم المضيف)
4. خادم إنتاج (هذا هو خادم المضيف).

إجراءات متقنة للانتقال من بيئة إلى أخرى. ونظام إدارة الإصدار.

مكونات الموقع

جميع مواقع الويب لها واجهة أمامية وخلفية.

الواجهة الأمامية هي واجهة المستخدم التي تسمح بتقديم المحتوى والتقاط إجراءاته (نقرة ، إدخال بيانات ، إلخ).

بشكل عام ، تم إنشاء هذا الجزء باللغات التالية:

1. HTML
2. CSS
3. Javascript

تتكون النهاية الخلفية من قاعدة بيانات تخزن البيانات ، وخادم يتيح معالجة البيانات وحسابها.

غالبًا ما يتم إنتاج موقع الويب في فرق

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

1. رئيس مشروع؛ للتنسيق بين جميع المشاركين ، ولضمان الامتثال لمتطلبات العملاء والميزانية والجدول الزمني
2. مصممي UI / UX لتحديد تجربة العميل وواجهات المستخدم
3. مطورو الواجهة الأمامية لتطوير واجهة المستخدم باستخدام HTML و CSS وجافا سكريبت مع ضمان الاستجابة.
4. مطورو الخلفية لإنشاء قاعدة البيانات ، وتطوير قواعد العمل وواجهات برمجة التطبيقات. 
5. المؤهلين لاختبار الأداء السليم للموقع
6. مهندسو النظام لتحديد ومعايرة عناصر البنية التحتية للاستضافة (الأمان ، النسخ الاحتياطي ، التكرار)
7. محرري المحتوى لإنشاء محتوى متسق وأصلي
8. خبراء تحسين محركات البحث (SEO) لضمان تحسين محركات البحث الجيدة للموقع

بيئة إنتاج مواقع الويب المحلية

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

1. خادم الويب (عادةً Apache)
2. قاعدة بيانات (عادةً MySQL)
3. لغة برمجة الويب (عادةً PHP)

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

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

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

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

DesktopServer:

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

XAMPP

هذا الحل مناسب بشكل أساسي للمطورين الذين يرغبون في إتقان جميع مكونات البيئة ، مع إمكانيات تكوين واسعة جدًا. ومرة أخرى فهو مجاني تمامًا. يحتوي على Apache و MySQL و PHP و Perl.

MAMP

MAMP هي إحدى أدوات تصميم الويب المشابهة تمامًا لـ XAMPP ، فهي تحتوي على My Apache و MySQL و PHP وهي متوفرة على نظامي التشغيل Windows و macOS فقط.

Vagrant

بخلاف الأدوات المذكورة أعلاه ، يتيح لك Vagrant إنشاء بيئات افتراضية مختلفة مع أنظمة تشغيل وخوادم ويب وقواعد بيانات مختلفة …

Local by Flywheel

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

تمتلك وكالة الويب Wedigitalpro البنية التحتية والخبراء وأدوات تصميم الويب الاحترافية.

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

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

كانت موجودة دائما. يمكن رؤيته فيما يُعتقد أنه أعمال تقليدية ليس لديها تقنيات مبيعات متطورة

في السوق ، يمكننا أن نلاحظ أن المراجعين لا يروقون لجميع المارة ، وقبل كل شيء لا يعالجونهم بنفس الطريقة

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

على سبيل المثال ، سيخاطب بائع الحلوى طفلًا ، بينما سيتحدث بائع الكتب أو الأدوية عن الآباء حتى لو كان منتجهم مخصصًا للأطفال

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

“Buyer Persona”

نوضح في هذه المقالة ماهية شخصية المشتري وكيفية استخدامها في التسويق الاستراتيجي والتشغيلي

ما هي شخصية المشتري؟

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

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

“Buyer Personas”

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

كيف تعمل الشخصية على تحسين اكتساب العملاء عبر الويب؟

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

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

يحمل Persona الخصائص المشتركة لمجموعة العملاء المستهدفة. يتيح إنشاء إمكانية تمييز ملفات تعريف العملاء بدوافعهم ومتاعبهم وميزانياتهم ومعايير الاختيار … مختلفة

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

يتضمن تعريف الشخصية عنصرًا إقصائيًا يسمى الشخصية السلبية

ما هي الشخصية السلبية؟

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

1. لا يستحقون الائتمان
2. لديك المنتج بالفعل معك أو مع مورد آخر
3. مترددون ، وسيستغرق تحويلهم الكثير من الوقت والموارد

وبالتالي ، فإن إنشاء شخصية سلبية يجعل من الممكن تجنب إنفاق موارد التسويق والمبيعات غير الضرورية

تفاعلات الظروف الشخصية

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

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

كيف تصنع شخصية؟

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

يجب عدم إهمال أي مصدر للمعلومات من أجل جمع أكبر قدر ممكن من البيانات حول علاقته بعرضك. هذه هي الخاص بك

1. العملاء والتوقعات في قاعدة الاتصال الخاصة بك
2. تجاري
3. الموظفين
4. جهات الاتصال خارج قاعدة الاتصال الخاصة بك

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

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

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

يؤدي ذلك إلى إشراك أهدافك أكثر فأكثر في عملك ، مما يؤدي بهم تدريجيًا إلى شراء خدمتك

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

استفد من خبرة Wedigitalpro

واتصل بنا

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

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

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

تأكد من متابعتها لضمان نجاح تدريبك الداخلي عبر الإنترنت

كيف تنشئ تدريبك الخاص عبر الإنترنت؟

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

الخطوة 1: حدد أسباب وأهداف مشروع التدريب عبر الإنترنت

ما هو الغرض من تدريبك عبر الإنترنت؟

ما هي الملفات الشخصية لأولئك الذين سيشاركون في التدريب عبر الإنترنت؟

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

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

الخطوة 2: اجمع المحتوى الحالي المطلوب للتدريب عبر الإنترنت

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

لذلك عليك أن تجمع كل المحتوى الموجود والمتعلق بتدريبك عبر الإنترنت ، بما في ذلك

• التقييمات والتعليقات
• وسيلة العرض الحالية
• أشرطة فيديو
• اشرطة صوتية
• الصور

بمجرد قيامك بجمع كل المحتوى الموجود ، ستتمكن من تحديد المحتوى الذي لا يزال يتعين إنتاجه لتدريبك عبر الإنترنت

الخطوة 3: أنشئ محتوى إضافيًا لبناء تدريبك عبر الإنترنت

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

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

الخطوة 4: صمم تدريبك عبر الإنترنت

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

يقوم البرنامج النصي بإنشاء التفاعلات والتقييمات ويحدد الوقت الذي يجب أن يقضيه المتدرب لتحقيق الهدف

ثم تحقق من صحة المحتوى والبرنامج النصي مع أصحاب المصلحة المعنيين بالتدريب عبر الإنترنت

الخطوة 5: حدد المظهر والرسومات المرئية للتدريب عبر الإنترنت

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

يتم تحقيق الاتساق أثناء إنشاء نص التدريب عبر الإنترنت

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

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

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

الخطوة 7: قم بالتجميع في مسار واحد متماسك ثم ضع هذه القطع معًا

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

، الخبيرة في التحول الرقمي ، تدعم عملائها في تحويل أساليب وأدوات التدريب الخاصة بهم Wedigitalpro نحو الرقمية

بالنسبة للدراسة واختيار الأدوات وتنفيذ وتشغيل الدورات التدريبية الرقمية الخاصة بك ، اطلب Wedigitalpro المشورة من خبراء

هل تعلم أن المقدمة هي أهم جزء في المقال. 80٪ من قراء الويب لا يتعدون قراءة المقدمة. 20 في المائة المتبقية قرأوا لأن المقدمة جذابة

لتحقيق هدف أي مؤلف (مدون) ، أي قراءة إنتاجه من قبل أكبر عدد ممكن من الناس ، من الضروري كتابة مقدمة جيدة وجذابة.

سنشرح لك في هذا المقال كيف تكتب مقدمة جيدة لمقال ويب؟

قم بإشراك قارئ مقال الويب

أول ما يصادفه القارئ في مقال على الويب بعد عنوانه هو المقدمة

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

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

يفتح الشعار الرئيسي المقدمة ، ويهدف إلى رفع الموضوع بمهارة

تحديد المصطلحات الأساسية

محتوى مقال الويب هو جلب معرفة جديدة للقراء

المعرفة الجديدة مرادفة للمصطلحات الجديدة. حتى لا تفقد القراء ، من الضروري في جميع أنحاء المقالة تقديم تعريفات للمصطلحات الجديدة

المقدمة هي المكان المناسب لتحديد المصطلحات الجديدة التي سيتم استخدامها لاحقًا.

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

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

 أسئلة لكي تطرحها

المقدمة ، كما يوحي الاسم ، هي مقدمة للمقال. يقدم المحتوى ، ولكن أيضًا الأسلوب والأسلوب

لتقديم المقالة بشكل صحيح ، يجب عليك تخصيص المقدمة لتناسب السياق المحدد

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

1. (لمن هذه المقالة؟ (طالب ، موظف ، صاحب عمل ، أم ، طفل ، إلخ
2. (…ما هو الغرض من المقال؟ (إضحاك الناس، وتقديم المشورة، إعلام
3. كم من الوقت سوف نقضي في قراءة المقال؟

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

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

هرم مقلوب

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

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

عند قراءة هذه المعلومات الأساسية ، سيكون القارئ فضوليًا لاكتشاف التفاصيل

ستتبع المعلومات في المقالة بمزيد من التفاصيل

المعلومات الأساسية في هذه المقالة هي 6 نصائح لكيفية كتابة مقدمة جيدة لمقال ويب؟ ثم تأتي تفاصيل النصيحة بشكل هرمي

الاشكالية

الإشكالية حسب ويكيبيديا هي “عرض مشكلة في جوانب مختلفة”

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

غالبًا ما يكون هذا هو السؤال الذي يطرحه مستخدم الإنترنت على نفسه ، وهذا هو الاستعلام الذي يطرحونه على محرك البحث

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

هذا الخبر السار يشجعه على القراءة للعثور على إجابة لهذا السؤال

المشكلة في هذه المقالة هي كيف تكتب مقدمة جيدة لمقال ويب؟

فكر في تحسين محركات البحث

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

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

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

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

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

استفد من خبرة Wedigitalpro واتصل بنا