De grundläggande verktygen som behövs för webbdesign är otroligt enkla. Bortsett från en dator och en internetanslutning, är de flesta av de verktyg du behöver för att bygga en webbplats programvara, av vilka vissa redan finns på din dator. Du behöver en text eller HTML-editor, en grafikredigerare, webbläsare och en FTP-klient för att ladda upp filer till din webbserver.
Välja en grundläggande text eller HTML-editor
Du kan skriva HTML i en vanlig textredigerare som Anteckningar i Windows 10, TextEdit på Mac eller Vi eller Emacs i Linux. Du skriver in HTML-koden, sparar dokumentet som en webbfil och öppnar den i en webbläsare för att se till att den ser ut som den ska.
Om du vill ha mer funktionalitet än du hittar i en vanlig textredigerare, använd en HTML-editor istället. HTML-redigerare känner igen kod och kan identifiera kodfel innan du startar filen. De kan också lägga till stängningskoder du glömmer och markera bortbrutna länkar. De känner igen och rymmer andra kodningsspråk som CSS, PHP och JavaScript.
Det finns många HTML-redaktörer på marknaden och de varierar från grundläggande till professionell nivå. Om du är ny för att skriva webbsidor, kan en av WYSIWYG (Vad du ser är vad du får) redaktörer fungera bäst för dig. Vissa redaktörer visar bara koden, men med några av dem kan du växla mellan kodande visningar och visuella visningar. Här är några av de många HTML-redigerare som finns tillgängliga:
- Komodo IDE och det användarvänliga gränssnittet är lämpligt för både inledande och avancerade webbutvecklare. Komodo IDEs autofullständiga funktion är särskilt praktisk för nya utvecklare eftersom den vet hur man skriver kod för gemensamma element som länkar. Programvaran stöder färgkodning av olika kodningstyper som HTML, CSS och många andra kodningsspråk. Komodo IDE är plattformsoftware som körs på Windows, Mac och Linux.
- CoffeeCup HTML Editor är för nya utvecklare som är mer intresserade av att lära sig att koda än i ett visuellt gränssnitt. Den här robusta redaktören levereras med mallar och har valideringskryssare för att hålla koden felfri. Den innehåller kodavslutning och stöder andra kodningsspråk som du kan använda i kombination med HTML. Nybörjare kommer att uppskatta det när programvaran lyfter fram fel i koden, förklarar varför de kom fram och berättar utvecklaren hur man fixar dem. CoffeeCup HTML Editor körs på Windows.
- Mobirise är en HTML-redaktör för personer som inte vill involveras med kod. Det handlar om att plocka ett tema och sedan dra och släppa element på sidan. Lägg till text precis som du skulle i en vanlig textredigerare och sätt in bilder, videoklipp eller ikoner - allt utan att skriva någon kod. Mobirise gör den delen för dig. Mobirise är tillgängligt för Windows och Mac, och det är gratis.
Webbläsare
Testa dina webbsidor i en webbläsare för att se till att de ser ut som du tänkte innan du startade sidan. Chrome, Firefox, Safari (Mac) och Internet Explorer (Windows) är de mest populära webbläsarna. Kontrollera din HTML i så många webbläsare som du har på din dator och ladda ner mindre kända webbläsare, till exempel Opera.
Graphics Editor
Den typ av grafikredigerare du behöver beror på din webbplats. Även om Adobe Photoshop är guldstandarden för att arbeta med foton, kanske du inte behöver så mycket makt. Du kanske föredrar ett vektorgrafikprogram för logotyp och illustrationarbete. Några grafiska redaktörer att titta på för grundläggande webbutvecklingsanvändning är:
- GIMP är ett gratis, open source fotoredigeringsprogram som ger många av funktionerna i sina dyrare konkurrenter. Som öppen källkodsprogram är den tillgänglig för Windows, Mac och Linux.
- Photoshop Elements för Mac och PC är en bildredigerare som är en lätt version av namnet men med mycket kraft för att arbeta med grafik på webben.
- Corel PaintShop Proför datorer har nästan alla användbara verktyg du hittar i Photoshop och ett gränssnitt som är lätt att använda.
- Inkscape för Windows, Mac och Linux är en gratis vektorgrafikredigerare. Detta alternativ till den pricier Adobe Illustrator har mer än tillräckligt med kraft för enkel design och webbgrafik.
FTP-klient
Du behöver en FTP-klient för att överföra dina HTML-filer och stödja bilder och grafik till din webbserver. Medan FTP är tillgängligt via kommandoraden i Windows, Macintosh och Linux är det mycket lättare att använda en klient. Det finns många FTP-klienter av god kvalitet, inklusive:
- FileZilla är en gratis FTP-klient tillgänglig för Windows, Mac och Linux. Den stöder dra-och-släpp filöverföringar och har en paus och återuppta funktion för att ladda upp stora filer.
- Cyberduck är fri öppen källkod, plattformsoftware som är känd för sin sömlösa integration med externa redaktörer och dess attraktiva användargränssnitt.
- Gratis FTP och Direkt FTP är gjorda av samma företag. Gratis FTP är en minimalistisk klient, men den uppfyller alla grundläggande filöverföringsbehov. Direkt FTP är en premium version som erbjuder avancerade funktioner. Båda versionerna stöds av Windows 7,8 och Vista, men endast Direct FTP är lämplig för Windows 10.
- Överföra är en premium, Mac-only FTP-klient. Det underlättar ovanligt snabba överföringar och stöder Amazon CloudFront.
- Söt FTP är en kraftfull premium FTP-klient som du kan använda för att göra upp till 100 överföringar samtidigt. Det anses vara en av de säkraste FTP-klienterna runt.
