9 retningslinjer for at gøre Udvikling steder Hurtigere, enklere og mere sjov

Det er vigtigt altid at starte med den passende holdning, når der beskæftiger sig med at samle din stald og udvikle web hjemmesider er ikke anderledes. En af de største road-blokke jeg oplevet på min tur er min egen bekymring for "at få beskidte" med værdien. For de første fire årtier, var jeg en Front side webside fyr ... aldrig vover at rage ind i værdi, medmindre jeg havde absolut at det var ikke før jeg blev helt skuffet over de begrænsede egenskaber for det program, jeg efterhånden inched min vej ind i at studere nogle HTML

Trin # 1:. Pre-Step

Hvis du ligesom mig, din første reaktion, når du kommer op med et nyt koncept er at øjeblikkeligt skynde til pc og aktivere. Ikke så hurtigt, min kammerat. En af nemmeste og mest effektive handlinger, du kan tage for at oprette din livsstil mindre traumatisk er at tage en anden og dybest set skitsere rammerne af designet, du ser på certifikater.

Det kunne lyd latterligt og skødesløs, men det skaber en så betydelig forskel. Det er som om hjernen øjeblikkeligt koncentrerer når du lægger dit koncept på dokumentet. Ved at placere den på dokumentet, du bestemme præcis hvilke komponenter du ønsker at have på hver side, hvad det overordnede overordnede udseende og følelse skal være, og du giver dine tanker et bestemt og målrettet rute til at sigte.

ingen spørgsmål, hvor tåbeligt det måske eller måske ikke synes, skitsere dit design først

Trin # 2:! Lay Out dine filer

Hvis du bruger nuværende krav webdesign (og du bør være), så hver hjemmeside du udvikler vil have et identisk sæt af primære filer: 1) headlines.php, 2) bottom.php, 3) sidebar.php, 4) design.css og 5) dine personlige materiale websider (dvs. katalog, omkring, komme i kontakt med os, etc.). Gå fremad og skabe disse oplysninger ret off the bat. Du ved, du har brug for dem, så bare oprette dem, og består af dem i en catalog.php pc-fil (Bemærk: hvis du ikke er sikker på, hvad jeg henviser til her, eller hvordan du gør det, se kilden boksen nedenfor) .

Dette får den primære performance på din hjemmeside ud af den måde, den måde du kan koncentrere dig om at udvikle og du kan analysere din hjemmeside ophold for at se, hvordan det ser ud

Trin # 3.: Byg din webside Layouts

Her er, hvor du bliver nødt til at vælge præcis hvilke komponenter websider på dit websted vil have, og hvor de vil gå (vi er ikke bekymrede over, hvad de ser ud, endnu). Hvad vil dine overskrifter se ud? Vil det have flere indhold eller bare en? Vil du have en routing øverst eller i indholdsoversigten? Vil du have et sidepanel? Hvad med din footer? Hvor vil det gå? Hvilken type af komponenter vil det have

Det er her du lægge ud den primære rammer for din hjemmeside -? Type ligesom udvikle overfladerne i et hjem. Du er ikke kunst og klamrer op billeder, men alligevel - i stedet, er du skabe den strategi, der bestemmer, hvordan det hele kommer sammen. Læg alt dette ud først

Trin # 4:. Udfør Grundlæggende CSS Styling

Nu, at du har fået din "vægge" op, det er en chance for at begynde at tilføje nogle isolerende materiale og sheetrock og se, hvordan det hele ser. I andre forhold, vil du ønsker at gøre nogle meget primære design. Få dine divs dækket op, hvordan du vil -. De rigtige niveauer og størrelser, deres primære rammer og form,

Lidt teknik jeg bruger er at skabe alle mine primære divs (som bør normalt være overskrifter, materiale, sidebar, og sidefod) en anden nuance, så jeg ved, hvilken div er der, når jeg ser på det i en online-browser, og jeg kan se, om alt er at organisere, hvordan jeg vil have det. Faktisk, vil jeg holde disse nuancer, der anvendes i det meste af mit design udføre, så jeg kan se, hvordan alt ankommer sammen

Trin # 5:. Byg din design elementer

Det er her du ll investere en masse af din energi og energi - og du vil investere det i Photoshop (eller hvad design system, du bruger). Det er her, du opretter din baggrund billeder, logo, cafeer, overskrifter, og så videre. Det er her, de fleste af den innovative udføre faktisk sker.

Byg dine komponenter til design, analysere dem, og få dem præcis, hvordan du vil have dem. Må ikke flytte herfra, indtil du har fået det nøjagtigt, hvordan du vil have det. Og, selvfølgelig, kan du vælge at uddelegere dette aspekt af din udvikling, men i hvert fald hvis du gør, har du en langt mere oplagt begreb, hvilken type komponenter, du har brug for - som kan bevare dig tid, penge og skuffelse

Trin # 6:. Undersøg Browser kompatibilitet

Jeg analyserer mine stilarter i Chrome som jeg udvikler dem, så i hvert fald har jeg oprette sikker på, hvordan Internet Traveler giver min hjemmeside. På denne faktor, du ønsker at holde op og gøre dette for de betydelige komponenter i design, du har designet hidtil. Der er ikke noget mere irriterende end at udvikle en hel hjemmeside kun for at opdage ud det forårsager Internet Traveler har hjertestop.

Det kan virke kedeligt, men tror på mig ... quit her ser. Du har en masse mindre værdi at udføre igennem, og hvis du administrere de betydelige problemer nu, det generelt udfører sig at være mindre udføre du skal gøre senere

Trin # 7:. Medtag Web Teknologi

Nu har du fået din betydelige komponenter i design ned, du har din hjemmeside meste i stilling, og det er en chance for at tilføje i din betydelige innovations- komponenter teknologiske. Det er vigtigt at gøre det nu, før du gør noget længere CSS design, så du kan se, hvordan det teknologiske innovation vil integrere på din hjemmeside. Hvis du opretter en WordPress Concept (som du kan gøre efter denne samme metode) dette den faktor, når du vil integrere WordPress PHP værdien i dit design

Trin # 8:. Innovativ CSS Styling

På denne faktor, bør du have din hjemmeside meste designet strukturelt ... nu, kan du begynde at fuldføre din CSS design. En anden faktor til at holde i tankerne er, at dette niveau aldrig rigtig færdig. Jeg er altid remodeling mine hjemmesider her og der. Den fremragende aspekt er med CSS, du kan designe komponenter meget specielt og få dem præcis, hvordan du kan lide dem

Trin # 9:. Validering

Oh really ... godkendelse. For nogle personer, kan dette være fås, men for mig er det ikke. Oprettelse af et websted, der validerer er angivelsen af ​​en etableret web-udvikler. Ud over, er det sagt, at Look til motorer koncentrerer sig om dette. Det er virkelig ikke så svært at gøre, og generelt på kræver mig et 30 minutter til tid til at påvirke ud. Det er godt værdi nok periode med hensyn til popularitet, pålidelighed og online seo positioner.

Indpakning af alt

Nå, det er min bedrage post og den faktiske teknik, jeg bruger til at designe web hjemmesider . Det tog mig omkring fem årtier til at få det ned til en teknologi som denne, men det var værdi det i sidste ende. Selvfølgelig er vi ikke i stand til at beskytte nogen ét emne i for meget detaljer her, så hvis du gerne vil udforske webdesign, skal du sørge for at have et kig på min kilde boksen nedenfor
.