Sådan opbygger du dit eget websted: 16 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:30

En fuldt dækket guide til at komme fra papir til internettet, gratis, hvis du vil, især hvis nogen venlige webmastere skylder dig et par tjenester, men selv med lidt erfaring og viden kan du opbygge et websted og få det videre til internettet sådan: …

Trin 1: Værktøjer, materialer og grundlæggende færdigheder

For at lave dit websted har du brug for: Værktøjer - En computer, helst mindre end fem år gammel - En kopi af dreamweaver (valgfrit), men det er det, jeg ved, og vil vise dig det - En kopi af photoshop, ikke vigtigt, men absolut en skal for alle, der ønsker et flot websted - En forbindelse til internettet på din computer, helst en hurtig (fordi det gør tingene hurtigere) Materialer - En idé - Noget diskplads, afhængigt af hvad dit websted er til - Tid, ja det er et materiale, der er værdifuldt på den måde - En fungerende e -mail -adresse, hvis du har brug for en, de er fri for Gmail og hotmailBasic skills - En grundlæggende viden om, hvordan du bruger din computer, internettet -Dette er en codeless intstructable, det er for mennesker der ønsker at lave et websted, men ikke har nogen idé om hvordan - Nogle designfærdigheder ville være praktisk - At vide, hvordan man bruger Photoshop, ville være rart, paint. NET eller GIMP

Trin 2: Lad os komme i gang

Når du ved, hvilken slags websted du vil få dig til at træffe din designbeslutning.

Tænk på basiskølerne til webstedet, stilen på det og hvordan du vil have folk til at navigere i det. Hvis du gør det til en virksomhed eller klub, er det sandsynligvis bedst, at webstedet afspejler virksomhedens/klubbens kølere og har funktioner, der efterligner eller er baseret på ting om virksomheden, som menuknapper, der minder om noget, de sælger, hvis det er en virksomhed. Din webstedsnavigation kan være flere ting, generelt er de tre hovedtyper brug venstre og højre sidebjælksmenuer og øverste bjælkemenuer (de går på tværs under overskriften som dette websteds) Hvis du laver stedet selv, så vælg farver og designfunktioner du kan lide og gå derfra Advarselsord. brug ikke rigtig modstridende farver, og piger forsøger ikke at gå efter lysstofrød (ikke at være sexistisk, det sker bare meget) Du kan endda drive en virksomhed via dit websted, hvis du vil, jeg har lidt erfaring med at gøre dette, men det kan være lettere at bruge noget som de yahoo -butikker, som dette websted bruger.

Trin 3: Start af webstedet

Det er lige her, vi starter, går ind til Mine dokumenter og laver dig selv en mappe, der hedder 'Mit websted eller bruger webstedets navn, i den mappe foretager du en mappe, der kalder' billeder ', en kaldet' sider 'og en anden kaldet' filer ' (den, der kaldes fil, er for alle andre filer, du muligvis bruger i processen med at lave dit websted.) Start nu dreamweaver og lidt fra filen vil du se et menupunkt kaldet site, så klik på det, og vælg nyt websted, Brug den avancerede fane (fordi det er lettere at gå igennem), sæt nu navnet på dit websted i feltet for webstedsnavn. Du får vist en boks med navnet 'lokal rodmappe', dette er den mappe, du lavede under dit webstedsnavn. Den næste boks er mærket 'Standardbilleder -mappe' vælg mappen med billeder i din rodmappe. Lad de to afkrydsningsfelter være alene, de er begge, som de skal være.

Trin 4: Lad os sidde fast derefter

Efter at du har truffet alle dine vigtigste beslutninger på webstedet, er det tid til at lave en skabelon til alle dine sider, det er præcis, hvad det lyder som, en skabelon til at lave sider, et websted skal ligne grundigt for at undgå forvirring seere, og det sparer meget tid og spildt arbejde.

