Hvordan bygge ditt eget nettsted: 16 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:25

En fullstendig dekket guide for å komme fra papir til nettet, gratis hvis du vil, spesielt hvis noen vennlige nettredaktører skylder deg noen få tjenester, men selv med liten erfaring og kunnskap kan du bygge et nettsted og få det videre til nettet slik: …

Trinn 1: Verktøy, materialer og grunnleggende ferdigheter

For å lage nettstedet ditt trenger du: Verktøy - En datamaskin, fortrinnsvis mindre enn fem år gammel - En kopi av dreamweaver (valgfritt), men det er det jeg vet og vil vise deg det - En kopi av photoshop, ikke nødvendig, men definitivt en må for alle som ønsker et pent nettsted - En tilkobling til internett på datamaskinen din, helst en rask (fordi det gjør ting raskere) Materialer - En idé - Litt diskplass, avhengig av hva nettstedet ditt er til - Tid, ja det er et materiale som er verdifullt i det - En fungerende e -postadresse hvis du trenger en, de er fri for Gmail og hotmail Grunnleggende ferdigheter - En grunnleggende kunnskap om hvordan du bruker datamaskinen din, internett -Dette er en kodeløs, konstruerbar, det er for folk som ønsker å lage et nettsted, men ikke har noen anelse om hvordan - Noen designferdigheter ville være nyttige - Å vite hvordan du bruker Photoshop ville være fint, paint. NET eller GIMP

Trinn 2: La oss komme i gang

Når du vet hva slags nettsted du vil få deg til å ta designbeslutningen.

Tenk på basiskjølerne for nettstedet, stilen på det og hvordan du vil at folk skal navigere gjennom det. Hvis du gjør det til en bedrift eller klubb, er det sannsynligvis best at nettstedet gjenspeiler selskapets/klubbkjølerne og har funksjoner som etterligner eller er basert på ting om selskapet, som menyknapper som minner om noe de selger hvis det er en virksomhet. Navigeringen på nettstedene dine kan være flere ting. Vanligvis er de tre hovedtypene bruk venstre og høyre sidefeltmenyer og toppmenyer (de går over under overskriften som dette nettstedets) Hvis du lager nettstedet for deg selv, velg farger og designfunksjoner du liker og gå derfra Advarselsord skjønt. ikke bruk veldig motstridende farger, og jenter prøver å ikke gå for lysstoffrød (ikke å være sexistisk, det skjer bare mye) Du kan til og med drive en bedrift via nettstedet ditt hvis du vil, jeg har liten erfaring med å gjøre dette, men det kan være lettere å bruke noe som yahoo -butikkene som dette nettstedet bruker.

Trinn 3: Start nettstedet

Akkurat det er her vi starter, gå inn på Mine dokumenter og lag deg en mappe som heter "Mitt nettsted eller bruk navnet på nettstedet. I den mappen kan du ringe til" bilder ", en som heter" sider "og en annen som kalles" filer " (den som heter filen er for alle andre filer du kan bruke i prosessen med å lage nettstedet ditt.) Slå nå på dreamweaver og litt fra filen vil du se et menyelement som heter nettsted, så klikk på det og velg nytt nettsted, bruk den avanserte fanen (fordi det er lettere å gå gjennom), legg nå navnet på nettstedet ditt i boksen for nettstednavn. Du vil se en boks merket 'lokal rotmappe', dette er mappen du har laget under nettstedsnavnet ditt. Den neste boksen er merket med 'Standardbilder -mappen', velg mappen med navnene i rotmappen. La de to avmerkingsboksene være alene, begge er slik de burde være.

Trinn 4: La oss bli sittende fast da

Etter at du har tatt alle dine hovedbeslutninger på nettstedet, er det på tide å lage en mal for alle sidene dine. Dette er akkurat det det høres ut som, en mal for å lage sider, et nettsted bør se like ut som for å unngå forvirring seere, og det sparer mye tid og bortkastet innsats.

