Hvordan man rydder op på din webkode - dummies

Uanset om du handcodes dit websted eller arbejder med en kode / WYSIWYG editor, skal du altid gøre en øvelse for at kontrollere den hierarkiske ordre, syntaks og stavning af din HTML, CSS, JavaScript, jQuery og anden programmeringskode. Selv når du bruger de bedste tilgængelige programmer, kan din kode på et tidspunkt indeholde fejl, fordi du er menneskelig.

Uanset hvor omhyggeligt du opbygger et websted, vil HTML'en på dine sider sandsynligvis blive rod med overflødige tags, unødvendige markeringer og helt skadelige kode, der kan påvirke præsentationen og funktionaliteten af dine websider negativt.

Mange af disse fejl sker ofte, når du indsætter indhold på dine sider fra andre kilder, f.eks. En Word- eller Excel-fil, et websted, en e-mail eller en anden kodeeditor eller -applikation. Andre fejl kan skyldes et ærligt tastatur eller fra kodende fejl, der skete bag kulisserne, når du flytter elementer rundt på siden ved at klikke og trække eller skære og indsætte.

Et meget almindeligt kodeproblem er at finde tomme hyperlinks på din side, som nogle kode redaktører lejlighedsvis efterlader i koden uden tilsyneladende grund, når du flytter et link fra et sted på siden til et andet. Disse tomme links er i det væsentlige bare dele af kode, der ikke omgiver noget indhold, som f.eks. De vil ikke blive vist i browseren.

Som det ofte er tilfældet, kan en sådan ekstra kode måske ikke mærkes i løbet af byggeplanen på dit websted, men det vil ofte bære hovedet i testfasen inden udgivelsen.

For at minimere kodningsfejl på dine websider, skal du sørge for at udføre kodeoprydning mindst to gange i bygningsfasen:

Når du har opbygget din masterside (r) eller skabelon (er), skal du oprydde koden, før du bygger ud nogen af de resterende sider for webstedet.
Gør en anden runde af oprydning på alle sider på webstedet i slutningen af byggefasen, før site launch.

For at hjælpe med oprydningsprocessen skal du udnytte eventuelle specialværktøjer, som din kodende applikation kan anbefale til denne opgave. Dreamweaver tilbyder for eksempel flere værktøjer, der kan automatisere oprydningsprocessen inden for et administreret websted, f.eks. Et Find og erstat værktøj, en stavekontrol, en ordoprydningskommando, en kodeoprydningskommando, et Kildeformateringsværktøj og en Konverter syntaks værktøj.

Selvom mange af de eksempler, du finder her, indeholder trinvise vejledninger specifikt til Dreamweaver, kan de fleste andre kodende applikationer have lignende værktøjer, du kan bruge til at udføre disse opgaver.

Derudover kan du finde et par online værktøjer til at kontrollere dine sider for bestemte fejl og hjælpe dig med at identificere disse problemer i koden. Den eneste ulempe ved onlineværktøjer er imidlertid, at mange af dem giver dig mulighed for kun at indtaste én webadresse ad gangen, hvilket dog grundigt kan gøre oprydningsprocessen ret kedelig.

En af de mest robuste værktøjer, du finder i de fleste HTML-kodende redaktører, er Find og erstat værktøjet. Med dette ene værktøj kan du søge efter og eventuelt erstatte eller slette tekst, kildekode eller specifikke tag på hele en hel side, valgte sider, en bestemt mappe eller en hel administreret side.

Antag for eksempel, at du er klar over, at indholdet fra klienten indeholder et bestemt ord, der er stavet korrekt i hele webstedet. Dette værktøj kan finde, at stavefejl og erstatte alle forekomster med den korrekte stavning på alle siderne. Smukke magtfulde ting!

Det eneste ved denne form for værktøj, der kan være afskrækkende for nogle designere, er, at disse typer globale operationer ofte ikke kan fortrydes, hvilket ofte kan være kritisk, når man ændrer sider over hele verden.

For at sikre, at du kan vende tilbage uskyldige fejl, skal de lave en sikkerhedskopi af hele dit administrerede websted før ved hjælp af dette værktøj. På den måde kan det i tilfælde af at noget går forkert, altid vende tilbage til det sted, den var i, før du begyndte at lave ændringer.

Efter et par uger, når du ved, du ikke behøver at vende tilbage til den pågældende tilstand på webstedet, kan du sikkert slette sikkerhedskopieringsfilerne.

For at finde et stavet ord eller en sætning og erstatte teksten med ny tekst på alle sider på et administreret Dreamweaver-websted, skal du åbne dokumentet, der indeholder stavningsfejlen og vælge det stavede ord eller sætning. Vælg derefter Rediger → Find og erstat for at åbne dialogboksen Søg og erstat.

Ændring af ord og sætninger er kun et eksempel på, hvordan man bruger et kraftigt værktøj. Du kan også bruge værktøjet Find og erstat til at redigere hele stykker kode, erstatte filnavne i hele webstedet, og fjern tags og andre uønskede kodninger som kommentarer og andre unødvendige markeringer.