Веб-дизайнды қалай үйренуге болады: 13 қадам (фотосуреттермен) - Кеңестер

Вызшақ: Веб дизайн онлайн курсы - Кіріспе сабақ. Қалай веб дизайнер немесе программист болуға болады.

Мазмұны

Қадамдар
Кеңес
Ескерту
Сізге не керек

Веб-дизайн - бұл өте құнды шеберлік, әсіресе қазіргі кезде бәрі интернеттің айналасында болатын әлемде. Егер сіз бұған шынымен шебер болсаңыз, сіз өзіңіздің клиенттеріңізден ақша табуға, мүшелік сайтты құруға (веб-сайттың қонақ контентіне кіруді шектеуге) немесе басқа монетизация жобаларын жүзеге асыруға болады. Егер сіз веб-дизайнды қалай үйренуді білгіңіз келсе, онда бұл мақала сізге арналған!

Қадамдар

3-тен 1-бөлім: Жұмысты бастау

Веб-дизайнның айырмашылығына назар аударыңыз. Кітап дизайны емес, плакат дизайны емес, иллюстрация емес. Бұл өрістердегі төменгі сызық веб-дизайн туралы емес. Веб-сайттар ойындар мен бейнелерді жеткізу жүйесі бола алатынымен, ал тарату жүйелері назар аударарлықтай болғанымен, олар веб-дизайнның емес, ойын дизайны мен бейнематериалдардың бейнесі болып табылады.
Веб-дизайнның не туралы екенін білу. Бұл цифрлық ортаны құру процесі:
- адамның белсенділігін қолдау және көтермелеу;
- жеке мазмұн мен дауыстарды көрсету немесе бейімдеу;
- уақыт өткен сайын өзіндік ерекшеліктерін сақтай отырып, ырғақты түрде өзгеру.
Пайдаланғыңыз келетін ресурстарды анықтаңыз. Веб-сайттар, бейнематериалдар және кітаптар - үш негізгі ресурстар. Codecademy және W3Schools - бүгінгі таңда танымал веб-сайттардың бірі. Сонымен қатар, басқа да көптеген ресурстар бар, еш ойланбаңыз және тәжірибе сезінуден тартынбаңыз!
- Егер сіз веб-сайтты таңдасаңыз, прогресті сақтау үшін тіркелгіге тіркеліңіз.
- Егер сіз видео арқылы оқуды таңдасаңыз, сізге қажет барлық бейнелерді бөліп алыңыз.
- Кітаппен оқуды жоспарласаңыз, жергілікті кітапханаға немесе кітап дүкеніне барыңыз. Егер сіз көп ақша жұмсамағыңыз келмесе (немесе тіпті жұмсамағыңыз келмесе), сіз электронды кітапты немесе PDF құжатын жүктей аласыз.
- Егер сіз төлеуге дайын болсаңыз, онда сіз кәсіби веб-дизайнердің арнайы сабақтарын таба аласыз.
Оқуға кететін уақытты анықтаңыз. Егер сіз бос емес болсаңыз, оқуға уақыт табудың жолын табуға тура келеді.
Егер сізде жоқ болса, веб-дизайн бағдарламасын жүктеп алыңыз. Блокнотпен жұмыс істей бергенше, Adobe Dreamweaver, Microsoft Expression Web немесе KompoZer сияқты бағдарлама болғаны дұрыс. Көптеген басқа нұсқалар бар, көбірек іздеп, өзіңізге ұнайтын бағдарламаны жүктеп алыңыз. жарнама

3-тен 2-бөлім: Зерттеу

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 редакторы үшін ақы төлеу керек болады деп ойламаңыз. Бағасы бірнеше миллионнан астам VND болатын көптеген жақсы ақысыз бағдарламалар бар.
Жобаны аяқтаған кезде бірнеше код жинап, оны кітапханаға айналдырыңыз. Осы жерден сіз әр жобада бірдей нәрселерді қайта-қайта бағдарламалаудың қажеті жоқ. Егер кітапхана тым үлкен болса, оны сатуға болады!
PDF құжаттары электрондық кітаптарға қарағанда біршама икемді. PDF құжаттарын кез-келген компьютерден оқи аласыз, ал электронды кітаптар әдетте құрылғының белгілі бір түріне арналған, мысалы, Kindle, iPad және т.б.
Егер сіз немесе сізге жақын адам веб-дизайн туралы білетін болса, олардан сізге сабақ беруін сұраңыз. Сізді тегін оқытатыны сөзсіз (үміттенеміз!).

Ескерту

Өзіңізді қатты күштемеңіз! Шаршаған кезде бәрін ұмытып, ештеңе үйренбейтін боласыз.
Бағдарламалау тілдерінде шексіз цикл деген ұғым бар. Олар бағдарламашының қорқынышы. Бұл сіздің басыңызға келмеуі үшін абай болыңыз!
Бағдарламаны жүктегенде абай болыңыз! Кез-келген нәрсе вирус болуы мүмкін.
Веб-сайтқа тіркелмес бұрын біліп алыңыз. Әрине, егер бұл беделді веб-сайт болса, алаңдаудың қажеті жоқ. Алайда, онша танымал емес веб-сайттар фишинг болуы мүмкін.