I din skabelon skal du lave en overskrift, dette er hovedbanneret, der løber hen over toppen af siden, det har normalt titlen på webstedet/firmanavnet, et slogan og vi enten et billede eller logo, der afspejler webstedets emne. De bedste målinger, jeg kan give, er 760 x 100-200, højden er præference og afhænger også af, hvor menulinjen skal gå. Bredden er 760, så den passer i browservinduer, selv når der køres 800x600 res på skærme (det nytter ikke, hvis du ikke kan se halvdelen af webstedet) Din menuknap (hvis du vælger at lave dem, bør den ikke være for høj, kan jeg anbefale om 30 pixels i højden og bredden afhænger af mange ting, men mine er normalt mellem 100 - 1500 pixels. Så kan du igen bruge flash -knapper, der kræver nul indsats fra din side. (For dreamweaver altså)

Trin 5: Lav skabelonen …

Så nu vælger vi vores websteds farver og hvad ikke ved at højreklikke på vores tomme side og gå til sideegenskaber. For min vil baggrunden være sort, teksten hvid og sætte titlen som skabelon nu. Du vil bemærke på billedet, at alle mine linkfarver er indstillet til blå, jeg foreslår også at bruge blå, fordi blå er den traditionelle linkfarve, og at bruge ulige linkfarver var højt på listen over ting, der irriterer folk ved websteder, og hvad der gør dem uprofessionelt.

Trin 6: Gør skabelonen fortsat. layoutet

Nu starter vi vores layout af skabelonen.

Klik på knappen Indsæt bord eller knappen Tegn bord. Nu skal du bare trække for at lave et bord, at vælge 3x3 er et praktisk sted at starte. Den første ting du skal gøre er at få dig til at være 800 pixels bred, du kan se bredden i egenskabslinjen nederst, fremhæv nu den øverste række af celler og højreklik, gå til tabellen i højreklikmenuen og vælg flette celler, gør den nydannede celle til højden på dit overskriftsbillede. På denne halvliter går du til dine tabelegenskaber og sæt værdien nul ind for 'cellpad' og 'border' værdier. Det betyder, at tabellen ikke er eksisterende for slutbrugeren, men holder alt på plads. Nu sætter vi det i overskriftsbilledet, som skal gemmes i mappen med sitebilleder, men hvis det ikke er dreamweaver, vil du spørge, om du vil kopiere filen derhen. For at indsætte et billede skal du kigge langs din knappelinje (fanen over dem skal være almindelig) finde knappen med et billede af et træ i en boks (de fleste programmer bruger et lignende symbol) klik på det, og en dialogboks kommer op, bare søg efter din fil og dobbeltklik på den. Hvis dit billede dukkede op det forkerte sted, var markøren i den forkerte celle. Nu hvor du er ved at hænge bordet op, skal du dele dig selv en celle langs den side, du vil have din menulinje, skal du huske, at rækker er på tværs af kolonnernes vej ned ad vejen. Gør feltet til din menuknapper bord så bredt, som du synes ser godt ud, og lav derefter dine knapper i den rigtige bredde (ignorer dette, hvis du vil bruge flashknapper) Lav nu en tabel inde i din celle med 1 række og så mange kolonner, som der er knapper (du skal vide dette fra din webstedsplan, jeg kan slet ikke hjælpe dig der, det er dit valg) eller for en vandret menu 1 kolonne og lige så mange rækker, som der er knapper.

Trin 7: Tilføjelse af menuknapperne

Der er et par måder at gøre dette på. Hvis du vil have enkle billedknapper (et klikbart billede, der ligner en knap) Så indsætter du billedet som normalt, og for nu er det alt. senere tilføjer vi links til dem.

Hvis du vil have rollover -knapper (billedet ændres, når markøren er over knapbilledet, skal du lave til billeder for hver knap, sig du har nogle flotte mørkegrå knapper, som du vil lyse op, når brugeren sætter musen på dem derefter laver du et andet sæt knapper, der lyser. Du går derefter til knappen Tilføj tilføjelse til billede på værktøjslinjen (ved siden af eller tæt på billedknappen) og vælger den mørke for billede et og det lyse for billede 2, igen forlade linket for nu, fordi du ikke har oprettet en eneste side endnu. Hvis du vil have flashknapper, skal du klikke på fanen medier langs toppen af knapværktøjslinjen og klikke på indsæt flash -symbolet (flash -logo med lille bar i nederste hjørne.), vil den bede dig om at gemme dokumentet, før du fortsætter, så gem det som 'basiskabelon' eller noget, som du ved, betyder hovedskabelonen til dit websted.

Trin 8: Oprettelse af skabelonen til brug

Lige nu er vi næsten færdige med vores skabelon og kan komme i gang på vores sider meget snart, nu har det brug for redigerbare regioner (Steder, hvor sideindhold skal gå) Vi tilføjer disse ved at højreklikke og gå til skabelonens rullemenu i det højre klik menu, vælg ny redigerbar region, og der kommer en meddelelse om, at dokumentet vil blive konverteret til en skabelon. Det er godt. Gør dette med markøren i tabelcellerne, hvor indholdet vil gå (dem under og ved siden af menulinjen i min)

Gem nu dokumentet, luk det, og gå til ny fil, og klik på skabelonfanerne øverst, din skabelon skal være der, sørg for at opdateringssiden, når skabelonændringsboksen er markeret (gemmer meget arbejde senere.)

Trin 9: Tilføj noget indhold

Få dine sider til at tilføje dit indhold, og husk at gemme dem i de mapper, du lavede til sider, og læg dine billeder i den billedmappe, du også lavede. Bare gentag den sidste bit af trin 8 om at lave siden fra en skabelon, hver gang du laver en Bemærk det falske indhold, jeg brugte, det hedder Lorem Ispsum, og det er en historie om godt og ondt på latin, web- og grafiske designere bruger dette til at give en idé om, hvordan produktet vil se ud med ægte tekst. Det kan findes på Lipsum.com. De blå bokse er de redigerbare regioner, du også har dem, håber jeg.

Trin 10: Nu laver vi vores links

Åbn din skabelon, du brugte (husk det afkrydsningsfelt, nu kommer det ind for at afspille) I det øjeblik er dine menuknapper kun billeder (hvis de er flash -kig, så se nedenfor) Nu hvor du har sider, kan de være rigtige knapper, uanset om det er rollover eller normale billeder, skal du højreklikke på din hjemmeknap og gå til at ændre link eller lave link (afhænger af version) en dialogboks kommer op, bare søg efter filen på din startside og dobbeltklik på den. nu er det linket til siden, gentag for resten af dine knapper og gem dokumentet, hvis dreamweaver spørger, om du vil ændre alle siderne baseret på dokumentet, siger ja.

For flash -knap husker du, at vi ignorerede linklinjen, så alt, hvad vi gør, er at højreklikke på knappen og trykke på rediger, du får vist skærmen fra før, bare tryk på knappen Browse ved siden af linklinjen og find din fil. Nu skulle du have et stort set fungerende websted, det næste trin er fyldt med et par tricks og ting til fotosider osv. For at gøre tingene lettere og køre bedre.

Trin 11: Et par tips og nyttige ideer

Hvis du arbejder på XP (muligvis vista inkluderet), er der en XP -strømlegetøj kaldet image resizer, der giver dig mulighed for at tilpasse størrelsen på dine billeder ved at højreklikke, og du kan lave batches og tilføje tommelfinger til slutningen af hvert navn. Til et fotogalleri skal du bruge de miniaturer, du har lavet som billederne på hovedsiden, og knytte dem som knapper til den større billedfil, hvilket muliggør hurtigere indlæsning og færre gallerisider.

For sider med masser af indhold på kan det være værd at opdele siden og tidligere sidelinks, dette er enkelt at gøre, og alt du skal gøre er at linke dem til hinanden og sætte start -in'et som skabelonlink eller fra hvilken side som helst det er knyttet fra. Jeg vender tilbage og tilføjer mere, når jeg tænker på dem, eller som folk foreslår dem, det er bare starten.

Trin 12: Opret en indeksside

Lige nu kræver de fleste webværter en indeksside, dette kan enten være en kopi af hjemmesiden kaldet 'index.htm' (det er hvad du skal navngive den) eller lave en funky side med enter site på den (hvis du ' Hvis du er god til flash, kan du have en animation til at sætte liv i tingene. Du skal føle, at det nærmer sig det særlige øjeblik. Gå her …

Trin 13: Lad os skaffe os en vært

Nu finder du dig selv på det websted, jeg sendte dig til, jeg valgte det, for så vidt angår gratis værter, er det fantastisk og tillader frygtelig mange ting, såvel som 8gig opbevaring og noget som 300 GB båndbredde/måned.

Så følg registreringstrinnene og aktiver din konto. Se ikke engang på den filhåndtering, vi får ikke brug for det. Gå til din konto og tag navnet på din FTP -konto, brugernavnet og adgangskoden (samme som din adgangskode til hostingkontoen) Gå til websteder, rediger websteder, og vælg dit. Gå videre til fanen Avanceret og gå til testserver (Jeg ved, at min er på fjerninformation, men testserver er den nemmeste måde at uploade webstedet), indtast dine oplysninger som vist på billedet.

Trin 14: Kan du mærke det?

Det er tid til at uploade stedet … Du er ved at have et websted.

Gå over til dit websteds filer/aktiveringslinje, det ser uden tvivl meget anderledes ud lige nu, klik på den lille rullemenu med visninger og vælg testserver. Nu har dreamweaver allerede gemt din FTP -adgangskode. Klik på knappen Opret forbindelse til ekstern vært (den med tre sjove figurer). Når den siger, at din tilsluttede klik på knappen Sæt filer., det er knappen, der er en pil opad. (Til senere brug kan du logge ind på kontoen og bruge få filer til at hente filer, du muligvis har mistet på din computer.) Når du rammer dette, vil den spørge, om du vil lægge hele webstedet op, for helvede rigtigt, du gør med alt det virker, for mindre opdateringer kan du sende erstatningsfiler i stedet. Når det når så langt som 'index.htm', vil det spørge, hvis det skulle erstatte det, sige ja ellers går dit websted ned efter 15 dage, derfor lavede vi vores websted først.

Trin 15: Vil du nu have et navn?

Så ideen om at være en underside påvirker dit ego, du har muligheder, køb et domænenavn (ikke dyrt uden hosting, og du kan gøre.com.org.co.uk og.net vælge den, der passer bedst til dit navn. Eller for den fyr, der vil have det hele gratis, skal du bare gå til dot tk -stedet De spejler simpelthen dine sider, så når du laver det til din startside eller din indeksside til webstedets link. og vælg sige killerjackalope.tk fik det?

Trin 16: Noget mere for mere?

Nu er dette svar på et brændende spørgsmål og bliver sat ind i laserskærer -konkurrencen (sidste minut), men hvis du har spørgsmål eller ønsker ekstra forklaringer end bare at stille, hvis det er lille, svarer jeg dig, og hvis det er en god en, så tilføjer jeg et trin, så alle har svaret på dit spørgsmål.

Jeg ved også, at det er fra eks -vejledningen, men jeg er sikker på, at det er det, der sker, når du forsøger at lave et websted på forsiden, det er forfærdeligt, og jeg vil hellere fortælle dig at stjæle dreamweaver og derefter købe forsiden. Næste instruerbare, hvordan man laver sjove hulk -billeder.