Ang mga pangunahing tool na kinakailangan para sa web design ay amazingly simple. Bukod sa isang computer at koneksyon sa internet, karamihan sa mga tool na kailangan mong bumuo ng isang website ay mga program ng software, ang ilan sa mga ito ay maaaring nasa iyong computer. Kailangan mo ng text o editor ng HTML, isang editor ng graphics, mga web browser, at isang FTP client upang mag-upload ng mga file sa iyong web server.
Pagpili ng Basic Text o HTML Editor
Maaari kang sumulat ng HTML sa isang plain text editor tulad ng Notepad sa Windows 10, TextEdit sa Mac, o Vi o Emacs sa Linux. Ipasok mo ang HTML code, i-save ang dokumento bilang isang web file, at buksan ito sa isang browser upang matiyak na mukhang dapat na ito.
Kung gusto mo ng higit pang pag-andar kaysa sa nakikita mo sa isang plain text editor, gumamit ng isang HTML editor sa halip. Kinikilala ng mga editor ng HTML ang code at nakikilala ang mga error sa pag-coding bago mo ilunsad ang file. Maaari rin silang magdagdag ng mga tag ng pagsasara na nakalimutan mo at i-highlight ang mga sirang link. Kinikilala at tinatanggap nila ang iba pang mga coding na wika tulad ng CSS, PHP, at JavaScript.
Mayroong maraming mga editor ng HTML sa merkado at nag-iiba ito mula sa basic to professional-level software. Kung bago ka sa pagsulat ng mga web page, ang isa sa WYSIWYG (Ano ang Nakikita Ninyo Ano ang Nakukuha) ay maaaring gumana ang mga editor para sa iyo. Ang ilang mga editor ay nagpapakita lamang ng code, ngunit kasama ang ilan sa mga ito, maaari kang magpalipat-lipat sa pagitan ng mga coding na pananaw at mga visual na pananaw. Narito ang ilan sa maraming magagamit na mga web editor ng HTML:
- Komodo IDE at ang interface ng user-friendly nito ay angkop para sa parehong simula at mga advanced na web developer. Ang tampok na automomplete ng Komodo IDE ay partikular na madaling gamitin para sa mga bagong developer dahil alam nito kung paano isulat ang code para sa mga karaniwang elemento tulad ng mga link. Sinusuportahan ng software ang kulay ng coding ng iba't ibang mga uri ng coding tulad ng HTML, CSS, at maraming iba pang mga coding na wika. Ang Komodo IDE ay cross-platform software na tumatakbo sa Windows, Mac, at Linux.
- CoffeeCup HTML Editor ay para sa mga bagong developer na mas interesado sa pag-aaral sa code kaysa sa isang visual interface. Ang mahusay na editor na ito ay may mga template at may mga checker ng pagpapatunay upang mapanatiling malaya ang iyong code. Kabilang dito ang pagkumpleto ng code at sumusuporta sa iba pang mga coding language na maaari mong gamitin kasabay ng HTML. Ang mga nagsisimula ay pahalagahan ito kapag ang software ay nagpapakita ng mga error sa code, nagpapaliwanag kung bakit lumitaw ang mga ito at nagsasabi sa developer kung paano ayusin ito. Ang CoffeeCup HTML Editor ay tumatakbo sa Windows.
- Mobirise ay isang editor ng HTML para sa mga taong ayaw makipag-ugnay sa code. Ito ay tungkol sa pagpili ng isang tema at pagkatapos ay i-drag at drop ang mga elemento sa pahina. Magdagdag ng teksto tulad ng gagawin mo sa isang regular na editor ng teksto at magpasok ng mga larawan, video o icon - lahat nang walang anumang pagsusulat ng code; Ang Mobirise ay ang bahaging iyon para sa iyo. Available ang Mobirise para sa Windows at Mac, at libre ito.
Mga Web Browser
Subukan ang iyong mga web page sa isang browser upang matiyak na ang hitsura nila na iyong nilayon bago mo ilunsad ang pahina. Ang Chrome, Firefox, Safari (Mac), at Internet Explorer (Windows) ang pinaka-popular na mga browser. Suriin ang iyong HTML sa maraming mga browser tulad ng mayroon ka sa iyong computer at mag-download ng mga mas kilalang browser, tulad ng Opera, pati na rin.
Graphics Editor
Ang uri ng graphics editor na kailangan mo ay depende sa iyong website. Kahit na ang Adobe Photoshop ay ang standard na ginto para sa pagtatrabaho sa mga larawan, maaaring hindi mo kailangan ang labis na kapangyarihan. Maaaring gusto mo ang isang vector graphic program para sa logo at work na pang-ilustrasyon. Ang ilan sa mga editor ng graphics upang tumingin para sa pangunahing paggamit ng web development ay ang:
- GIMP ay isang libre, open-source photo-editing na programa na nagbibigay ng maraming mga tampok ng kanyang mas mahal na kakumpitensya. Bilang open source software, ito ay magagamit para sa Windows, Mac, at Linux.
- Mga Elemento ng Photoshop para sa Mac at PC ay isang editor ng imahe na isang liwanag na bersyon ng pangalan nito ngunit may maraming kapangyarihan para sa pagtatrabaho sa mga graphics para sa web.
- Corel PaintShop Propara sa mga PC ay halos lahat ng mga kapaki-pakinabang na tool na makikita mo sa Photoshop at isang interface na madaling gamitin.
- Inkscape para sa Windows, Mac, at Linux ay isang libreng vector graphics editor. Ang alternatibo sa pricier Adobe Illustrator ay may higit sa sapat na lakas para sa simpleng disenyo ng trabaho at web graphics.
FTP Client
Kailangan mo ng isang FTP client na ilipat ang iyong mga file na HTML at sumusuporta sa mga imahe at graphics sa iyong web server. Habang ang FTP ay magagamit sa pamamagitan ng command line sa Windows, Macintosh, at Linux, mas madaling gamitin ang isang client. Maraming mga mahusay na kalidad na mga kliyenteng FTP na magagamit kabilang ang:
- FileZilla ay isang libreng FTP client na magagamit para sa Windows, Mac, at Linux. Sinusuportahan nito ang mga paglilipat ng file ng drag-and-drop at may isang tampok na pause at ipagpatuloy ang pag-upload ng mga malalaking file.
- Cyberduck ay libre bukas-pinagmulan, cross-platform software na kilala para sa kanyang tuluy-tuloy na pagsasama sa mga panlabas na editor at kaakit-akit na user interface nito.
- Libreng FTP at Direktang FTP ay ginawa ng parehong kumpanya. Ang Free FTP ay isang minimalistic client, ngunit natutugunan nito ang lahat ng mga pangunahing pangangailangan ng paglipat ng file. Direktang FTP ay isang premium na bersyon na nag-aalok ng mga advanced na tampok. Ang parehong mga bersyon ay suportado ng Windows 7,8 at Vista, ngunit lamang ang Direct FTP ay angkop para sa Windows 10.
- Ipadala ay isang premium, Mac-only FTP client. Pinapadali nito ang mga mabilis na paglilipat at sinusuportahan ng Amazon CloudFront.
- Cute FTP ay isang napakalakas na premium FTP client na maaari mong gamitin upang makagawa ng hanggang 100 mga paglilipat sa parehong oras. Ito ay itinuturing na isa sa mga pinaka-secure na mga kliyenteng FTP sa paligid.
