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

Name: أساسيات تصميم المواقع الإلكترونية
Author: Paul Poteete

تعلم منهجية إنشاء موقع

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ3.

دورة تدريبية: عند الطلب

في هذا القسم الخاص بكيفية عمل الويب سنناقش أساسيات تصميم مواقع الويب. الآن، بعد أن تعرفت على كيفية عمل التطوير الكامل للويب Full Stack هذا كل شيء من الخلفية حتى الواجهة الأمامية أو الواجهة الأمامية للخلفية، من إنشاء مواقع الويب التي تستخدم HTML، أوراق الأنماط المتتالية وجافا سكريبت إلى خوادم mySQL وخوادم Apache، خوادم الملفات file servers أو شبكات توصيل المحتوى، سنلقي نظرة على سبب وكيفية إنشاء موقع ويب. لماذا تقوم بإنشاء موقع على شبكة الإنترنت؟ حسنًا، تم إنشاء موقع ويب للترويج لعملك أو خدمتك، كل ما تريد الترويج له بشكل احترافي، أو منظمة، شيء قد ترغب في قوله، مرحبًا، هذا موقع كلبي. مهما كان ما تريد القيام به، يمكنك إنشاء موقع على شبكة الإنترنت لذلك. الآن، عندما ننشئ مواقع ويب، علينا اعتبار أن هذه واجهة مستخدم، تمامًا كما يحتوي هاتفك الذكي على واجهة، أو أن جهاز الكمبيوتر الخاص بك به واجهة، الموقع هو واجهة لعملائك أو أصدقائك أو هؤلاء المستخدمين. بالطبع، هناك مواقع للتواصل الاجتماعي التي تم إنشاؤها مسبقًا من أجلك. وكل ما تفعله هو وضع الصور عليها أو كتابة بعض الكلمات هنا أو هناك. سنلقي نظرة على مواقع الويب. هذه هي الأشياء التي تقوم بإنشائها بالفعل. وإذا كنت تقوم بإنشائه، ستحتاج إلى التفكير في المقياس والطباعة النمط المرئي. إذا كنت تريد شبكة، تسلسل هرمي، تنقل، سهولة قراءة الموقع والتدفق. لذا أولاً، سنتحقق من بعض المواقع التي تساعدك في إنشاء المواقع، وهي لطيفة نوعا ما، لكننا لا ننظر إلى هذا الموقع الآن عن كيفية مساعدتك في إنشاء موقع، نحن ننظر إلى هذا على أنه تصميم لواجهة المستخدم. لذا، تصميم واجهة المستخدم. ستلاحظ في الجزء العلوي ما قرروا القيام به هو وضع منتجاتهم وقوالبهم ومواردهم مباشرة في الجزء العلوي من الصفحة. كل ما تحتاجه لتنمو عبر الإنترنت، لديهم خانة إدخال البريد الإلكتروني الخاص بك إلى جانب خانة هناك تبدأ. بجعل هذا الخيار الوحيد في هذه الصفحة بجعله بخط عريض وبارز للغاية، ما يحاولون فعله هو جعلك تضع بريدك الإلكتروني في موقعهم على الويب حتى يتمكنوا من المتابعة معك كعميل محتمل. ويمكنك أن ترى أن هذا الموقع يقوم بذلك بشكل جيد للغاية. إذا نقرنا على موقع آخر، سنرى أن البدء Get started موجود هناك في أول الصفحة. الآن، عندما تختار البدء Get Started سوف يسألك مرحبًا، تفضل وقم بتسجيل الدخول باستخدام بريدك الإلكتروني. وآخر، ابدأ موقع الويب الخاص بك. Start your website ثم هنا، حسنا، ما هو النوع الذي تريد أن تبدأ به؟ دعنا نمضي قدما ونبدأ واحدة من هؤلاء. لذا يمكنك أن ترى أن كل واحدة من هذه تقدم بطريقة ما لالتقاط المعلومات وإدخال المستخدم بشكل أعمق في التجربة. الآن حجم الموقع. في هذه الحالة، نحن نبحث عن موقع بدقة 1080 بكسل. نظامي يعمل بدقة 4K. لذا، هذا الموقع يناسب حقًا الزاوية. يمكنني تصفح الموقع، والتدفق طبيعي جدًا، نظيفة جدا وسهلة القراءة. لذا، المقياس مناسب تمامًا. الطباعة، الطريقة التي يضعون بها الكلمات في الشاشة الخط الذي يستخدمونه سهل القراءة للغاية. وهذا شيء يجب مراعاته. قد يعاني بعض الأشخاص من ظروف مختلفة التي تجعل من الصعب قراءة أنواع معينة من النصوص. لذا، باستخدام نص يسهل الوصول إليه قد يكون الطريق الصحيح للعمل . الآن، إذا كان موقعك أسلوبًا فنيًا معينًا، فربما لن ينفعك ذلك. يصعب ببساطة قراءة بعض الأساليب الفنية، لذا فهي حسب التصميم. ولكن عند إنشاء موقع الويب الخاص بك، تأكد من أنك تفكر في التصميم، نوع الخط الذي تستخدمه. ماذا تريد أن يرى المستخدم، أول شيء وصلوا إلى موقعك؟ ماذا تريد؟ هل تريدهم أن يروا مثالاً، ربما رابط البدء Get Started و/ أو البريد الإلكتروني حتى يتمكنوا من المتابعة. إذا قاموا بالتمرير لأسفل الذي لا يقوم معظم الأشخاص بالتمرير لأسفل بعيدًا عنه ثم أثناء قيامهم بالتمرير لأسفل أي نوع من الخيارات سيرون؟ أيضا، ما هو نوع الأسلوب أو النمط الذي تريده؟ شبكة، تسلسل هرمي، تنقل. في هذه الحالة، لدينا ما يشبه تخطيط الشبكة. لذا لدينا كل خيار من الخيارات هنا. لقد تحولنا من الشبكة، حسنًا، جزء من الشبكة إلى التنقل والتسلسل الهرمي. لذا، قد نكون قادرين على النزول بشكل أعمق وأعمق في هذه الأقسام الصغيرة. وهم يجمعون بين عدة منهجيات مختلفة في الموقع. طريقة رائعة لفعل الأشياء. الآن، إذا نظرنا إلى تصميم واجهة المستخدم، تذكر حجم النص والصور يجب أن يكون مناسب لجهاز المستخدم الخاص بك، سواء كان جهازًا محمولاً جهاز لوحي أو هاتف أو جهاز سطح مكتب، وقد يكون جهاز سطح المكتب هذا جهاز عرض أقل دقة. لذا ضع ذلك في الاعتبار. الطباعة، الخطوط، كيف ترتب الخطوط، يجب أن يكون سهل القراءة، من السهل قراءتها وفقا لما يناسبك. والأسلوب البصري، سواء كنت ترغب في البقاء مع شبكة، نهج هرمي، أو مجرد توفير التنقلات في جميع أنحاء موقع الويب بأكمله. ضع ذلك في الاعتبار وصمم موقعك مع الغرض الخاص بك في الاعتبار.

مبتدئ مقدِّم الخدمة : Paul Poteete 3 الدروس · 14m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese

وصف الدورة

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

ما ستتعلمه

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

النقاط الرئيسية

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

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

ما الذي تغطيه هذه الوحدة؟

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

ما المهارات التي سأكتسبها من هذا المقرر؟

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

ما الدروس المتضمنة؟

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

هل يتناول هذا المقرر الطريقتين الإلكترونية وغير المتصلة لبناء موقع ويب؟

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