Վեբ դիզայնի հիմնական գործիքները

Դուք պետք է շատ ծրագրային ապահովման կարիք չունեք, որպեսզի սկսեք որպես վեբ մշակող

Վեբ դիզայնի համար անհրաժեշտ հիմնական գործիքները զարմանալիորեն պարզ են: Համակարգչային եւ ինտերնետային կապից բացի, շատ գործիքներ, որոնք դուք պետք է ստեղծել կայք, ծրագրային ծրագրեր են, որոնցից մի քանիսը արդեն կարող է լինել ձեր համակարգչում: Ձեզ հարկավոր է տեքստային կամ HTML խմբագիր, գրաֆիկական խմբագիր, վեբ բրաուզերներ եւ FTP հաճախորդ `ֆայլեր ձեր վեբ սերվերի համար:

Ընտրելով հիմնական տեքստի կամ HTML խմբագրիչի ընտրություն

Դուք կարող եք HTML գրել պարզ տեքստային խմբագրում, ինչպես Գրառման գրքույկը Windows 10-ում, TextEdit- ը Mac- ում կամ Vi կամ Emacs- ում Linux- ում: Դուք մուտքագրում եք HTML կոդը, փրկեք փաստաթուղթը որպես վեբ ֆայլ եւ բացեք այն բրաուզերում, որպեսզի համոզվեք, որ այն կարծես թե ենթադրվում է:

Եթե ​​ցանկանում եք ավելի շատ ֆունկցիոնալություն, քան դուք գտնում եք պարզ տեքստային խմբագրում, փոխարենը օգտագործեք HTML խմբագիր: HTML- ի խմբագիրները ճանաչում են կոդը եւ կարող են բացահայտել կոդավորման սխալները նախքան ֆայլը գործարկելը: Նրանք կարող են ավելացնել նաեւ փակման պիտակներ, որոնք մոռանում են եւ կարեւորում են կոտրված հղումները: Նրանք ճանաչում եւ տեղավորում են այլ կոդավորման լեզուներ, ինչպիսիք են CSS, PHP եւ JavaScript:

Շուկայում շատ HTML խմբագիրներ կան, եւ դրանք հիմնականից տարբերվում են մասնագիտական ​​մակարդակի ծրագրային ապահովումից: Եթե ​​դուք նոր կայքէջեր գրելիս, WYSIWYG- ից մեկը, ինչ եք տեսնում, ինչ եք ստանում, խմբագիրները կարող են լավագույնը աշխատել ձեզ համար: Որոշ խմբագիրներ միայն ցույց են տալիս կոդը, սակայն դրանցից մի քանիսը կարող են փոխարկել կոդավորման տեսարանների եւ տեսողական դիտումների միջեւ: Ահա մի քանի HTML վեբ խմբագրիչներից հասանելի են.

• Komodo IDE- ն եւ նրա օգտագործողի բարեկամական ինտերֆեյսը հարմար են ինչպես սկսած եւ զարգացած վեբ-մշակողների համար: Komodo IDE- ի ավտոմատ լրիվ գործառույթը հատկապես հարմար է նոր մշակողների համար, քանի որ գիտի, թե ինչպես պետք է գրել կոդ ընդհանուր տարրերի համար, ինչպիսիք են հղումները: Ծրագիրը ապահովում է տարբեր կոդավորման տեսակների գույնի կոդավորում, ինչպիսիք են HTML, CSS եւ բազմաթիվ այլ կոդավորման լեզուներ: Komodo IDE- ը Windows- ի, Mac- ի եւ Linux- ի վրա աշխատող խաչաձեւ հարթակ է:
• CoffeeCup HTML- ի խմբագիրն այն նոր մշակողների համար է, ովքեր ավելի շատ հետաքրքրված են սովորելու համար, քան տեսողական ինտերֆեյսով: Այս ամուր խմբագիրն գալիս է շաբլոնների հետ եւ վավերացման վահանակներ ունի `ձեր կոդը սխալմամբ պահելու համար: Այն ներառում է կոդի ավարտը եւ աջակցում HTML- ի հետ համատեղելի այլ կոդավորման լեզուներին: Beginners- ը կգնահատի այն, երբ ծրագրային ապահովումը կարեւորում է կոդերի սխալները, բացատրում է, թե ինչու են հայտնվել եւ պատմում է մշակողին, թե ինչպես դրանք կարգավորելու համար: CoffeeCup HTML- ի խմբագիրն աշխատում է Windows- ում:
• Mobirise- ը HTML խմբագիր է, որը չի ցանկանում զբաղվել կոդըով : Բոլորը վերաբերում են թեմային ընտրելու եւ այնուհետեւ էջի տարրերը քաշելու եւ թողնելու մասին: Լրացրեք տեքստ, ճիշտ այնպես, ինչպես դուք կստանաք հերթական տեքստային խմբագրիչի մեջ եւ ներդիր պատկերներ, տեսահոլովակներ կամ պատկերակները, բոլորը, առանց որեւէ օրենսգրքի գրելու. Mobirise դա ձեզ համար է: Mobirise- ն հասանելի է Windows- ի եւ Mac- ի համար, եւ այն անվճար է:

