Blogg

Välj rätt program att skriva HTML i

Att bestämma sig för vilket program man ska använda för att koda XHTML är ganska enkelt, det ända du behöver tänka på är hur mycket XHTML kod du kan skriva själv och hur du trivs med programmet. Jag kommer att gå igenom 3 olika typer av program som riktar sig till olika gruppar av kunskap.

Det första är en så kallad WYSIWYG editor, som visar det man gör utan att man behöver fixa direkt med koden, det är bara att lägga till dom saker man vill ha och vart dom ska vara, så fixar programmet kodning automatiskt. Men man kan så klart fixa direkt i koden också.

Det andra använder man för att skära upp bilderna, och sedan genererar programmet koden så som du har skurit upp det. Detta är ett enkelt sätt att bygga upp en layout som du sedan kan bygga undersidor på. En nackdel är dock att koden oftast blir riktigt ful och omodern.

Sist och kanske minst är den råa text editor:n, denna väljer många att använda när man kan skriva XHTML kod helt på egen hand. Det blir oftast lättare att få exakt som man vill ha det. Kommer att ta upp 2 stycken olika program i denna kategori, en väldigt simpel och en med lite mer ”hjälpmedel”.

Adobe Dreamweaver

Är ett populärt verktyg för att skapa hemsidor, utan att det kräver så mycket kunskap om XHTML, det kräver mer att man har kunskap om programmet i fråga.

Att jobba i Dreamweaver är ungefär som att jobba i Word, man behöver bara rita upp tabeller, dra dit dom element som man vill ha, applicera css på det man vill.

Men man kan såklart jobba direkt med XHTML koden om man vill, Dreamweaver är ett stort program med mycket innehåll, vilket gör det ganska seg laddat. Det och att programmet är dyrt att köpa är dom nackdelar Dreamweaver har.

För mer info om Dreamweaver

Adobe Imageready

Ännu ett Adobe program, men med detta program som är ett ”syskon” till Photoshop kan man göra en del saker med bilder. Men det vi ska koncentrera oss på nu är att man beskära en bild med den design man skapat i Photoshop. Man skär ut logo, meny, innehåll etc. sedan klickar man så att Imageready beskär bilderna så som man har markerat samt, bygger upp tabeller i XHTML kod. Voila, där har man sin design i XHTML kod.

Resultatet blir som det blir, helt ok. Men koden är inte optimal och sidan består av bilder och tabeller, man ser väldigt sällan att nyproducerade hemsidor består av just bilder och tabeller. För att använda divs och css är en bättre lösning både för att få bättre laddningshastighet men också för mer flexiblitet i kodningen.

För mer info om Imageready

Microsoft Anteckningar

För alla ”kodknackare” som jobbar i Windows miljö är nog detta program ingen nyhet. Detta program är för dom som kan skriva sin kod för hand, detta är en fördel (om man kan dvs.) för man får en frihet att skriva koden som man vill och få exakt det resultat man är ute efter.

Att inte få någon hjälp av ett program som t.ex. Dreamweacer kan ses som en nackdel, men kan även ses som en fördel av vissa personer. Men man använder såklart det program man trivs med och kan använda. En annan fördel som är en av anledningarna till att jag använt Anteckningar så pass länge, är att programmet laddar omedelbart. Vilket jag tycker är riktigt skönt, speciellt om man bara ska göra en snabb ändring koden.

För mer info om Anteckningar

Intype

Intype är en ny spelare i spelet och är ett Gratis programeringsprogram, som är en blandning av Anteckningar och Dreamweaver kan man säga.

Det är en Text editor, inte en WYSIWYG editor som Dreamweaver, men Intype är inte lika strippad som Anteckningar, den har radräknare, syntax highlighting och en del XHTML koder som man kan få hjälp att infoga.

Detta är anledningen till att jag nu använder Intype istället för Anteckningar, man får några hjälpmedel som rad räknare men samtidigt en snabbladdad text editor som faktiskt är Gratis.

Men, det finns såklart en nackdel. Denna nackdel är att Intype fortfarande är under utveckling, än så länge finns programmet bara som Alpha version. Teamet bakom programmet jobbar så gott det går, men det tar sin tid med tanke på att dom gör det ideellt på sin egen fritid.

För mer info om Intype

Inget program lockade?

Om du inte tycker att något av programmen jag skrev om ovanför lockade, kan du ta och kolla på wikipedias lista med html editors. Om du inte hittar något program, då får du helt enkelt vänta på att det ska skapas först =)

Elatus Rekommenderar

En rekommendation såhär i slutet av artikeln är väl inte helt missplacerat. Jag tycker att ni ska lära er XHTML så ni har en bra grund, hur ni gör detta kan variera men det finns artiklar på Internet eller så fortsätter ni bara att följa HTML skolan här. Ni ska då även skaffa en text editor som ni känner er bekväm i, Anteckningar, Intype eller något annat program, det spelar ingen roll. Bara det är ett bekvämt program att skriva kod i för dig.

Skriv gärna era egna rekommendationer.

Föregående: Ett XHTML dokument

Nästa: Validera din kod

Kategori: XHTML-CSS     4 Kommentarer