Les eines bàsiques necessàries per al disseny web són increïblement senzilles. A part d'una computadora i una connexió a Internet, la majoria de les eines que necessiteu per crear un lloc web són programes de programari, alguns dels quals ja poden estar al vostre ordinador. Necessiteu un editor de text o HTML, un editor de gràfics, navegadors web i un client FTP per carregar fitxers al vostre servidor web.
Triar un text bàsic o un editor HTML
Podeu escriure HTML en un editor de text sense format com el Bloc de notes a Windows 10, TextEdit a Mac o Vi o Emacs a Linux. Introduïu el codi HTML, deseu el document com a fitxer web i obriu-lo en un navegador per assegurar-se que sembli que se suposa.
Si voleu més funcionalitats que les que trobeu en un editor de text sense format, utilitzeu un editor HTML. Els editors HTML reconeixen el codi i són capaços d'identificar els errors de codificació abans de llançar el fitxer. També poden afegir etiquetes de tancament que oblideu i ressalteu enllaços trencats. Reconeixen i acomoden altres llenguatges de codificació com ara CSS, PHP i JavaScript.
Hi ha molts editors HTML al mercat i varien del programari de nivell bàsic a professional. Si sou nou en escriure pàgines web, un dels WYSIWYG (What You See Is What You Get) els editors poden funcionar millor per a vosaltres. Alguns editors només mostren el codi, però amb alguns d'ells, podeu canviar entre visualitzacions de codificació i visualitzacions. Aquests són alguns dels molts editors web HTML disponibles:
- Komodo IDE i la seva interfície fàcil d'usar són adequats tant per als desenvolupadors web inicials com per als desenvolupadors avançats. La funció de compleció automàtica de Komodo IDE és especialment útil per als desenvolupadors nous, ja que sap com escriure codi per a elements comuns, com ara enllaços. El programari admet la codificació de colors de diferents tipus de codificació com ara HTML, CSS i molts altres idiomes de codificació. Komodo IDE és un programari multiplataforma que s'executa a Windows, Mac i Linux.
- CoffeeCup Editor HTML és per als nous desenvolupadors que estan més interessats a aprendre a codificar que a una interfície visual. Aquest robust editor ve amb plantilles i té fitxes de validació per mantenir el codi lliure d'errors. Inclou la finalització de codi i suporta altres idiomes de codificació que podeu utilitzar juntament amb HTML. Els principiants ho apreciaran quan el programari posa de relleu els errors del codi, explica per què apareix i li diu al desenvolupador com solucionar-los. CoffeeCup HTML Editor s'executa a Windows.
- Mobirise és un editor HTML per a persones que no volen implicar-se amb el codi. Es tracta de seleccionar un tema i arrossegar i deixar anar elements a la pàgina. Afegiu text com ho faria en un editor de text normal i inseriu imatges, vídeos o icones, tot sense escriure cap codi; Mobirise fa aquesta part per a tu. Mobirise està disponible per a Windows i Mac, i és gratuït.
Navegadors web
Proveu les vostres pàgines web en un navegador per assegurar-vos que semblin abans de començar la pàgina. Chrome, Firefox, Safari (Mac) i Internet Explorer (Windows) són els navegadors més populars. Comproveu el codi HTML en la major quantitat de navegadors que teniu a l'ordinador i descarregueu navegadors menys coneguts, com ara Opera.
Editor de gràfics
El tipus d'editor gràfic que necessiteu depèn del vostre lloc web. Tot i que Adobe Photoshop és l'estàndard d'or per treballar amb fotos, és possible que no necessiteu gaire poder. És possible que preferiu un programa gràfic vectorial per al treball de logotip i il·lustració. Alguns editors gràfics per cercar l'ús bàsic del desenvolupament web inclouen:
- GIMP és un programa gratuït d'edició de fotos de codi obert que proporciona moltes de les característiques dels seus competidors més cars. Com a programari de codi obert, està disponible per a Windows, Mac i Linux.
- Photoshop Elements per a Mac i PC és un editor d'imatges que és una versió lleugera del seu homònim, però amb molta força per treballar amb gràfics per a la web.
- Corel PaintShop Proper a PC té gairebé totes les eines útils que trobareu a Photoshop i una interfície que és fàcil d'usar.
- Inkscape per a Windows, Mac i Linux és un editor de gràfics vectorials gratuïts. Aquesta alternativa al més preuat d'Adobe Illustrator té més poder per a un treball de disseny senzill i gràfics web.
Client FTP
Necessiteu un client FTP per transferir els vostres fitxers HTML i suportar imatges i gràfics al vostre servidor web. Mentre que FTP està disponible a través de la línia d'ordres a Windows, Macintosh i Linux, és molt més fàcil utilitzar un client. Hi ha molts clients de FTP de bona qualitat disponibles, incloent:
- FileZilla és un client FTP gratuït disponible per a Windows, Mac i Linux. És compatible amb transferències de fitxers d'arrossegar i deixar anar i té una característica de pausa i currículum per carregar fitxers grans.
- Cyberduck és un programari lliure de codi obert, conegut per la seva perfecta integració amb els editors externs i la seva atractiva interfície d'usuari.
- FTP gratis i FTP directe estan fets per la mateixa empresa. FTP lliure és un client minimalista, però compleix totes les necessitats bàsiques de transferència d'arxius. FTP directe és una versió premium que ofereix funcions avançades. Ambdues versions són compatibles amb Windows 7.8 i Vista, però només Direct FTP és adequat per a Windows 10.
- Transmetre és un client FTP premium, només de Mac. Facilita transferències ràpides inusualment i suporta Amazon CloudFront.
- Cute FTP és un client FTP de gran abast que podeu utilitzar per fer fins a 100 transferències al mateix temps. Es considera un dels clients FTP més segurs que hi ha al voltant.
