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

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

جزء 1

جزء 1 من 3:

البداية

تنزيل المقال

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

جزء 2

جزء 2 من 3:

التعلم

تنزيل المقال

1
ابدأ ب تعلم لغة "إتش تي إم إل" (HTML). لغة "إتش تي إم إل"مطلب أساسي لأي مصمم مواقع. يجب عليك إتقان مفاهيم العلامات والفصول والكينونات والمدخلات وما إلى ذلك.
- تُعد نسخة "إتش تي إم إل فايف" (HTML 5) هي أحدث نسخة من "إتش تي إم إل"، والتي تتضمن بعض التقنيات الجديدة لذلك فهي أفضل نسخة لتتعلمها.
- من الخيارات المتاحة أيضًا لغة "إكس تي إم إل فايف" (XTML5) ولكنها أكثر صرامة في قواعدها.
2
تعلم لغة "سي إس إس" (CSS). تُشير كلمة "سي إس إس" إلى "صفحات الطرز المتراصة." وهي لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع. بدون لغة "سي إس إس" لن يكون هناك التصميم المبدع الذي تراه في بعض المواقع الإلكترونية. يمكننا تشبيه لغة "إتش تي إم إل" بالهيكل العظمي للموقع، ولكن لغة "سي إس إس" هي ما تجعل الموقع ملونًا وجذابًا.
- لغة "سي إس إس" أكثر صرامة في قواعدها. على سبيل المثال، إذا نسيت وضع فاصلة منقوطة في نهاية كل سطر، يؤدي ذلك إلى دخولك في دوامة كبيرة بشأن ما ينبغي عليك فعله لاكتشاف الخطأ الذي ارتكبته.
3
تعلم الجافا سكريبت وجي كويري. تًعد تلك اللغات اختيارية للأشخاص الذي يخططون لتصميم مواقع إلكترونية بسيطة، ولكنها أساسية إذا كنت ترغب في تصميم مواقع إلكترونية تفاعيلة.
- إذا كنت تنوي استخدام جي كويري، ستحتاج إلى الإلمام بمعرفة أساسية فقط عن جافا سكريبت، بينما يجعل جي كويري مهمتك أسهل بكثير.
- يمكنك إدراج "أكورديون" أو "تقويم" وما شابه، باستخدام لغة جي كويري. يوجد العديد من الأنماط المختلفة، على أن يمكنك اختيار النمط الذي تحتاجه لموقعك.
4
انتقل إلى لغات أكثر تطورًا. توجد بعض اللغات، مثل: "بي اتش بي" و"ماي اس كيو إل" و"بيرل" و"روبي" والعديد من اللغات الأخرى. تذكر مرة أخرى أن هذه اللغات اختيارية لمصممي المواقع البسيطة ولكنها مفيدة للغاية للمواقع الكبيرة والتفاعلية.
- تتطلب بعض هذه اللغات، مثل: بي اتش بي، خادم (سيرفير) اختبار، لذلك تأكد من امتلاك حساب في شركة استضافة الموقع أو ثبت برنامج خادم على جهاز الكمبيوتر الخاص بك.

جزء 3

جزء 3 من 3:

تطبيق ما تعلمته

تنزيل المقال

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

أفكار مفيدة

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

تحذيرات

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