Lav din egen hjemmeside med 10 effektive web-værktøjer
Opbyg din egen hjemmeside med disse gratis værktøjer, som dækker de fleste aspekter af opgaven.
1. Coffeecup HTML editor
CoffeeCup Free HTML Editor er den gratis version af et kommercielt produkt, hvorfor den mangler enkelte, avancerede funktioner (CSS-menudesign, ftp-upload osv.). Men hvis du ikke arbejder professionelt, betyder det næppe noget. Der er stadig masser af muligheder. For eksempel kan du bruge ”Open fra web” til at åbne en eksisterende webside, nappe den og tilføje dit eget indhold. Der er masser af gode redigeringsværktøjer og en hjælpefil. Du kan også uploade dine færdige sider til CoffeeCup S-Drive platform, hvor den kan ligge gratis.
Læs også: 10 gratis Microsoft-programmer
2. Notepad++
Notepad ++ er en fin kildekode-editor med mange, nyttige funktioner – såsom syntaksfremhævning, hvilket gør det lettere at læse og forstå sin kode, for eksempel ved at fremhæve dele af den med en anden farve. Du kan også skjule dele af koden, ”code folding”, så du kan koncentrere dig om andre dele af koden. En autofuldførelse hjælper dig med hurtigt og præcist at indtaste kode. Notepad ++ giver dig også et godt søgeværktøj, nem dokument-navigering, bogmærker, makrounderstøttelse og meget mere, og det hele præsenteres i en tilpasningsvenlig brugerflade.
Læs også: 10 gratis musikværktøjer
3. PageBreeze
Erfarne webdesignere vil ikke blive imponeret af PageBreeze. Det er baseret på gammel teknologi og mangler funktioner. Men hvis du har beskedne behov, skal du alligevel kigge på editoren. Der er simple skabeloner, som hjælper dig i gang, og du kan tilføje links, billeder, tabeller og formularer med et klik eller to. Det er nemt at se og redigere siderne, og når du er færdig, er der en indbygget ftp-klient til publicering.
4. Firebug
Firebug fjerner fejl. Denne kraftfulde Firefox-udvidelse giver mulighed for at se html- og css-kode, justere skrifter og se resultaterne med det samme. Du kan bedre forstå dit sidelayout, udrydde “bugs”, håndtere cookies, analysere fejl-meddelelser og andre ting. Firebug er dog ikke kun for eksperter. I begyndelsen vil du måske kun bruge det til basale ting (se kode for eksempel), men hen ad vejen kan du udforske og benytte de andre funktioner.
5. Bluefish Editor
Bluefish er designet til programmører, men indeholder en masse gode webfunktioner. Det er redigeringstricks som syntaksfremhævning (asp.net, css, html, JavaScript, php mm. er understøttet). Der er ”code folding”, velfungerende find-, søg- og erstat-værktøjer, autoudførelse og mere. Programmet understøtter også dokumentskabeloner, har guider til css, formularer, tabeller, lyd- og videoobjekter, og du får hurtig html-tagredigering.
6. Brackets
Brackets er en interessant open source-editor til html, css og JavaScript. Den er udviklet af Adobe, og den fylder ikke dit arbejdsområde med løse værktøjslinjer og store ikoner. I stedet kan du arbejde direkte på din kode, og der er masser af hjælpende genveje. Klik på en html-tag, tryk derefter på tasterne Ctrl og E, og du vil se en Quick Edit-boks med alle relaterede css-regler. Du skal bare vælge den, du har brug for, og du vil kunne redigere med det samme. Det er lige så nemt at redigere JavaScript-kode.
7. Kompozer
Det er ikke blevet opdateret i nogen tid, men Kompozer er stadig et praktisk webdesignværktøj til basale opgaver. Programmet fungerer som et simpelt tekstprogram, så du ikke behøver at kende til html, css, JavaScript eller noget andet. Du skal bare indtaste din tekst, formatere den og klikke på de forskellige knapper for at tilføje links, tabeller, billeder med mere. Hvis du er erfaren, vil du også være interesseret i nogle af Kompozers mere avancerede værktøjer, herunder en html-editor.
8. OpenBexi
OpenBexi er en interessant html-editor, som gør det muligt at oprette egne websider ved at trække og slippe “widgets” – herunder almindelig tekst, links, billeder, formularer, grafer og flowcharts – og tilpasse dem til egne behov. Bruger-fladen er enkel og velegnet til begyndere. Men det er alligevel muligt at justere css og tilføje scripts til siden. Der er endda en indbygget ftp-klient til upload. Men som det ofte er tilfældet med gratis software, er programmet ikke uden ulemper. Det er nemt at føje objekter til en side, men at få dem til at arbejde på den måde, du gerne vil, kan tage lidt tid. Det browser-baserede interface har nogle problemer, og behovet for at bruge en server kan forvirre begyndere. Det er et kvalitetsværktøj, men du skal have nogen computererfaring for at udnytte det.
9. GIMP
Vi har tidligere her i Datatid TechLife peget på Gimp, men det er simpelthen et af de bedste, gratis billedredigeringsprogrammer, så det må med i denne samling. Programmet har imponerende fotoretoucherings-funktioner, masser af nyttige effekter, en række tegneværktøjer og mange andre ting. Stærk farvestyring sikrer, at dine billeder altid ser bedst mulig ud. Med lag kan du styre, hvilke dele af billederne der skal ændres på. Brugerfladen er ikke verdens bedste, og med de mange muligheder i Gimp kan det virke skræmmende i begyndelsen. Men du lærer det hurtigt at kende.
10. BlueGriffon
BlueGriffon har en enkel tilgang til web-redigering, men indeholder også masser af mere avancerede funktioner. Du kan nøjes med at bruge det til at skrive tekst og indsætte mediefiler, men der er også en svg-editor, et skabelonværktøj, nogen css-understøttelse og værktøjer, som tjekker, om koden er korrekt. Et irriterende aspekt er dog, at flere muligheder (inklusive brugsanvisningen) kræver kommercielle add-ons, hvilket betyder, at hvis du klikker på den forkerte knap, ender du på BlueGriffons hjemmeside.