Bortsett från en dator och en internetanslutning är de flesta verktyg du behöver för att bygga en webbplats programvara, varav vissa redan finns på din dator. Du behöver en text- eller HTML-redigerare, 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-redigerare
Du kan skriva HTML i en textredigerare som t.ex. Anteckningsblock i Windows 10, Textredigera och sublim text på en Mac, eller Vi eller Emacs i Linux. Du skapar HTML-kodning för sidan, sparar dokumentet som en webbfil och öppnar det i en webbläsare för att se till att det ser ut som det ska.
Om du vill ha mer funktionalitet än vad en vanlig textredigerare erbjuder, använd en HTML-redigerare istället. HTML-redigerare känner igen kod och kan identifiera kodningsfel innan du startar filen. De kan också lägga till stängningstaggar som du glömmer och markerar brutna länkar. De känner igen och rymmer andra kodningsspråk som CSS, PHP och JavaScript.
De många HTML-redigerarna på marknaden varierar från grundläggande till professionella nivåer. Om du är nybörjare på att skriva webbsidor är en av de WYSIWYG (Vad du ser är vad du får) redaktörer kanske fungerar bäst för dig. Vissa redaktörer visar bara koden, men andra låter dig växla mellan kodvyer och visuella vyer. Här är några av de många tillgängliga HTML-webbredigerarna:
- Komodo IDE och dess användarvänliga gränssnitt är lämpliga för både nybörjare och avancerade webbutvecklare. Komodo IDEs autofullständiga funktion är särskilt praktisk när du skriver kod för vanliga element som länkar. Programvaran stöder färgkodning av olika kodningsspråk som HTML, CSS och många andra. Komodo IDE körs på Windows, Mac och Linux.
- CoffeeCup HTML Editor är särskilt användbart för nya utvecklare som är mer intresserade av att lära sig koda än i ett visuellt gränssnitt. Den här robusta redigeraren levereras med mallar och har valideringskontroller för att hålla din kod fri från fel. Den inkluderar kodavslutning och stöder andra kodningsspråk du kan använda i kombination med HTML. Programvaran belyser fel, förklarar varför de dök upp och berättar hur du åtgärdar dem. CoffeeCup HTML Editor körs på Windows.
- Mobirise är en HTML-redigerare för personer som inte vill engagera sig i koden. Det handlar om att välja en tema och sedan dra och släppa element på sidan. Lägg till text precis som i en vanlig textredigerare och infoga bilder, videor eller ikoner - allt utan att skriva någon kod; Mobirise gör den delen åt dig. Mobirise är tillgängligt för Windows och Mac, och det är gratis.
Webbläsare
Webbplatser kan se annorlunda ut från webbläsare till webbläsare, så det är avgörande att testa dina webbsidor för att se till att de ser ut och fungerar som avsett. Chrome, Firefox, Safari (Mac), Opera, och Edge (Windows) är de mest populära webbläsarna.
Du måste också testa dina sidor för utseende och funktion i mobilwebbläsare. De flesta stationära webbläsare erbjuder möjligheten att visa webbplatser i olika storlekar i fönster. Till exempel finns en mängd testverktyg tillgängliga i Google Chrome på Se > Utvecklaren > Utvecklarverktyg. Välj smartphone-ikonen längst upp till vänster i utvecklarfönstret för att se vilken sida som helst i fönster och mobila operativsystem med olika storlek.
Grafikredigerare
Vilken typ av grafikredigerare du behöver beror på din webbplats. Adobe Photoshop är guldstandarden, men du behöver kanske inte så mycket kraft - plus, du kan behöva ett vektorgrafikprogram för logotyp och illustrationarbete. Några grafikredaktörer att titta på för grundläggande webbutveckling inkluderar:
- GIMP är ett gratis fotoredigeringsprogram med öppen källkod som tillhandahåller många av funktionerna hos sina dyrare konkurrenter. Som programvara med öppen källkod, det är tillgängligt för Windows, Mac och Linux.
- Photoshop-element för Mac och PC är en lätt version av namnet men har många funktioner.
- Corel PaintShop Pro för datorer har nästan alla verktyg du hittar i Photoshop i ett lättanvänt gränssnitt.
- Inkscape för Windows, Mac och Linux är en gratis vektorgrafikredigerare. Detta alternativ till det dyrare Adobe Illustrator har mer än tillräckligt med funktioner för enkelt designarbete och webbgrafik.
FTP-klient
Du behöver en FTP (file transfer protocol) -klient för att överföra dina HTML-filer och stödja bilder och grafik till din webbserver. FTP är tillgängligt via kommandoraden i Windows, Macintosh och Linux, men en dedikerad FTP-klient är mycket lättare att använda. Toppen FTP-klienter omfatta:
- FileZilla (gratis) är tillgängligt för Windows, Mac och Linux. Den stöder dra-och-släpp-filöverföringar och har en paus- och återupptagningsfunktion för att ladda upp stora filer.
- Cyberduck är gratis, öppen källkod, plattformsprogramvara känd för sin sömlösa integration med externa redaktörer och dess attraktiva användargränssnitt.
- Gratis FTP och Direkt FTP tillverkas av samma företag. Gratis FTP är en minimalistisk klient som uppfyller grundläggande filöverföringsbehov. Direkt FTP är en premiumversion 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 förstklassig Mac-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 som finns tillgängliga.