چگونه می توان طراحی وب را یاد گرفت

نویسنده: Monica Porter
تاریخ ایجاد: 17 مارس 2021
تاریخ به روزرسانی: 1 جولای 2024
Anonim
آموزش طراحی وب 0 تا 100 تضمینی قسمت 54 : آموزش کار با DOM
ویدیو: آموزش طراحی وب 0 تا 100 تضمینی قسمت 54 : آموزش کار با DOM

محتوا

طراحی وب یک مهارت بسیار ارزشمند است ، خصوصاً در جهانی که امروزه همه چیز به دور اینترنت می چرخد. اگر واقعاً در این کار مهارت دارید ، می توانید از مشتری درآمد کسب کنید ، یک سایت عضویت ایجاد کنید (وب سایتی که دسترسی به محتوای مهمان را محدود می کند) یا سایر پروژه های کسب درآمد را دنبال کنید. و اگر واقعاً می خواهید بدانید که چگونه طراحی وب را بیاموزید ، این مقاله برای شما مناسب است!

مراحل

قسمت 1 از 3: شروع کار

  1. به تفاوت طراحی وب توجه کنید. نه طراحی کتاب ، نه طراحی پوستر ، و نه تصویرگری. نکته اصلی در این زمینه ها نیز آن چیزی نیست که طراحی وب در مورد آن است. در حالی که وب سایت ها می توانند سیستم های تحویل بازی ها و فیلم ها باشند ، و اگرچه این سیستم های توزیع ممکن است کاملاً چشم نواز باشند ، اما آنها نمونه ای از طراحی بازی و داستان پردازی ویدئویی هستند ، نه طراحی وب.

  2. دانستن اینکه طراحی وب به چه معناست. این روند ایجاد یک محیط دیجیتالی است:
    • حمایت و تشویق فعالیت انسان
    • انعکاس یا انطباق با محتوا و صداهای فردی ؛
    • با گذشت زمان در عین حفظ هویت خود ، به روشی ریتمیک تغییر می کنند.
  3. منابعی را که می خواهید استفاده کنید شناسایی کنید. وب سایت ها ، فیلم ها و کتاب ها سه منبع اصلی هستند. Codecademy و W3S Schools امروز دو وب سایت معروف هستند. علاوه بر این ، منابع بسیاری دیگری نیز وجود دارد ، دریغ نکنید و احساس راحتی کنید!
    • اگر وب سایتی را انتخاب کردید ، لطفا برای یک حساب کاربری ثبت نام کنید تا پیشرفت خود را ذخیره کند.
    • اگر مطالعه با ویدئو را انتخاب کردید ، همه فیلم های مورد نیاز را برجسته کنید.
    • اگر قصد دارید کتاب را مطالعه کنید ، از کتابخانه یا کتابفروشی محلی خود دیدن کنید. در صورتی که نمی خواهید زیاد هزینه کنید (یا حتی نمی خواهید آن را خرج کنید) ، می توانید سند کتاب الکترونیکی یا PDF را بارگیری کنید.
    • اگر مایل به پرداخت هزینه هستید ، به احتمال زیاد می توانید دروس اختصاصی یک طراح حرفه ای وب را بیابید.

  4. مشخص کنید که چقدر به مطالعه اختصاص می دهید. اگر فرد شلوغی هستید ، باید راهی برای یافتن وقت برای مطالعه پیدا کنید.
  5. اگر برنامه طراحی وب را ندارید ، بارگیری کنید. اگرچه هنوز می توانید با Notepad کار کنید ، بهتر است برنامه ای مانند Adobe Dreamweaver ، Microsoft Expression Web یا KompoZer داشته باشید. گزینه های زیادی وجود دارد ، لطفا بیشتر جستجو کنید و برنامه مورد علاقه خود را بارگیری کنید. تبلیغات

