Share
Hvis det er en måte å vise frem hvor vellykket nettstedet ditt er, er det ved å la besøkende få vite hvor mange andre har vært der før dem. La oss gi en nettside med en treffdisk!
Det første vi må gjøre er å designe vår teller, så åpne Photoshop, Sketch eller CorelDraw, og start et nytt dokument.
Skrive 1234567890 på lerretet ved hjelp av tekstverktøyet. Du kan nå stile disse tallene ved hjelp av hva designpåvirkninger du føler er nåværende og trendy. Overvei å bruke gradienter, kanskje Fet Times New Roman for typen, og skråk så ut av dem.
Merk: Du bør sikkert bare bruke trygge farger, fordi noen andre truer Internett.
Flott, vi gjør fremgang. Du burde nå forhåpentligvis ha noe som designen nedenfor:
Hvis du ikke har klart å designe noe så godt som dette, ta en slurk av absint og prøv igjen.
Ta tak i Slice Tool (Hvis du bruker Microsoft Paint, kalles den Brødknivverktøy) og lag en hel last med rektangler over hele dokumentet.
Det neste du trenger er en 1x1px gjennomsiktig GIF. Last ned en fra a repo på internett og lagre det som "images_14 / impress-your-visitors-with-a-web-20-hit-counter_2.gif", er navnet veldig viktig. Det skal se litt ut som dette hvis du åpner det i Photoshop:
Kakk av et nytt HTML-dokument ved hjelp av kodeditoren din.
Vi bør plassere vår hitteller nederst på siden vår, mer eller mindre der webmastere vanligvis plasserer animerte hestegifter, så vi må bruke ganske mange bordceller for å få posisjoneringen riktig.
Begynn med følgende oppføring:
Tabeller er vanskelige, men heldigvis gjør Dreamweaver det enkelt å bygge dem.
Som du kan se, har vi bygget en perfekt sidestruktur som garanterer at alt ser ut akkurat det samme i alle nettlesere i verden.
Tips: Som med alle responsive webdesigner, anbefaler jeg deg å teste med så mange enheter som mulig. Før du går videre, bare gå ned til nærmeste kjøpesenter og kjøp alle mobiltelefonene du finner.
Husk de images_14 / impress-your-visitors-with-a-web-20-hit-counter_2.gif-filene vi laget tidligere? Det er nå på tide å sette dem i bruk og ordentlig størrelse vår layout. Plasser et mellomrom i hver celle, bortsett fra midtcellen i det minste bordet.
 | | | ||||||||||||||||||
| | | ||||||||||||||||||
| | | ||||||||||||||||||
| | | ||||||||||||||||||
| | | ||||||||||||||||||
| | | ||||||||||||||||||
| | | ||||||||||||||||||
| | | ||||||||||||||||||
|
| |
Nå gå gjennom og endre størrelsen på alle avstandsstykkene slik at de skyver bordceller på plass. Tenk på det som å støpe ost.
Med vårt design komplett og vår HTML klar til å gå, må vi bare sette inn tellerelementet. Legg til følgende utdrag i den eneste tabellcellen som har blitt tomt:
Ta en titt på fruktene av arbeidet ditt, vi er ferdige! Nå trenger vi bare å FTP dette gjennom VPN, slik at CDN kan plukke det opp og la Internett-leverandørene levere det gjennom HTTP. Takk og lov for det, vi kan alle fortsette med noe riktig arbeid nå.
Accentsconagua