9 retningslinjer for å gjøre Utviklings nettsteder raskere, enklere og mer Fun

Det er viktig å alltid starte med riktig holdning når du arbeider med montering uthuset og utvikle web nettsteder er ikke annerledes. En av de største trafikanter blokker jeg opplevde på turen min er min egen frykt for "å få skitne" med verdien. For de fire første tiårene, var jeg en Front side Web side guy ... aldri våget å projisere inn verdien med mindre jeg hadde definitivt til Det var ikke før jeg ble definitivt skuffet med de begrensede egenskapene til programmet som jeg gradvis inched min vei inn å studere noen HTML

Trinn 1:. Pre-Step

Hvis du er som meg, er første reaksjon når du kommer opp med et nytt konsept for å kjapt skynde til pc og aktivere. Ikke så rask, min kompis. En av enkleste og mest effektive du kan gjøre for å skape din livsstil mindre traumatisk er å ta en andre og i utgangspunktet skissere rammene for utformingen du ser på sertifikater.

Det er kanskje lyd latterlig og uforsiktig, men det skaper en slik betydelig forskjell. Det er som om hjernen umiddelbart konsentrerer når du setter ditt konsept på dokumentet. Ved å plassere den på dokumentet, du bestemme nøyaktig hvilke komponenter du vil ha på hver side, hva den samlede generelle utseende og følelse bør være, og du gir dine tanker en bestemt og målrettet rute der å sikte.

Ingen problem hvor tåpelig det kan eller ikke kan virke, skissere design første

Step # 2: Legg ut dine filer

Hvis du bruker dagens web design krav (og du bør være) deretter hvert nettsted du utvikler vil ha en identisk sett primær filer: 1) headlines.php, 2) bottom.php, 3) sidebar.php, 4) design.css og 5) dine personlige materielle websider (dvs. katalogen, om, ta kontakt med oss, etc.). Gå fremover og skape disse opplysningene rett utenfor balltre. Du vet at du trenger dem, så bare opprette dem, og består av dem i en catalog.php pc-fil (Merk: Hvis du er usikker på hva jeg henviser til her eller hvordan du gjør det, se kilden boksen nedenfor) .

Dette blir den primære ytelsen til nettstedet ditt ut av veien, på den måten du kan konsentrere seg om å utvikle og du kan analysere ditt nettsted opphold for å se hvordan det ser ut

Steg # 3.: Bygg din webside utforminger

Her er der du må velge akkurat hvilke komponenter nettsidene til webområdet ditt vil ha og hvor de vil gå (vi er ikke bekymret for hvordan de ser ut, men likevel). Hva vil overskrifter se ut? Vil det ha flere innhold eller bare en? Vil du ha en routing bar på toppen eller i sidelinjen? Vil du ha en sidebar? Hva om footer? Hvor vil det gå? Hva slags komponenter vil det ha

Det er der du legger ut den primære rammen av nettstedet ditt? - Type som utvikler overflatene av et hjem. Du er ikke kunstverk og klamrer seg frem bilder, men likevel - i stedet, du skaper den strategien som bestemmer hvordan det hele kommer sammen. Legge alt dette ut først

Trinn 4:. Utføre grunnleggende CSS Styling

Nå som du har dine "vegger" opp, er det en sjanse til å begynne å legge til noen isolasjonsmateriale og gipsplater og se hvordan det hele ser ut. I andre forhold, vil du ønsker å gjøre noen svært primære design. Få dine divs dekket opp hvor du vil -. Riktig nivå og størrelser, deres primære rammeverk og form

En liten teknikk jeg bruker er å lage alle mine primære divs (som bør vanligvis overskrifter, materiale, sidebar, og bunntekst) en annen nyanse, så jeg vet hvilken div er som når jeg ser på det i et online nettleser og jeg kan se om alt er å organisere hvordan jeg vil ha det til. Egentlig vil jeg holde disse nyanser som brukes i det meste av min design utføre, så jeg kan se hvordan alt er ankommer sammen

Steg # 5:. Bygg din designelementer

Det er her du vil investere mye av din energi og energi - og du vil investere den i Photoshop (eller hva design system du bruker). Det er her du lage dine bakteppe bilder, logo, kafeer, overskrifter, og så videre. Det er der de fleste av innovative utføre faktisk skjer.

Bygg dine komponenter av design, analysere dem, og få dem akkurat slik du vil ha dem. Ikke skift herfra før du har fått det akkurat slik du ønsker det. Og, selvfølgelig, kan du velge å delegere dette aspektet av utvikling, men, i hvert fall hvis du gjør det, har du en mye mer tydelig konsept av hva slags komponenter du trenger - noe som kan spare deg tid, penger, og skuffelse

Step # 6:. Undersøke Browser kompatibilitet

Jeg analyserer mine stiler i Chrome som jeg utvikle dem, så sikkert jeg har lage sikker på hvordan Internett fra deg min hjemmeside. På denne faktoren, ønsker du å slutte og gjøre dette for de vesentlige delene av design du har laget så langt. Det finnes ikke noe mer irriterende enn å utvikle en hel nettside bare for å finne ut det fører til Internett fra å ha hjertestans.

Det kan virke kjedelig, men tror på meg ... slutte her ser. Du har mye mindre verdi å utføre gjennom og hvis du klarer de betydelige problemene nå, vanligvis utfører det ut til å være mindre utføre du trenger å gjøre senere

Step # 7. Inkluder Web Technology

Nå har du fått din betydelige deler av utformingen ned, du har din nettside meste i posisjon, og det er en mulighet for å legge inn dine betydelige teknologisk innovasjon komponenter. Det er viktig å gjøre dette nå før du gjør lenger CSS design, slik at du kan se hvordan det teknologisk innovasjon vil integrere i ditt nettsted. Hvis du oppretter en WordPress Concept (som du kan gjøre følgende den samme metoden) denne faktoren når du vil integrere WordPress PHP verdien i ditt design

Step # 8:. Innovative CSS Styling

På denne faktoren, bør du ha ditt nettsted hovedsakelig designet strukturelt ... nå, kan du begynne å fullføre CSS design. En annen faktor å huske på er at dette nivået egentlig aldri ferdig. Jeg er alltid ombygging mine nettsteder her og der. Den utmerkede aspektet er med CSS kan du designe komponenter veldig spesielt og få dem akkurat slik du liker dem

Step # 9:. Validering

Å virkelig ... godkjenning. For noen individer, kan dette være tilgjengelig som ekstrautstyr, men for meg er det ikke. Opprette et nettsted som validerer er indikasjon på en etablert webutvikler. I tillegg til, er det sagt at Look for motorer konsentrerer seg om dette. Det er egentlig ikke så vanskelig å gjøre, og generelt på krever meg en 30 minutter til tid til å påvirke ut. Det er vel verdi nok periode med hensyn til popularitet, pålitelighet, og online seo stillinger.

Innpakning det hele opp

Vel, det er min lure element og selve teknikken jeg bruker til å designe web nettsteder . Det tok meg omtrent fem tiår for å få det ned til en teknologi som dette, men det var verdi det til slutt. Selvfølgelig er vi ikke i stand til å beskytte ett fag i for mye detaljer her, så hvis du ønsker å utforske web design, sørg for å ta en titt på min kilde boksen nedenfor
.