قسمت 2 از 3: مطالعه کنید


  1. با HTML شروع کنید. HTML برای هر طراح وب یک مهارت ضروری است. مفاهیم اصلی مانند برچسب ها ، کلاس ها ، شناسه ها ، ورودی ها و غیره
    • آخرین نسخه HTML HTML5 است. HTML5 برخی از فن آوری های جدید را معرفی می کند و احتمالاً بهترین نسخه برای یادگیری است.
    • XHTML نیز یک گزینه مناسب است. با این حال ، این نسخه کمی طلبکارتر است.
  2. CSS را بیاموزید. CSS مخفف "Cascading Style Sheet" یا پرونده های سبک آبشار است. بدون CSS ، هیچ طراحی زیبایی وجود ندارد که بتوانید همچنان در وب مشاهده کنید. HTML فقط یک قاب است و CSS همان چیزی است که یک وب سایت را رنگارنگ و چشم نواز می کند.
    • CSS در استفاده کاملاً سختگیرانه است. به عنوان مثال ، ممکن است مجبور شوید پیشانی خود را بخاطر خطا خراش دهید ، فراموش کنید که در انتهای هر خط یک نقطه ویرگول بگذارید.
  3. جاوا اسکریپت و jQuery را بیاموزید. برای کسانی که قصد ایجاد یک وب سایت ساده را دارند ، این مرحله اختیاری است. با این حال ، برای ایجاد یک وب سایت تعاملی ، یادگیری دو زبان برنامه نویسی فوق العاده ضروری است.
    • اگر می خواهید از jQuery استفاده کنید ، فقط به اصول JavaScript نیاز دارید زیرا jQuery می تواند کارها را ساده کند.
    • با jQuery می توانید ابزارک هایی مانند آکاردئون (محتوای جمع شونده) ، تقویم و غیره را وارد کنید. jQuery همچنین به سبک های مختلفی ارائه می شود و بنابراین شما هستید که می توانید سبک مناسب وب سایت خود را انتخاب کنید.
  4. با زبان های پیشرفته تر ادامه دهید. این PHP ، MySQL ، Perl ، Ruby و چندین زبان دیگر است. برای افرادی که فقط می خواهند یک وب سایت ساده بسازند لازم نیست ، اما این برای ایجاد یک وب سایت بزرگ و تعاملی ضروری است.
    • یکی از آنها مانند PHP به سرور تست احتیاج دارد. بنابراین ، ثبت نام برای یک حساب کاربری در سرویس میزبانی وب یا نصب نرم افزار سرور بر روی کامپیوتر خود را فراموش نکنید.
    تبلیغات

قسمت 3 از 3: دانش خود را اعمال کنید

  1. یک وب سایت پروژه ایجاد کنید. آزمایش و ایجاد وب از ابتدا. این به شما کمک می کند تا دانش را به جای اینکه در مغز شما زنگ بزند ، دستکاری کنید.
  2. از یکی از دوستان یا اقوام خود که به وب سایت احتیاج دارند ، س Askال کنید. شما می توانید برای کسب تجربه یک وب سایت رایگان ایجاد کنید!
  3. وب سایت خود را راه اندازی کنید. با داشتن محتوایی که دوست دارید ، آن وب سایت به شما امکان می دهد مهارت های خود را به مردم نشان دهید.
  4. اگر می خواهید آزاد باشید. با پرداخت هزینه معقول ، نمونه کارهای خود را در سایت خود قرار دهید. چه کسی می داند ، روزی تجارت شما به یک شرکت واقعی تبدیل خواهد شد. تبلیغات

مشاوره

  • لطفا صبور باشید! اگر قصد دارید همه چیز را فقط در عرض شش ساعت ضبط کنید ، پس خیلی سریع فراموش خواهید کرد.
  • تصور نکنید که باید هزینه یک ویرایشگر HTML خوب را پرداخت کنید. بسیاری از برنامه های رایگان خوب وجود دارد که هزینه آنها نمی تواند کمتر از چندین میلیون VND باشد.
  • هنگامی که پروژه ای را به پایان می رسانید ، مقداری کد را جمع کرده و به کتابخانه تبدیل کنید. از آنجا ، با هر پروژه ای مجبور نیستید موارد مشابه را بارها و بارها دوباره برنامه ریزی کنید. اگر کتابخانه خیلی بزرگ شود ، حتی ممکن است آن را بفروشید!
  • اسناد PDF کمی انعطاف پذیرتر از کتاب های الکترونیکی هستند. در حالی که کتابهای الکترونیکی معمولاً برای نوع خاصی از دستگاه مانند Kindle ، iPad و غیره طراحی می شوند ، می توانید اسناد PDF را روی هر رایانه ای بخوانید.
  • اگر شما یا یکی از نزدیکانتان از طراحی وب مطلع هستید ، از آنها بخواهید تا به شما آموزش دهند. مطمئناً به شما رایگان آموزش داده می شود (امیدوارم!).

هشدار

  • زیاد خود را مجبور نکنید! وقتی خسته شدید ، همه چیز را فراموش خواهید کرد و هیچ چیز یاد نخواهید گرفت.
  • در زبان های برنامه نویسی مفهومی به نام حلقه های بی نهایت وجود دارد. آنها ترس از برنامه نویس هستند. مراقب باشید تا برای شما اتفاق نیفتد!
  • هنگام بارگیری برنامه مراقب باشید! هر چیزی می تواند ویروس باشد.
  • لطفا قبل از ثبت نام در یک وب سایت از این موضوع مطلع شوید. البته اگر وب سایت معتبری باشد جای نگرانی نیست. با این حال ، وب سایت های کمتر شناخته شده به احتمال زیاد فیشینگ هستند.

آنچه شما نیاز دارید

  • کامپیوتر
  • برنامه طراحی وب
  • کتاب ها ، فیلم ها یا وب سایت های آموزشی