Վեբ բրաուզերներ

Փորձեք ձեր վեբ-էջերը բրաուզերում, որպեսզի համոզվեք, որ նախքան էջը սկսելու համար նախատեսված եք: Chrome, Firefox, Safari (Mac) եւ Internet Explorer- ը (Windows) ամենատարածված բրաուզերներն են: Ստուգեք ձեր HTML- ն այնքան բրաուզերներում, որքան ձեր համակարգչում եւ ներբեռնեք ավելի քիչ հայտնի բրաուզերներ, ինչպիսիք են `Օպերա:

Գրաֆիկա խմբագիր

Ձեզ անհրաժեշտ գրաֆիկական խմբագրի տեսակը կախված է ձեր կայքում: Թեեւ Adobe Photoshop- ը լուսանկարներով աշխատելու ոսկու ստանդարտն է, այնուամենայնիվ, այդքան մեծ հզորություն չեք պահանջում: Դուք կարող եք նախընտրել վեկտորային գրաֆիկական ծրագիր լոգոն եւ նկարազարդման աշխատանքների համար: Մի քանի գրաֆիկական խմբագիրներ, որոնք փնտրում են հիմնական վեբ զարգացման օգտագործումը, ներառում են.

• GIMP- ը ազատ, բաց կոդով լուսանկարչական խմբագրման ծրագիր է, որն ապահովում է իր թանկարժեք մրցակիցներից շատերը: Որպես բաց կոդով ծրագրային ապահովում, այն հասանելի է Windows- ի, Mac- ի եւ Linux- ի համար:
• Photoshop- ի տարրերը Mac- ի եւ PC- ի համար նախատեսված պատկերային խմբագիրն է, որն իր անվանակարգի թեթեւ տարբերակն է, սակայն վեբի գրաֆիկայի հետ աշխատելու համար շատ ուժ:
• Corel PaintShop Pro համակարգչի համար ունի գրեթե բոլոր օգտակար գործիքները, որոնք գտել եք Photoshop- ում եւ հեշտությամբ օգտագործվող ինտերֆեյսով:
• Inkscape- ը Windows- ի, Mac- ի եւ Linux- ի համար անվճար վեկտորային գրաֆիկական խմբագիր է: Adobe Illustrator- ի այս այլընտրանքը Adobe Illustrator- ի համար ունի ավելի քան բավարար դիզայնի եւ վեբ գրաֆիկայի համար նախատեսված հզորություն:

FTP Հաճախորդ

Դուք պետք է FTP հաճախորդին փոխանցել ձեր HTML ֆայլերը եւ աջակցել պատկերները եւ գրաֆիկան ձեր վեբ սերվերին: Թեեւ FTP հասանելի է հրամանի տողում Windows- ում, Macintosh- ում եւ Linux- ում, շատ ավելի հեշտ է օգտագործել հաճախորդը: Կան բազմաթիվ FTP- ի որակյալ հաճախորդներ, ներառյալ `

• FileZilla- ն անվճար FTP- ի հաճախորդն է Windows, Mac եւ Linux համար: Այն աջակցում է քաշել եւ թողնել ֆայլի փոխանցումները եւ ունի ընդմիջում եւ մեծ ֆայլեր վերբեռնելու համար վերսկսելու հնարավորություն:
• Cyberduck- ը ազատ բաց կոդով է, խաչաձեւ հարթակ ծրագրավորող, որը հայտնի է իր արտաքին խմբագրիչների հետ անխափան ինտեգրումով եւ գրավիչ ինտերֆեյսով:
• Ազատ FTP- ը եւ Direct FTP- ը նույն ընկերության կողմից են: Ազատ FTP- ը մինիմալիստական ​​հաճախորդ է, բայց այն համապատասխանում է բոլոր հիմնական ֆայլերի փոխանցման կարիքներին: Ուղղակի FTP- ն պրեմիում տարբերակ է, որն առաջադեմ առանձնահատկություններ է առաջարկում: Երկու տարբերակները ապահովված են Windows 7,8 եւ Vista, բայց միայն Direct FTP- ը հարմար է Windows 10-ի համար:
• Փոխանցումը պրեմիում է, Mac- ի միայն FTP հաճախորդը: Այն օգնում է անսովոր արագ փոխանցումներ եւ աջակցում է Amazon CloudFront- ին:
• Cute FTP- ն հզոր պրեմիում FTP- ի հաճախորդն է, որը կարող եք օգտագործել մինչեւ 100 փոխանցումներ կատարել: Այն համարվում է FTP- ի առավել անվտանգ հաճախորդներից մեկը: