كيف تتعلم تصميم المواقع

مؤلف: Monica Porter
تاريخ الخلق: 17 مارس 2021
تاريخ التحديث: 1 تموز 2024
Anonim
دورة تصميم المواقع - كورس كامل من البداية للأحتراف للمبتدئين
فيديو: دورة تصميم المواقع - كورس كامل من البداية للأحتراف للمبتدئين

المحتوى

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

خطوات

جزء 1 من 3: البدء

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

  2. معرفة ما هو كل شيء عن تصميم الويب. هذه هي عملية إنشاء بيئة رقمية:
    • دعم وتشجيع النشاط البشري.
    • تعكس أو تتكيف مع المحتوى والأصوات الفردية ؛
    • يتغيرون بطريقة إيقاعية مع مرور الوقت مع الحفاظ على هويتهم.
  3. حدد الموارد التي تريد استخدامها. المواقع الإلكترونية ومقاطع الفيديو والكتب هي المصادر الثلاثة الرئيسية. Codecademy و W3Schools هما من أشهر المواقع الإلكترونية اليوم. بالإضافة إلى ذلك ، هناك العديد من الموارد الأخرى ، لا تتردد في التجربة!
    • إذا اخترت أي موقع إلكتروني ، فيرجى التسجيل للحصول على حساب لحفظ تقدمك.
    • إذا اخترت الدراسة بالفيديو ، قم بتمييز جميع مقاطع الفيديو التي تحتاجها.
    • قم بزيارة مكتبتك المحلية أو متجر الكتب إذا كنت تخطط للدراسة عن طريق الكتاب. في حالة عدم رغبتك في إنفاق الكثير (أو حتى لا ترغب في إنفاقه) ، يمكنك تنزيل كتاب إلكتروني أو مستند PDF.
    • إذا كنت على استعداد للدفع ، فمن المحتمل أن تجد دروسًا مخصصة من مصمم ويب محترف.

  4. حدد مقدار الوقت الذي تحتاجه للدراسة. إذا كنت شخصًا مشغولًا ، فسيتعين عليك إيجاد طريقة لإيجاد وقت للدراسة.
  5. قم بتنزيل برنامج تصميم الويب إذا لم يكن لديك واحد. بينما لا يزال بإمكانك العمل مع Notepad ، فمن الأفضل أن يكون لديك برنامج مثل Adobe Dreamweaver أو Microsoft Expression Web أو KompoZer. هناك الكثير من الخيارات الأخرى ، يرجى البحث عن المزيد وتنزيل البرنامج الذي يعجبك. الإعلانات

جزء 2 من 3: دراسة


  1. ابدأ مع HTML. HTML هي مهارة لا غنى عنها لأي مصمم ويب. مفاهيم رئيسية مثل العلامات والفئات والمعرفات والمدخلات وما إلى ذلك.
    • أحدث إصدار من HTML هو HTML5. يقدم HTML5 بعض التقنيات الجديدة ولذا فهو على الأرجح أفضل إصدار للتعلم.
    • XHTML أيضًا خيار قابل للتطبيق. ومع ذلك ، فإن هذا الإصدار أكثر تطلبًا.
  2. تعلم CSS. يرمز CSS إلى "ورقة الأنماط المتتالية" أو ملفات الأنماط المتتالية. بدون CSS ، لا يوجد تصميم جميل لا يزال بإمكانك رؤيته على الويب. HTML هو مجرد إطار ، و CSS هو ما يجعل موقع الويب ملونًا ولافتًا للنظر.
    • CSS صارم تمامًا في الاستخدام. على سبيل المثال ، قد تضطر إلى خدش جبهتك بحثًا عن الأخطاء عندما تنسى وضع فاصلة منقوطة في نهاية كل سطر.
  3. تعلم JavaScript و jQuery. بالنسبة لأولئك الذين يخططون لإنشاء موقع ويب بسيط ، هذه الخطوة اختيارية. ومع ذلك ، من أجل إنشاء موقع ويب تفاعلي ، من الضروري للغاية تعلم لغتي البرمجة أعلاه.
    • إذا كنت ستستخدم jQuery ، فأنت تحتاج فقط إلى أساسيات JavaScript لأن jQuery يمكنها أن تجعل الأمور بسيطة.
    • باستخدام jQuery ، يمكنك إدراج عناصر واجهة مستخدم مثل الأكورديون (المحتوى القابل للطي) والتقويم وما إلى ذلك. يأتي jQuery أيضًا في مجموعة متنوعة من الأنماط ، وبالتالي فإن الأمر متروك لك لاختيار النمط المناسب لموقعك على الويب.
  4. تواصل مع لغات أكثر تقدما. إنها PHP و MySQL و Perl و Ruby وبعض اللغات الأخرى. ليس مطلوبًا للأشخاص الذين يرغبون فقط في إنشاء موقع ويب بسيط ، ولكن هذا ضروري لإنشاء موقع ويب تفاعلي كبير.
    • يحتاج أحدها ، مثل PHP ، إلى خادم اختبار. لذلك ، لا تنس التسجيل للحصول على حساب مع خدمة استضافة مواقع الويب أو تثبيت برنامج الخادم على جهاز الكمبيوتر الخاص بك.
    الإعلانات

جزء 3 من 3: طبِّق معرفتك

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

النصيحة

  • يرجى التحلي بالصبر! إذا كنت تنوي التقاط كل شيء في ست ساعات فقط ، فستنسى بسرعة كبيرة.
  • لا تفترض أنه سيتعين عليك الدفع مقابل محرر HTML جيد. هناك العديد من البرامج المجانية الجيدة التي لا يمكن أن تكلف أقل من بضعة ملايين دونج فيتنامي.
  • عند الانتهاء من مشروع ما ، قم بتجميع بعض التعليمات البرمجية وتحويلها إلى مكتبة. من هناك ، لن تضطر إلى إعادة برمجة نفس الأشياء مرارًا وتكرارًا مع كل مشروع. إذا أصبحت المكتبة كبيرة جدًا ، فقد تبيعها!
  • تعد مستندات PDF أكثر مرونة من الكتب الإلكترونية. يمكنك قراءة مستندات PDF على أي جهاز كمبيوتر بينما يتم تصميم الكتب الإلكترونية عادةً لنوع معين من الأجهزة ، مثل Kindle و iPad وما إلى ذلك.
  • إذا كنت أنت أو أحد أفراد أسرتك على علم بتصميم الويب ، فاطلب منه أن يعلمك. بالتأكيد سوف يتم تعليمك مجانًا (نأمل!).

تحذير

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

ماذا تحتاج

  • الحاسوب
  • برنامج تصميم الويب
  • كتب أو مقاطع فيديو أو مواقع تعليمية