Як навчитися веб-дизайну: 13 кроків (із фотографіями) - Чайові

Відеоролик: Веб дизайнер - с чего начать и как стать. Основы веб-дизайна с нуля

Зміст

Кроки
Порада
Увага
Що тобі потрібно

Веб-дизайн - це дуже цінна навичка, особливо у світі, де сьогодні все обертається навколо Інтернету. Якщо ви справді добре це вмієте, ви можете заробляти гроші на клієнтах, створювати сайт для членства (веб-сайт, який обмежує доступ до гостьового вмісту) або реалізовувати інші проекти монетизації. І якщо ви дійсно хочете знати, як навчитися веб-дизайну, тоді ця стаття для вас!

Кроки

Частина 1 з 3: Початок роботи

Зверніть увагу на різницю в веб-дизайні. Не дизайн книг, не дизайн плакатів, не ілюстрація. Суть у цих полях також не стосується веб-дизайну. Хоча веб-сайти можуть бути системами доставки ігор та відео, і хоча ці системи розповсюдження можуть привертати увагу, вони є втіленням ігрового дизайну та розповіді відео, а не веб-дизайну.
Знаючи, що таке веб-дизайн. Це процес створення цифрового середовища:
- підтримка та заохочення людської діяльності;
- відображати або адаптувати до індивідуального змісту та голосів;
- змінюватися в ритмічному ключі з часом, зберігаючи при цьому свою ідентичність.
Визначте ресурси, які ви хочете використовувати. Веб-сайти, відео та книги - це три основні ресурси. Codecademy та W3Schools - два найвідоміші веб-сайти сьогодні. Крім того, існує безліч інших ресурсів, не соромтесь і сміливо випробовуйте!
- Якщо ви вибрали веб-сайт, зареєструйтесь, щоб зберегти свій прогрес.
- Якщо ви вирішили навчатись за допомогою відео, виділіть усі потрібні вам відео.
- Якщо ви плануєте вчитися за книгою, відвідайте місцеву бібліотеку або книгарню. Якщо ви не хочете витрачати занадто багато (або навіть не хочете їх витрачати), ви можете завантажити електронну книгу або документ PDF.
- Якщо ви готові платити, швидше за все, ви знайдете індивідуальні уроки від професійного веб-дизайнера.
Визначте, скільки часу потрібно витратити на навчання. Якщо ви зайнята людина, вам доведеться знайти спосіб знайти час для навчання.
Завантажте програму веб-дизайну, якщо у вас її немає. Хоча ви все ще можете працювати з Блокнотом, краще мати таку програму, як Adobe Dreamweaver, Microsoft Expression Web або KompoZer. Є маса інших варіантів, будь ласка, шукайте більше і завантажте програму, яка вам подобається. реклама

Частина 2 з 3: Дослідження

Почніть із HTML. HTML - незамінна навичка для будь-якого веб-дизайнера. Опануйте такі поняття, як теги, класи, ідентифікатори, вводи тощо.
- Остання версія HTML - HTML5. HTML5 представляє деякі нові технології, і тому, мабуть, найкраща версія для вивчення.
- XHTML - також життєздатний варіант. Однак ця версія трохи вибагливіша.
Вивчіть CSS. CSS розшифровується як "Каскадна таблиця стилів" або каскадні файли стилів. Без CSS немає красивого дизайну, який ви все ще можете побачити в Інтернеті. HTML - це просто кадр, а CSS робить веб-сайт барвистим і привабливим.
- CSS досить жорсткий у використанні. Наприклад, можливо, вам доведеться почухати лоб за помилки, коли ви забудете поставити крапку з комою в кінці кожного рядка.
Вивчіть JavaScript та jQuery. Для тих, хто планує створити простий веб-сайт, цей крок не є обов’язковим. Однак для того, щоб створити інтерактивний веб-сайт, вивчення двох вищевказаних мов програмування вкрай необхідно.
- Якщо ви збираєтеся використовувати jQuery, вам знадобляться лише основи JavaScript, оскільки jQuery може зробити все просто.
- За допомогою jQuery ви можете вставляти віджети, такі як акордеон (розбірний вміст), календар тощо. jQuery також випускається в різних стилях, тому від вас залежить вибір правильного стилю для вашого веб-сайту.
Продовжуйте використовувати більш просунуті мови. Це PHP, MySQL, Perl, Ruby та кілька інших мов. Не потрібно для людей, які просто хочуть створити простий веб-сайт, але це важливо для створення великого інтерактивного веб-сайту.
- Одному з них, наприклад PHP, потрібен тестовий сервер. Тому не забудьте зареєструвати обліковий запис у службі хостингу веб-сайтів або встановити серверне програмне забезпечення на свій комп’ютер.
реклама

Частина 3 з 3: Застосуйте свої знання

Створіть веб-сайт проекту. Експериментуйте та створюйте Інтернет з нуля. Це допоможе вам маніпулювати знаннями, а не дозволяти їм іржавіти у вашому мозку.
Запитайте друга чи родича, якому потрібен веб-сайт. Ви можете зробити для них безкоштовний веб-сайт, щоб набратися досвіду!
Створіть власний веб-сайт. Завдяки вмісту, який вам подобається, цей веб-сайт дасть вам можливість показати свої вміння публіці.
Фріланс, якщо хочете. Стягніть розумну плату та розмістіть портфоліо на своєму сайті. Хто знає, одного разу ваш бізнес перетвориться на справжню компанію. реклама

Порада

Будь ласка, будьте терплячі! Якщо ви маєте намір захопити все лише за шість годин, то забудете дуже швидко.
Не думайте, що вам доведеться заплатити за хороший редактор HTML. Є безліч хороших безкоштовних програм, вартість яких може становити не менше кількох мільйонів донгів.
Завершивши проект, накопичте трохи коду і перетворіть його на бібліотеку. З цього часу вам не доведеться перепрограмувати одні і ті ж речі знову і знову в кожному проекті. Якщо бібліотека стане занадто великою, ви можете навіть продати її!
Документи PDF трохи гнучкіші, ніж електронні книги. Ви можете читати документи PDF на будь-якому комп’ютері, тоді як електронні книги, як правило, розроблені для певного типу пристроїв, таких як Kindle, iPad тощо.
Якщо ви або хтось із ваших близьких знає про веб-дизайн, попросіть їх навчити вас. Вас точно навчать безкоштовно (сподіваємось!).

Увага

Не змушуйте себе занадто сильно! Коли ти втомишся, ти все забудеш і нічого не навчишся.
У мовах програмування існує концепція, яка називається нескінченними циклами. Вони бояться програміста. Будьте обережні, щоб з вами цього не сталося!
Будьте обережні при завантаженні програми! Будь-що може бути вірусом.
Будь ласка, дізнайтеся про це перед реєстрацією на веб-сайті. Звичайно, якщо це авторитетний веб-сайт, турбуватися не потрібно. Однак менш відомі веб-сайти, швидше за все, є фішингом.