I malen din må du lage en topptekst, dette er hovedbanneret som går over toppen av siden, det har vanligvis tittelen på nettstedet/firmanavnet, et slagord og vi enten et bilde eller en logo som gjenspeiler nettstedets emne. De beste målingene jeg kan gi er 760 x 100-200 høyden er preferanse og avhenger også av hvor menylinjen skal gå. Bredden er 760, så den passer i nettleservinduer, selv når du kjører 800x600 oppløsninger på skjermer (det nytter ikke hvis du ikke kan se halvparten av nettstedet) Menyknappen (hvis du velger å lage dem, bør den ikke være for høy, jeg anbefaler om 30 piksler i høyde og bredde er avhengig av mange ting, men mine er vanligvis mellom 100 - 1500 piksler. Så igjen kan du bruke blitzknapper som krever null innsats fra din side. (For dreamweaver altså)

Trinn 5: Lag malen …

Så nå velger vi nettstedets farger og hva annet ikke ved å høyreklikke på vår tomme side og gå til sideegenskaper. For min vil bakgrunnen være svart, teksten hvit og sette tittelen som mal nå. Du vil merke på bildet at alle koblingsfargene mine er satt til blå, jeg foreslår at du også bruker blått fordi blå er den tradisjonelle lenkefargen og bruk av merkelig lenkefarge var høyt på listen over ting som irriterer folk om nettsteder og hva som gjør dem uprofesjonelt.

Trinn 6: Gjør malen videre. oppsettet

Nå starter vi oppsettet av malen.

Klikk på knappen Sett inn tabellen eller knappen Tabellen. Nå er det bare å dra for å lage et bord, å velge 3x3 er et praktisk sted å starte. Det første du bør gjøre er å få bordet 800 piksler bredt, du kan se bredden i egenskapsfeltet nederst, nå markerer du den øverste raden med celler og høyreklikker, går til tabellen i høyreklikkmenyen og velger flette celler, gjør den nydannede cellen til høyden på topptekstbildet ditt. På denne halvliter går du til tabellegenskapene og setter verdien null for "cellpad" og "border" -verdier. Dette betyr at tabellen ikke eksisterer for sluttbrukeren, men holder alt på plass. Nå holder vi det i toppteksten som skal lagres i nettstedbildemappen, men hvis det ikke er dreamweaver, vil du spørre om du vil kopiere filen dit. For å sette inn et bilde, se langs knappelinjen (fanen over dem skal være vanlig) finn knappen med et bilde av et tre i en boks (de fleste programmer bruker et lignende symbol) klikk på den, og en dialogboks kommer opp, bare søk etter filen din og dobbeltklikk på den. Hvis bildet ditt dukket opp på feil sted, var markøren i feil celle. Nå som du får taket på bordet, del deg opp en celle langs siden du vil ha menylinjen, husk at radene ligger tvers over veien kolonner nedover veien. Lag boksen til menyknappene så bred som du synes det ser bra ut, og gjør knappene til riktig bredde (ignorer dette hvis du vil ha blitzknapper) Lag nå et bord inne i cellen din med 1 rad og så mange kolonner som det er knapper (du bør vite dette fra nettstedplanen din, jeg kan ikke hjelpe deg i det hele tatt, det er ditt valg) eller for en horisontal meny 1 kolonne og så mange rader som det er knapper.

Trinn 7: Legge til menyknappene

Det er noen få måter å gjøre dette på. Hvis du vil ha enkle bildeknapper (et klikkbart bilde som ser ut som en knapp) Så setter du inn bildet som normalt, og for nå er det alt. senere legger vi til lenker til dem.

Hvis du vil ha rullingsknapper (bildet endres når markøren er over knappebildet, må du lage til bilder for hver knapp, si at du har noen fine mørkegrå knapper som du vil lyse opp når brukeren setter musen på dem Deretter lager du et nytt sett med knapper som lyser. Du går deretter til knappen Legg til overføring av bilde på verktøylinjen (ved siden av eller nær bildeknappen) og velger den mørke for bildet ett og det lyse for bildet 2, igjen forlate lenken for nå fordi du ikke har laget en eneste side ennå. Hvis du vil ha blitzknapper, må du klikke på mediefanen øverst på knappens verktøylinje og klikke på Sett inn blits -knappesymbolet (blitslogo med lille linjen i nedre hjørne.), vil den be deg om å lagre dokumentet før du fortsetter, så lagre det som en "grunnmal" eller noe du vet betyr hovedmalen for nettstedet ditt.

Trinn 8: Opprette malen for bruk

Vi er nesten ferdige med malen vår og kan komme i gang på sidene våre veldig snart, nå trenger den redigerbare regioner (steder for sideinnhold å gå) Vi legger til disse ved å høyreklikke og gå til rullegardinmenyen for mal i høyreklikket på menyen, velg en ny redigerbar region, og det kommer en melding om at dokumentet vil bli konvertert til en mal. Dette er bra. Gjør dette med markøren i tabellcellene hvor innholdet skal gå (de under og ved siden av menylinjen i min)

Lagre dokumentet, lukk det og gå til ny fil og klikk på malfanene øverst, malen din skal være der. Sørg for at oppdateringssiden når malendringsboksen er merket (sparer mye arbeid senere.)

Trinn 9: Legg til noe innhold

Få sidene dine til å legge til innhold, og husk å lagre dem i mappene du laget for sider, og legg bildene dine i bildemappen du også laget. Bare gjenta den siste delen av trinn 8 om å lage siden fra en mal hver gang du lager en Legg merke til det falske innholdet jeg brukte, det heter Lorem Ispsum og det er en historie om godt og ondt på latin, web- og grafiske designere bruker dette for å gi en ide om hvordan produktet vil se ut med ekte tekst. den finnes på Lipsum.com. De blå boksene er de redigerbare områdene du også har, håper jeg.

Trinn 10: Nå lager vi koblingene våre

Åpne malen du brukte (husk den avmerkingsboksen, nå kommer den inn for å spille) I det øyeblikket er menyknappene bare bilder (hvis de er blits, så se nedenfor) Nå som du har sider kan de være ekte knapper, enten det er rulling eller vanlige bilder, høyreklikk på hjemmeknappen din og gå til å endre lenke eller lage lenke (avhenger av versjon) en dialogboks kommer opp, bare søk etter filen på hjemmesiden din og dobbeltklikk på den. nå er den koblet til siden, gjenta for resten av knappene dine og lagre dokumentet, hvis dreamweaver spør om du vil endre alle sidene basert på dokumentet, si ja.

For blits -knappen vil du huske at vi ignorerte lenkefeltet, så alt vi gjør er å høyreklikke på knappen og trykke på rediger. Du vil bli vist skjermen fra før, bare trykk på bla -knappen ved siden av lenkefeltet og finn filen din. Nå bør du ha et stort sett fungerende nettsted, neste trinn er fylt med noen få triks og ting for fotosider etc. for å gjøre ting enklere og kjøre bedre.

Trinn 11: Noen få tips og nyttige ideer

Hvis du jobber med XP (muligens vista inkludert), er det en XP -strømforsyning som kalles image resizer som lar deg tilpasse størrelsen på bildene dine ved å høyreklikke, og du kan gjøre grupper og legge til tommel på slutten av hvert navn. For et fotogalleri bruker du miniatyrbildene du lagde som bildene på hovedsiden, og kobler dem som knapper til den større bildefilen, dette muliggjør raskere lasting og mindre gallerisider.

For sider med mye innhold på, kan det være verdt å dele den opp på siden og tidligere sidelinkenker, dette er enkelt å gjøre, og alt du trenger å gjøre er å koble dem til hverandre og sette den inn som en malkobling eller fra hvilken side som helst det er koblet fra. Jeg kommer tilbake og legger til flere når jeg tenker på dem eller som folk foreslår dem, det er bare begynnelsen.

Trinn 12: Lag en indeksside

Akkurat nå krever de fleste webverter en indeksside, dette kan enten være en kopi av hjemmesiden kalt 'index.htm' (det er det du må kalle det) eller lage en funky side med enter -nettsted på den (hvis du ' Hvis du er god til flash, kan du ha en animasjon som gir liv til ting. Du må føle at det nærmer seg det spesielle øyeblikket. Gå hit …

Trinn 13: La oss skaffe oss en vert

Nå vil du finne deg selv på siden jeg sendte deg til, jeg valgte det fordi så langt det er gratis verter, det er flott og tillater fryktelig mange ting, så vel som 8gig lagring og noe som 300 GB båndbredde/måned.

Så følg registreringstrinnene og aktiver kontoen din. Ikke engang se på den filbehandleren, vi trenger ikke det. Høyre gå til kontoen din og ta ned navnet på FTP -kontoen din, brukernavnet og passordet (det samme som passordet ditt for vertskontoen) Kom til nettsteder, rediger nettsteder og velg ditt, gå til den avanserte fanen og gå til testserveren (Jeg vet at min er på ekstern informasjon, men testserveren er den enkleste måten å laste opp nettstedet på), skriv inn informasjonen din som vist på bildet.

Trinn 14: Kan du føle det?

Det er på tide å laste opp nettstedet … Du er i ferd med å ha et nettsted.

Gå over til nettstedets filer/ressurslinje, det ser uten tvil veldig annerledes ut akkurat nå, klikk på den lille rullegardinmenyen med visninger og velg testserver. Nå har dreamweaver allerede lagret FTP -passordet ditt. Klikk på knappen Koble til ekstern vert (den med tre morsomme former). Når det står din tilkoblede klikk på Legg opp filer -knappen., det er knappen som er en pil oppover. (For senere bruk kan du logge deg på kontoen og bruke få filer for å få filer du kan ha mistet på datamaskinen din.) Når du trykker på dette vil det spørre om du vil sette hele nettstedet opp, jævla riktig du gjør med alt som fungerer, for mindre oppdateringer kan du sende erstatningsfiler i stedet. Når det når så langt som 'index.htm' vil det spørre om det skulle erstatte det, si ja ellers vil siden din gå ned etter 15 dager, det er derfor vi lagde siden vår først.

Trinn 15: Vil du ha et navn nå?

Så ideen om å være en underside påvirker egoet ditt, du har alternativer, kjøper et domenenavn (ikke dyrt uten hosting, og du kan gjøre.com.org.co.uk og.net velge den som passer best til ditt navn. Eller for fyren som vil ha alt gratis, bare gå til dot tk -nettstedet De speiler bare sidene dine, så når du lager det til din hjemmeside eller indekssiden til nettstedslinken. og velg si killerjackalope.tk fikk det?

Trinn 16: Noe mer for noe mer?

Nå er dette svaret på et brennende spørsmål og blir satt inn i laserskjærkonkurransen (siste minutt), men hvis du har spørsmål eller ønsker noen ekstra forklaringer enn bare å spørre, hvis det er lite, svarer jeg deg og hvis det er en god en, så legger jeg til et trinn slik at alle har svaret på spørsmålet ditt.

Jeg vet også at det er fra eks -opplæringen, men jeg er sikker på at dette er det som skjer når du prøver å lage et nettsted på forsiden, det er forferdelig, og jeg vil heller fortelle deg å stjele dreamweaver og deretter kjøpe forsiden. Neste instruerbare, hvordan lage morsomme hulkbilder.