Перші кроки у веб-дизайні
Веб-дизайн - це універсальна мова, і ви можете працювати з будь-якого місця, де відчуваєте творчість для людей по всьому світу. Досить мати рішучість, ноутбук та підключення до Інтернету, і наступний глобальний сайт може почати з вашої ідеї.
Ресурси веб-дизайну
Ось список того, що вам потрібно, щоб розпочати свою кар’єру веб-дизайну: які програми використовувати, які мови вивчати, розширення Chrome, веб-сайти із загальнодоступними фотографіями та інші корисні речі у вашому житті веб-дизайнера.
№1. Придбайте власний домен та хостингЦе має важливий вплив на вашу роботу. Виберіть ім'я домену у формі ім'я- ім'я.com або ім'я- ім'я.ro. Перейдіть безпосередньо на зовнішній ринок, купіть домен .com, він коштує близько 9-14 доларів на рік (або промо на GoDaddy.com 4 леї в перший рік). Вам також знадобиться пакет хостингу, а пізніше ви зможете завантажувати вміст свого сайту на сервер і бути в режимі 24/24.
Все, що вам потрібно, це рішучість: засновник Instagram Кевін Систром працював над власним ноутбуком у Флоренції, і щоб розмістити файли на сервері, він ходив біля публічної бібліотеки, поки ноутбук не вловлював сигнал WiFi.
Домен .com дозволяє отримати загальну видимість і отримати до нього доступ з Румунії, а також людей з Канади, США чи Австралії, що є гарною можливістю для розвитку. Надішліть мені електронний лист на адресу [email protected], якщо ви не впораєтесь, і ми вирішимо це разом.
№2. Завантажте та встановіть редактор Sublime Text та FTP-клієнт Zilla File
Для створення веб-сайтів ви будете писати код і завантажувати сторінки на сервер. Для цього вам потрібна програма SublimeText та File Zilla
Завантажити: www.sublimetext.com
Завантажити: www.filezilla-project.org
Детальніше: Як перенести файли з комп’ютера на сервер
№3. Завантажте Bootstrap і Awesome Font
Завантажити: www.getbootstrap.com
Чудовий шрифт - як ви вже здогадалися, це комбінація шрифтів, яка дозволяє вставляти різні піктограми у веб-проекти (ви також можете використовувати вектори в графічних програмах, отримати доступ до http://fontawesome.io/cheatsheet). Ви можете легко змінити колір, розмір, що заощадить вам значний час, не вдаючись до програм редагування графіки.
Завантажити: www.fontawesome.io/
Список значків: www.fontawesome.io/icons
No4. Додайте ці три розширення до Chrome
Розширення Chrome швидко встановлюються та допомагають створювати веб-сайти.
Чудовий екран - незалежно від того, чи хочете ви додати до свого портфоліо чи надіслати, "екран друку", що включає всю сторінку, навіть після прокрутки, може бути досить складним. На щастя, цей маленький аддон може створити повний екран друку для всієї веб-сторінки у відмінній якості. Нещодавно були додані інші варіанти, які ви можете протестувати відповідно до своїх вимог.
Який шрифт - ви швидко зможете побачити, які шрифти використовує інший сайт, більшу частину часу ви будете отримувати деталі у формі, мені подобається шрифт на сайті x. Ви можете перевірити елемент, переглянути джерело або клацнути за допомогою цього аддона. Крім того, вказано колір у шістнадцятковому форматі, розмір шрифту та властивість висоти рядка.
Очна крапельниця - корисний аддон, коли ви хочете переглянути кольоровий код на фотографії або сайті. Ви також можете зробити це, перевіривши джерело сайту, але це швидше. (Аддони працюють, лише якщо ваша сторінка знаходиться на сервері).
Іншим корисним інструментом для прийняття кольорів є MioTool Box, невелика, але дуже корисна програма.
№5. Використовуйте безкоштовні зображення
У своїх проектах ви будете використовувати зображення. Більшість часу вони робляться доступними разом із відповідним текстом. Однак бувають випадки, коли ви будете шукати зображення для завершення своїх проектів. Відмінним джерелом безкоштовних зображень є pixabay.com.
Детальніше: 12 сайтів із безкоштовними зображеннями
№6. Безкоштовні векторні іконки
Для сайтів, які ви робите, вам потрібні фотографії. Ви можете придбати їх на профільних сайтах або знайти безкоштовні зображення у відкритому доступі.
Freepik: www.freepik.com
№5. Включає сучасні шрифти від Google Fonts
Google Fonts - вражаюча колекція сучасних шрифтів, наданих безкоштовно Google. Ви можете шукати потрібний шрифт за різними критеріями. Серед найбільш вживаних: Roboto, Lato та Open Sans. Щоб використовувати шрифт на своєму сайті, все, що вам потрібно зробити, це включити посилання на сторінку сайту та бажані специфікації шрифтів.
Шрифти Google: www.fonts.google.com
Використовуйте ноутбук, щоб взяти з собою В даний час програми, що використовуються у веб-дизайні, невеликі і споживають небагато ресурсів, придбайте ноутбук, який можна взяти з собою куди завгодно.
Як бачите, веб-дизайн не вимагає особливих вкладень, ви можете працювати з будь-якого місця, з будь-якого ноутбука, використовуючи лише код. Все, що вам потрібно, це рішучість пізнавати нові речі.
Ось що вам потрібно навчитися
Для початківців Вам потрібні лише три речі: HTML5, CSS3 та Bootstrap. Уявімо машину: у неї є колеса, кермо, кузов та інші речі, які змушують її працювати. HTML представляє скелет автомобіля, гвинти, штоки, деталі двигуна по черзі. CSS дає нам можливість вказувати деталі: довжина, ширина, червоний колір, краї та аеродинамічні форми, оббивка.
Але виготовлення прототипу для автомобіля займає місяці чи роки, і все робиться з нуля. Якби кожна зроблена машина пройшла цей процес, я б, мабуть, багато їздив на велосипеді. Bootstrap використовує структури HTML, CSS та Java Script виготовляти машини послідовно, збираючи різні складові частини за короткий час, дотримуючись усталених зразків та процесів.
Те саме стосується веб-сайтів: ми можемо створити кожне навігаційне меню окремо або просто зібрати вже зроблені структури, налаштовуючи, де це доречно. Є спеціальні проекти, де ви будете писати весь код.
Після засвоєння HTML5, CSS3, Bootstrap ви можете перейти до інтерфейсу до Java Script, jQuery, Angular, React.js або серверного PHP, MySQL, OOP залежно від вимог компанії та проектів, над якими ви працюєте.
Приклад HTML-коду 5:
Приклад коду CSS 3:
Курси та навчальні посібники
Інтернет рясніє інформацією, зокрема для вивчення веб-дизайну. Ви можете навчитися як самостійно, переглядаючи підручники на youtube.com, так і онлайн-курси на udacy, lynda.com, teamtreehouse.com. Процес навчання буде споживати досить багато енергії, тому це корисно для вас доповнюють кількість глюкози з ягодами, темним шоколадом, бананами та зеленим чаєм. Цей аспект важливий, інакше з часом ваше тіло почуватиметься слабким і позбавить вас будь-якого бажання розпочати навчання.
Ось 3 сайти, з яких ви можете розпочати:
1. Не бійтеся Інтернету
адресована художникам: дизайнерам, фотографам та творчим людям, які хочуть змінити власний сайт. Курс має 8 відео-уроків, презентація креативна, інтуїтивно зрозуміла та кумедна, з художньою ноткою. Не вдаючись у надто подробиці, курс дуже добре фіксує суть того, що вам потрібно,
2. Канал 9 Зміст Віртуальної академії Microsoft
онлайн-відео-курс, який дуже добре висвітлює основи веб-дизайну. Ви дізнаєтесь про структуру веб-сторінки, тексти, зображення, посилання, списки, форми та інші речі. Спосіб роботи та приклади - у Блокноті, але ви можете працювати безпосередньо в редакторі Sublime Text.
3. 30 днів для вивчення HTML та CSS
курс, розрахований на 30 днів, відео приблизно 7-12 хвилин на день. Його можна об’єднати та відстежити за 2-3 дні, він містить основні елементи, добре структурований.
Що вибрати онлайн-курс або курс у класі
Ви можете почати з онлайн-підручників та курсів для перевірки основ. Онлайн-курси доступні і їх можна відвідувати ввечері, протягом дня або коли завгодно. Заняття в класі мають вищі витрати, і вам доведеться переїжджати з дому, натомість інформацію можна налаштувати відповідно до ваших знань, і ви контактуєте з іншими ситуаціями, що виникають у колег по групі. Крім того, ви зустрічаєте нових друзів, які захоплюються тими ж речами, що і ви, з якими ви можете співпрацювати та розробляти онлайн-проекти.
Скільки має значення диплом
Що стосується веб-дизайну, важливим є ваше портфоліо, спосіб роботи, ваша рішучість. Більшість компаній не шукають дипломи. Але бувають також ситуації, коли вам потрібен диплом: наприклад, коли ви хочете відкрити PFA.
Веб-дизайн та фріланс
Вам потрібна рішучість, ноутбук та підключення до Інтернету.
У США існує понад 55 мільйонів фрілансерів, що охоплюють широкий спектр послуг, що становить 33% активної робочої сили, при цьому тенденція сильно зростає.
Налагоджуйте відносини глобально
Найкращий спосіб постійно створювати проекти - це мати власний презентаційний сайт, який можна постійно розвивати. Ви можете звернутися до зовнішнього ринку, вступивши в прямий контакт із зацікавленими особами. Ви можете зробити це за допомогою соціальних мереж, підписуючись та додаючи нових друзів, публікуючи корисні коментарі у щоденниках, які вам здаються цікавими.
“Любіть свою сім’ю, працюйте надзвичайно важко, живіть своєю пристрастю. "
Гарі Вайнерчук
Зарезервуйте 2 години щоранку, щоб відкрити новий щоденник, а також прочитати та прокоментувати 5 інших блогів, додайте своє ім’я та веб-сайт, пишіть корисні коментарі для громадськості, що викликає у вас гордість. У перші 30 днів у вас буде 150 коментарів, що стосуються вашого сайту, і ви залучите зацікавлених прямих відвідувачів.
Вам не потрібні бюджети на просування, а лише послідовність і рішучість у тому, що ви робите. Зосередьтеся на якості, успіх за одну ніч зазвичай триває кілька років.
Читайте постійно
У фрілансі час на вашому боці, і ви можете організувати його як завгодно. У перший рік ваша мета - засвоїти якомога більше інформації про брендинг, підприємництво, бізнес, маркетинг, соціальні медіа, веб-дизайн, а книги дозволять вам отримати доступ до досвіду тих, хто досяг успіху.
"Щодня читайте 500 таких сторінок. Ось так працюють знання. Вони накопичуються, як складні відсотки. Всі ви можете це зробити, але я гарантую, що багато хто з вас цього не зробить".
Уоррен Баффет
Успішні люди, як правило, вибирають навчальні та розвиваючі книги замість історій, таблоїдів та журналів. Їх особливо цікавлять біографії та автобіографії інших успішних людей для натхнення та корисних ідей. Прочитайте більше про те, що у них спільного: www.medium.com/the-mission/the-reading-habits-of-ultra-successful-people.
Купуйте міні-книжку для покетів, вона тонка і розміщується у вас у кишені. Перевірте його в магазині, важливо переконатися, що він досить малий, щоб мати його в кишені з собою де завгодно. Таким чином, моменти очікування стануть гарною можливістю знайти ідеї у своїх книгах.
Ось 5 назв корисних книг на початку фрілансу і які можуть змінити ваше мислення, дії та спілкування.
Почніть з Чому - Саймон Сінек
Здави його - Гаррі Вайнерчук, з яким ти можеш зустрітися 22 травня 2017 р. У Бухаресті
Єдине - Гері Келлер, Джей Папасан
Заразне: Чому все ловиться - Йона Бергер
Принцип 80/20 - Річард Кох
Багатий тато, бідний тато - Роберт Т. Кійосакі
Сила звички - Чарльз Духігг
Як правило, хороша книга містить одну-дві нові ідеї, які допоможуть вам у тому, що ви робите. Ось чому вам доводиться постійно відкривати нових авторів та назви як самостійно, так і з рекомендацій. Щоб легко знайти потрібні книги з відповідною для вас інформацією, використовуйте www.goodreads.com, тут ви знайдете дуже добре розроблену систему огляду. Іншим корисним джерелом є www.publica.ro.
Слідуйте цим 5 засновникам вони додадуть вам мотивації, рішучості та впевненості змінити речі навколо вас.
Кевін Систром - засновник Instagram
Гері Вайнерчук - засновник VaynerMedia
Тревіс Каланік - засновник Uber
Брайан Ческі - засновник Airbnb
Джек Ма - засновник AliBaba
"Дизайнери + художники бачать потенціал у речах, де інших немає. Я думаю, що художники багато в чому є оригінальними підприємцями". Брайан Ческі
Висновок
Веб-дизайн - це універсальна мова, і ви можете працювати з будь-якого місця, де відчуваєте творчість для людей по всьому світу. Досить мати рішучість, ноутбук та підключення до Інтернету, і наступний глобальний сайт може початись із вашої ідеї.
Підпишіться, щоб отримувати товари, курси та знижки безпосередньо у своїй поштовій скриньці