Hvordan å Lage et Nettsted Fra Scratch (HTML, WordPress, eller Byggherrer)

Som eier av et lite bryllup planlegger oppstart, en venn av meg hadde ikke mye tid eller penger til å sette inn lære hvordan å lage en nettside, men hun visste at hun trengte en, eller hennes virksomhet ville være nesten usynlig. Til tross for hennes mangel på programmering ferdigheter, hun gikk med full fart fremover til egenhendig å skape sin tilstedeværelse på nettet.

Starte et nettsted fra scratch var faktisk ikke skremmende oppgave hun fryktet., Med de riktige verktøyene, hun fikk en WordPress side opp og kjører i løpet av et par uker. Etter den første buildout av nettstedet, hun fortsatte å utvide og oppdatere den seg som henne virksomheten vokste.

Som hennes erfaring illustrerer, alle kan lære hvordan å lage et nettsted med relativ letthet. Det er så enkelt som å kjøpe webhotell og et domene, så fin-tuning av din design gjennom et nettsted byggmester, WordPress, eller ved hjelp av bare-bones HTML. Vi veileder deg gjennom hvert trinn nedenfor, så føl deg fri til å klikke på en av linkene her for å hoppe fremover.,

Velge en Vert | Lage Din Hjemmeside | Nettside Byggmester | WordPress

Trinn 1: Velge en Vert og et Domene

Det første skrittet til å opprette et nettsted, uansett hvilken metode du velger å bruke, er å velge en web hosting service og et domene. Web host er selskapet som gir serveren og lagringsplass for nettstedet ditt, og gir den elektroniske verden tilgang til din merkevare. Domenenavnet, på den annen side, er den NETTADRESSEN (f.eks., www.hostingadvice.com) som folk bruker til å navigere direkte til nettstedet ditt.

Velge en Vert

Dette er super enkelt del., Web ‘ s topp-karakter vertene har trukket ut alle de stopper for å fremskynde og lindre den første nettsted etableringen prosessen — ofte begynner med en gratis domenenavn registrering, single-klikk installasjoner for populære CMS og blogging plattformer, et gratis nettsted byggmester, og markedsføring studiepoeng.

for Å komme i gang, vi anbefaler at du oppretter en web hosting plan med en av de følgende leverandører. Web-server vil bli satt opp umiddelbart, og de fleste gi deg et gratis domene navn av ditt valg, så vel., Når du er registrert, vil du være å bygge ditt nettsted i løpet av kort tid:

BILLIGE RATING
4.8/5.0
  • Kjent for høy kvalitet til en lav pris
  • Godkjent av WordPress.org team
  • GRATIS Weebly site builder og CloudFlare CDN
  • GRATIS domene og ubegrenset lagring
  • du Får 63% off i dag (var $7.99 per måned)
  • Komme i gang på Bluehost nå.,
Starting Price/Mo. $2.,95
Pengene Tilbake-Garanti 30 dager
Diskplass 50 GB – Ubegrenset
Domenenavnet GRATIS (1 år)

Våre eksperter Bluehost Gjennomgang

Hvis du er på utkikk etter en rimelig vert, Bluehost er en solid, pålitelig valg; selskapets lave kostnader, sammen med sin overlegenhet i den delte hosting arena, er det som gjør denne leverandøren slik verdifull avtale., Bluehost navn er listet opp mot toppen av mange av våre anmeldelser kategorier, og med god grunn.

Gå til full gjennomgang »

BILLIGE RATING
4.8/5.,0
  • Unlimited everything, from storage to databases
  • FREE site builder & WP performance upgrades
  • FREE daily or weekly backups
  • Custom control panel and auto-installation scripts
  • SSH access & SSL certificates
  • Get started on Hostinger now.
Starting Price/Mo. $0.,99
Pengene Tilbake-Garanti 30 dager
Diskplass 10 GB SSD – 30 GB SSD
Domenenavnet GRATIS (1 år)
Våre eksperter Hostinger Gjennomgang

Som den delte hosting markedet blir stadig mer mettet, ubegrenset lagringsplass, båndbredde, og e-post kontoer har blitt overraskende gjennomsnitt., Hostinger, men utvider rutine, forventet beregninger til større lengder — antall websider, databaser, FTP-brukere, underdomener, og parkerte domener er alle fri for de fleste kundene.

Gå til full gjennomgang »

BILLIGE RATING
4.7/5.,0
  • Get 62% off by buying 36 months up front
  • Unmetered disk space & bandwidth
  • Unlimited email addresses & free SSL certificate
  • One-click WordPress install & free blog tools
  • Free 1-year domain registration on select plans
  • Get started on HostGator now.
Starting Price/Mo. $2.,64
Pengene Tilbake-Garanti 45 dager
Diskplass Ubegrenset
Domenenavnet GRATIS (1 år)
Våre eksperter HostGator-Review

HostGator er et flott kompromiss mellom ytelse og pris. Selskapet tilbyr ubegrenset e-post, MySQL-databaser, diskplass og båndbredde, pluss ett-klikk installerer for populær open-source-prosjekter, i tillegg til en 99.,

Gå til full gjennomgang »

BILLIGE RATING
4.6/5.0
  • easy setup (Enkelt oppsett og suveren driftssikkerhet siden 1998
  • GRATIS domene og Google markedsføring inkludert
  • Ubegrenset båndbredde, lagring og e-post
  • GRATIS nettsted byggherre og shopping cart
  • Få mer enn 75% av i dag (var $7.99 per måned)
  • Komme i gang på iPage nå.,
Starting Price/Mo. $1.,99
Pengene Tilbake-Garanti 30 dager
Diskplass Ubegrenset
Domenenavnet GRATIS (1 år)
Våre eksperter iPage Anmeldelse

Enten du er en første gang nettstedet eieren eller en web-veteran, iPage utmerket hosting-tjenester og en fantastisk liste over tilbehør gjøre merkevaren en av de beste verdiene i web hosting., Ubegrenset diskplass, skalerbar båndbredde, og e-post er bare en del av det som gjør iPage er delt hosting plan for en stor avtale.

Gå til full gjennomgang »

BILLIGE RATING
4.6/5.,0
  • Få en gratis domene fra world ‘ s #1 registrar
  • ledende i Bransjen siden belastningen for din site
  • Ubegrenset båndbredde og opp til ubegrenset lagringskapasitet
  • Velg mellom cPanel eller Plesk kontrollpanel
  • Prisbelønte kundeservice-tilgjengelig 24/7
  • Komme i gang på GoDaddy nå.
Start Pris/Mo. $1.,00
Pengene Tilbake-Garanti 30 dager
Diskplass 100 GB – Ubegrenset
Domenenavnet GRATIS (1 år)
Våre eksperter GoDaddy Anmeldelsen

En stor pull-faktor for GoDaddy er vert for tjenester er absolutt kostnadene., Det er vanskelig å slå web hosting for en dollar per måned, spesielt når selskapet har en gratis domenenavn, kontrollpanel, imponerende rask lasting, og ubegrenset nettsteder med de fleste planer.

Gå til full gjennomgang »

Se flere billige web verter «

Velge et Domenenavn

Registrere en kvalitet domenenavn er essensielt for å hjelpe folk med å finne og huske på nettstedet ditt. Web hosting-tjenester ovenfor tilbyr gratis domenenavn registrering for første år i tjenesten, så hvis du allerede har fullført Trinn 1, har du allerede domene.,

Hvis du fortsatt bestemmer på hvilket domene navnet du skal velge, her er noen tips du bør tenke på:

  • Gjøre det kort og minneverdig: Kortere domenenavn er lettere å huske. Tittelen bør være noe som setter seg i folks sinn. Lang domenenavn som bare fungerer hvis de er unike og fengende.
  • Bruke relevante søkeord: Ditt domenenavn er en annen mulighet for å innlemme søkeord som vil bidra til din totale SEO strategi. Søkeord som er relevante for virksomheten din nisje vil gjøre ditt domenenavn videre stikke ut i folks minne og øke din søkemotorrangeringer.,
  • Forskning domene navn: Sjekk for å se om andre selskaper eller enkeltpersoner ved hjelp av et domene navn som er for nært knyttet til hverandre, for å unngå eventuelle konflikter eller forvirring.
  • Velg riktig domenenavn extension: Som du vet fra surfing på internett, domenenavn, kan ende i .com, .org .biz, og andre utvidelser. Velg den som passer best til formålet med din nettside.

Nå som du har kjøpt din web hosting plan (og fikk gratis domene med din hosting plan) er du klar til å bygge og starte din nettside.,

Trinn 2: Velg en Site-Building Metode

Det er tre måter å bygge et nettsted. Hvis du er en nybegynner, er den desidert enkleste måten å bygge opp og lansere et nettsted er å bruke en nettside byggmester som leveres av din web host. Hvis du er i det minste noe web-savvy, kan du bruke WordPress eller et content management system (CMS) som for eksempel Drupal og Joomla. Hvis du er allerede godt bevandret i koding, kan du starte fra scratch og bruk HTML til å bygge nettstedet fra bakken og opp., Hver tilnærmingen har sine fordeler og utfordringer:

Alternativ 1: Bruk en Site Builder (Nybegynnernivå)

ved Hjelp av en nettside byggmester – et program som tar deg gjennom trinnene for å lage et nettsted uten kode – kan være både frigjørende og myndiggjøring. Alle kodingen er gjort av leverandøren på backend, og i hovedsak, det er ikke mye mer utfordrende enn å bruke en tekstbehandler.

Nettsted byggherrer, som Wi, tillate ikke-programmerere til å designe nettsider visuelt uten koding know-how.,

Vanligvis, en site builder eller en mal-baserte site-building metoden gir færre tilpasningsmuligheter enn hvis du bygger en hjemmeside fra bunnen av med rett-opp HTML, men for den begrensede ferdigheter som kreves, nettsted byggherrer gi fleksibilitet og en god brukeropplevelse for nybegynnere.

Alternativ 2: Installere WordPress (Middels Nivå)

Mange bedriftseiere og ansatte har liten eller ingen koding ferdigheter. På samme tid, det kan være begrensende for noen å ha til å stole på en Web designer/utvikler til å lage en nettside og gjøre oppdateringer., WordPress er en catch-all løsning for bedrifter som ønsker en enkel nettside med minimal investering av tid og penger.

Nesten en tredjedel av alle nettsteder på internett finnes på WordPress-plattformen, og selv store bedrifter, som CNN og eBay, kan du bruke den. Det er gratis og betalt versjon av programvaren, og det er nok av bruker-støtte er tilgjengelig online.

jeg elsker WordPress dashbordet for sine elegante, ren design. Når du gjør deg til venns med det, vil du aldri gå tilbake.,

Med mange temaer og layouts å velge mellom og muligheter til å avansere til mer komplekse design og funksjoner, WordPress er en allsidig valg for alle typer virksomheter. Faktisk, det er den plattformen som driver HostingAdvice.com i seg selv.

Alternativ 3: Lage en hjemmeside fra scratch med HTML (Avansert Nivå)

Web design ferdigheter som er svært verdifulle i arbeidsmarkedet og kanskje du har tenkt det er noe du ønsker å ta opp. Bygge et nettsted fra scratch vil gi deg verktøy til å opprette og tilpasse en nettside akkurat som du ser passer., Det er en høyere læringseffekt, men en større belønning, som å vite HTML vil tillate deg å finjustere din site design og bære disse ferdighetene frem til å utvide og oppdatere nettstedet med letthet.

Hvis du er en programmerer nybegynnere og fast bestemt på å lære, du kan plukke opp koding ferdigheter du trenger fra en myriade av web design bøker (O ‘ Reilly-serien er et godt utgangspunkt) og nettsteder som World Wide Web Consortium (W3C) Skoler.

Lære å kode et nettsted for deg vil gi deg den ultimate fleksibilitet i å gjøre det nøyaktig hva du ønsker over tid., For ikke å nevne, å være i stand til å kode er en svært verdifull kompetanse i dagens økonomi.

Trinn 3: Start med å Bygge!

Nå som du har registrert deg for webhotell med gratis domene, og valgt sitebuilding metode, er du klar til å begynne å lage titt på nettstedet, og dens innhold. Les videre for trinn-for-trinn-instruksjoner:

Alternativ 1: Bruke en Sitebuilder å Bygge Nettstedet Ditt (Nybegynner)

å Bygge et nettsted med en free website builder er en rask, enkel og grei prosess., Det kan hende du allerede har registrert deg for en hosting konto i Trinn 1, i hvilket tilfelle din web host nettstedet vil ha spesifikke trinn-for-trinn-instruksjoner for å installere og bruke din gratis, inkludert website builder. Generelt, finner vi at Wi er den mest populære nettsted byggmester, så vi vil bruke det som eksempel her.

Hvis du allerede har registrert deg for hosting, har du opprettet en konto. Hvis du ikke allerede har en web-vert, anbefaler vi at du logger deg for Wi sitebuilder via sin nettside. Bare skriv inn din e-postadresse og passord på Wix.com registreringssiden for å begynne., Merk at e-postadressen håndtaket vil bli en del av din gratis domene (hvis du ikke har et egendefinert domene), så hold det i tankene når du registrerer deg. Hvis du fortsatt er usikker, jeg ønsker deg velkommen til å sjekke ut våre ekspert gjennomgang av Wi-plattformen nedenfor.

NETTSTED BYGGMESTER RATING
4.9/5.,0
  • Ingen koding ferdigheter er nødvendig med dra-og-slipp-builder
  • 100s av maler med nisje-spesifikke design
  • Legg til funksjoner via App-Markedet og Wi Hendelser
  • Enkelt lage netthandel funksjonalitet lett
  • Fin måte å bygge små områder på et budsjett
  • Komme i gang på Wi nå.
Start Pris/Mo. $0.,00
Money Back Guarantee 14 days
Disk Space 500 MB – 20 GB
Domain Name Transfer
Our Expert’s Wix Review

Website building is where Wix shines., Tusenvis av maler, er den intuitive editor, den ledende design som tar hensyn til en rekke spesifikke felt og bruk saker — alle disse fasetter representerer en plattform som utmerker seg ved å tilrettelegge enkel web design for ikke-tech-savvy brukeren.

Gå til full gjennomgang »

Velg kategorien som best beskriver ditt nettsted. Dette hjelper folk å finne nettstedet ditt, og hjelper Wi imøtekomme plattformen er mangfoldig brukergruppe. Valget vil avgjøre hva slags maler du bla gjennom, så vurder det beste alternativet for stil av nettstedet du ønsker å bygge.,

Wi nå har to alternativer for å lage et nettsted. I tillegg til den tradisjonelle Wi Redaktør, det er også Wi ADI, en kunstig intelligens program som lager tilpassede nettsteder basert på spørsmål du vil svare. Vi anbefaler at du bruker Wi-Editor, som gir deg full kontroll over de tilpasninger som er tilgjengelig på plattformen. Imidlertid, hvis du ønsker å prøve Wi ADI, for all del, gå for det!

Velg fra et bredt utvalg av maler, alle forskjellige avhengig av hvilken type nettsted du oppretter. Filter valg av bilde, søk på nøkkelord, eller sortere gjennom maler etter kategori.,

vell av industri – og nisje-spesifikke temaer tilgjengelig i Wi, er noe jeg synes er spesielt attraktive.

Du kan også velge en tom mal for å starte helt fra bunnen av, eller med en enkel layout.

Hver mal starter med pre-fylt tekst og et bakgrunnsbilde. Malen er et utgangspunkt for å gjøre nettstedet ditt eget. En av de første tingene du bør gjøre på den nye Wi side er å legge til informasjon om virksomheten. Fyll i din merkevare navn, slagord, og andre relevante detaljer ved å klikke på teksten som må byttes ut., Du kan også endre de visuelle aspektene av siden, inkludert bakgrunnen bilde, og legge til eller bytte ut bilder på andre sider på nettstedet ditt.

Det er mange måter å legge til innhold og tilpasse nettstedet. Klikk på Legg til-knappen på menyen til venstre for en skjærer av valg — tekst, knapper, lysbildeserier, menyer, et cetera. Under Apps-knappen, det er mange funksjoner du kan legge til på nettstedet ditt for ekstra funksjoner som kommentarer, live chat, og et internett-butikk. Du kan også laste opp dine egne multimedia-innhold, for eksempel skrifter, bilder, videoer og musikk, og starte en blogg.,

Bare klikk «Publiser» i høyre hjørne for å sette ditt nettsted opp på nettet! Du kan velge et domene, som kan være et gratis domene fra Wix.com eller et tilpasset domene du kjøpe via en domeneregistrator.

Alternativ 2: ved Hjelp av WordPress for å Lage Ditt Nettsted (Middels)

ved Hjelp av WordPress for å lage ditt nettsted er en lignende erfaring med å bruke et nettsted byggmester i form av prosessen. Hvilken plattform du skal bruke er et spørsmål om preferanser. Det kommer an på hvilken som føles mest intuitive til deg, og gir den mest fleksible for nettstedet ditt design og vedlikehold., En stor fordel av å gå med WordPress er det store fellesskapet av støtte, både offisielle og fra andre WP-programvare brukere.

de Fleste hosting planer inkluderer enkel tilgang til WordPress — å installere programvaren med ett klikk, eller enda bedre, ha det forhåndsinstallerte for deg. I de fleste tilfeller kan du bare logge inn på din hosting kontrollpanel og finne alternativet for å installere WP-plattformen. Hvis din hosting-tjeneste ikke har denne muligheten, kan du finne manuell installasjon instruksjoner her. Disse web-vertene gjøre installere WordPress spesielt enkel:

1. InMotionHosting.,com

WORDPRESS RATING
4.9/5.0
  • WordPress pre-installed with NGINX and PHP 7
  • FREE SSL certificate and unlimited bandwidth
  • Automatic plugin, theme, and core updates
  • Features a FREE drag-and-drop WP page editor
  • Premium themes and plugin subscriptions
  • Get started on InMotion now.,
Starting Price/Mo. $4.,99
Pengene Tilbake-Garanti 90 dager
Diskplass 40 GB SSD – 120 GB SSD
Domenenavnet GRATIS (1 år)
Våre eksperter InMotion Gjennomgang

InMotion Hosting, lenge kjent for rimelige og høy ytelse delt hosting alternativer, skrevet WordPress plass med et solid alternativ bygget på selskapets omdømme for god støtte og stabilitet., Det koster en liten premie over andre budsjett-minded valg, InMotion inneholder en del fine funksjoner for å hjelpe rettferdiggjøre at kostnadene forskjell.

Gå til full gjennomgang »

2. Bluehost.com

WORDPRESS RATING
4.9/5.,0
  • Recommended by WordPress Core since 2005
  • FREE SSD storage and SSL certificate
  • FREE domain registration and email
  • Automatic installation and updates
  • 63% discount for HostingAdvice readers
  • Get started on Bluehost now.
Starting Price/Mo. $2.,95
Pengene Tilbake-Garanti 30 dager
Diskplass 50 GB SSD – Ubegrenset
Domenenavnet GRATIS (1 år)
Våre eksperter Bluehost Gjennomgang

Rettet mot personlige bloggere og første gang du bruker det, Bluehost er WordPress hosting-pakker er et flott alternativ til enkel delt hosting., Disse tjenestene kommer på en premie, i forhold til Bluehost er standard felles planer, men WordPress optimalisering og plattform-spesifikke ressurser er uten tvil verdt prisen.

Gå til full gjennomgang »

3. A2Hosting.com

WORDPRESS RATING
4.9/5.,0
  • GRATIS Cloudflare CDN og 1-klikk WP installerer
  • Turbo Server, SSD-speed, og optimalisert caching
  • A2-optimalisert plugins for ytelse og sikkerhet
  • GRATIS SSL-sertifikater og 24/7 support
  • GRATIS HackScan og KernelCare
  • Komme i gang på A2 Hosting nå.
Start Pris/Mo. $2.,99
Pengene Tilbake-Garanti 30 dager
Diskplass Ubegrenset SSD
Domenenavnet Ny eller Overføre
Våre eksperter A2 Hosting Gjennomgang

Som eksperter i ytelse optimalisering, A2 Hosting er en beste valget for å drive ressurs-tung WordPress nettsteder., Selskapet tilbyr delt, eller klarte planer for den meget populære content management system, med de fordelene som strekker seg til Joomla, Drupal, og andre plattformer.

Gå til full gjennomgang »

Se mer WordPress hosts «

Ta litt tid å bli kjent med WordPress backend for kontoen din. Du vil finne hvor du skal administrere dine innlegg, sider og kommentarer, endre nettstedet ditt utseende; add site redaktører; og installere plugins. Dashbordet har alt du trenger for å holde oversikt over innholdet på nettstedet ditt og tilpasse sitt utseende og følelse.,

Under kategorien Utseende i dashbordet, kan du velge fra en rekke gratis temaer (eller velge å betale for ett). Installere et tema er så enkelt som å velge «Install» og deretter «Aktiver» for malen du vil ha. Du kan endre temaet som helst uten å endre annet innhold på nettstedet ditt.

for Å legge til nye sider til ditt nettsted, velg «Sider» og deretter «Legg til Ny.»Du kan gjøre disse sidene er en del av ditt nettsted navigering menyen under Menyene alternativet i kategorien Utseende. For å legge til innlegg (hvis du vil ha en blogg på nettstedet ditt), kan du gå til «Innlegg» og deretter «Legg til Ny.,»

standard WordPress vil plassere ditt siste innlegg på din hjemmeside. For å velge en bestemt side for å tjene som din hjemmeside, velg «Innstillinger» fra dashboard-menyen og deretter velge «å Lese.»På Forsiden Viser avsnittet, opt for «En statisk side» og velg deretter den siden du har opprettet som din hjemmeside.

Plugins er utvidelser — ikke satt opp i WordPress standard — som legger til nye funksjoner til nettstedet ditt. WordPress plugins kan forbedre nettstedets funksjonalitet, hjelpe deg å oppnå de målene du har for nettstedet ditt, og gi dine besøkende en bedre brukeropplevelse.,

Plugins florerer for WordPress brukere! Bare laste ned og installere for å forlenge plattformen er allerede robust funksjonalitet.

For eksempel, Google Analytics-plugin-modulen hjelper deg med å spore din aktivitet på nettstedet, og NextGEN Gallery plugin som lar deg vise bilde gallerier. Under «Plugin» i dashbordet, kan du søke gjennom valg — bokstavelig talt tusenvis av gratis plugins. Bare klikk på «install» og du er godt å gå.

På dette punktet, vil du har opprettet et innhold-fylt, visuelt tiltalende og funksjonelt område., Publisering i WordPress skjer på en side eller et innlegg nivå, så du må klikke «Publiser» for hvert område av ditt nettsted. Du kan vente til nettstedet ditt er helt klar for å starte å publisere innhold eller publisere som du opprette egne sider og innlegg.

Alternativ 3: Bruk HTML for å Lage et Nettsted fra Scratch (Avansert)

For de som ønsker en utfordring og har litt ekstra tid, noe som gjør et nettsted via HTML er verdt å strebe etter som utvikler din forståelse av web-redigering og design., Du kan sette opp en grunnleggende nettstedet ditt på bare noen få timer, og bygge på det som du lærer mer HTML-og CSS-ferdigheter.

Som tilfellet var med de to første nettside-bygningen ruter, det første trinnet er å registrere deg med en hosting leverandør.

BESTE totalvurdering
5.0/5.,0
  • GRATIS nettsted overføre eller nytt nettsted oppsett
  • GRATIS daglig backup, CDN, e-post, og SSL
  • 24/7 ekspert støtte med ingen ventetid på telefon eller chat
  • Anbefalt av WordPress som en topp vert
  • Ideell for jobbrelatert e-post hosting
  • Komme i gang på SiteGround nå.
Start Pris/Mo. $6.,99
Pengene Tilbake-Garanti 30 dager
Diskplass 10 GB SSD – 30 GB SSD
Domenenavnet Ny eller Overføre
Våre eksperter SiteGround Gjennomgang

Med en imponerende bredde av totalt hosting tjenester som tilbys, SiteGround er en ledende innovatør i hosting plass — fra tilpasset programvare løsninger til premier kundestøtte., Selskapet tilbyr komplett utvalg av web hosting funksjoner, inkludert en gratis Cloudflare CDN, cPanel med SSH-tilgang og ubegrenset MySQL databaser og båndbredde — for ikke å nevne premie-verdig kundestøtte.

Gå til full gjennomgang »

Se alle topp web verter «

for Å skrive HTML-koder, trenger du en høy kvalitet tekst editor som henvender seg til språket på nettet. Notepad++ er et godt alternativ for Microsoft brukere, mens TextMate er ideelt for Mac-brukere. Cross-plattform tekst redaktører inkluderer Atom og Sublime Tekst.,

Nettsteder kan være bygget strengt ved hjelp av HTML, som kan oversettes til tekst-filer navngis med extension .HTML. Den viktigste side av nettstedet ditt er vanligvis tittelen indeks.HTML. Opprette denne filen og lagre den, for så å fylle det med den grunnleggende rammen av dine HTML-sider. Det vil se ut noe som dette:

På sitt enkleste, dette er hva nettstedet ditt er hovedindeksen side skal se ut når du er å utforme den opp i din tekst editor.

<html> – kodene omslutte hele innholdet på siden din, og indikerer at dette er et HTML-dokument., <head> – koden omfatter din side tittel, meta-tags (fortelle nettleseren detaljer om din side innhold og skjerm), og referanser til en ekstern CSS-filer for styling din side. Den faktiske innholdet på siden din går mellom <body> – tagger.

Når du bygger nettstedet ditt, vil du ønsker å organisere filene dine i mapper i henhold til den strukturen du ønsker at området skal vises i. For eksempel, du kan opprette en mappe for din Om-side som har hoved om.,html-filen, så vel som alle relaterte CSS som gir stil til ditt nettsted og andre HTML-filer som støtter innholdet. Når du legger til koblinger på hele nettstedet ditt til nettstedets sider, vil du referanse deres mappe i mappen der du vil lagre filene.

Skriv innholdet i <body> – delen av hvert .html-fil (dvs. hver side) på nettstedet ditt. Her er noen viktige koder å vite så du bygge ut nettstedet ditt:

  • <header> angir toppen av dokumentet og er der siden tittel og logoen vises.,
  • <nav> brukes til å bygge nettstedet menyen, hovednavigasjon på nettstedet ditt der besøkende finne topp-nivå nettstedet lenker.
  • <section> angir hovedinnholdet på siden din. Det er brukes til å gruppere lignende innhold på en side. Tenk på artikler du finner på nettet som er gruppert under enkelte overskrifter.
  • <article> brukes for de enkelte deler av innholdet på en side, for eksempel en blogg innlegg, et bilde, en video eller annen multimedia. Det er en måte å strukturere siden, slik at disse elementene kan være lett å skille.,
  • <footer> er bunnen av nettsiden. Dette området er ofte der folk setter sin kontakt informasjon, vilkår for bruk, personvern og andre diverse, men viktig informasjon.

Fylt på med disse kodene, den grunnleggende strukturen på siden din vil se ut som dette:

Komplett med HTML-tagger, ditt nettsted er grunnleggende side strukturen skal se noe som dette i din tekst editor.

Du vil også ønsker å legge til en grunnleggende navigasjon bar for nettstedet ditt. Dette gir enkel tilgang til de viktigste sidene på nettstedet ditt., Vil du bruke <nav> – koden og <ul> eller usortert liste-taggen til å sette dette opp.

I HTML-format, nettstedet ditt hovednavigasjon er faktisk bare en unummerert (tror kuler) liste over Nettadresser.

Og voila! Nå dine besøkende enkelt kan navigere til bloggen din, produkt sider, slipper du en linje på kontakt-siden, bla kunde attester, og tilbake til hjemmesiden igjen!

Du kan gjøre nettstedet ditt mer visuelt interessant med formatering, farger og bilder bare ved hjelp av HTML., Imidlertid, å innlemme CSS, eller cascading style sheets, til nettstedet ditt og gir deg mye mer kontroll over sitt utseende, og nettsteder som bruker CSS se mer profesjonelle samlet.

Legg til ytterligere tilpasning og design regler til nettstedet ditt ved hjelp av CSS-filer.

CSS er spesisert i egne CSS-filer. Den viktigste filen er vanligvis tittelen stil.css. Noen grunnleggende funksjoner av CSS inkluderer å legge til farger, kantlinjer og bakgrunner, og bruke boksen modell for å organisere innholdet på sidene dine., Dette trinnet er mer avansert enn å bruke grunnleggende HTML, men i stor grad kan forbedre utseendet på ditt nettsted.

Når du er fornøyd med den generelle layout, kan du publisere nettstedet ditt. Det er helt greit hvis nettstedet ditt er svært enkel å starte med. Så lenge det ser profesjonelt, du kan føle deg godt om å legge det ut på nettet, og forbedre det som du utvikler mer HTML og CSS ferdigheter.

Alll Gjort!, Nå for Harde Delen… å Legge til Innhold

Som var tilfellet for vår event-planlegging venn, du kan ikke tro at du kan bygge ditt eget nettsted ved første — men sannheten er at det er nå enklere enn noensinne for nybegynner å skape en funksjonell og visuelt tiltalende nettsted som folk ønsker å besøke. Med hjelp av internett-ressurser og støtte fra WordPress samfunnet, min venn bygget et nettsted hun var stolt av – og det kan du også.

Det viktigste å vurdere om nettstedet ditt er innholdet, da dette vil være det som trekker folk til å gå og holde lesing., Tenk på hva du vil at nettstedet skal være på, enten det er din bedrift eller en blogg på et bestemt emne. Tenk nøye fordi dette vil avgjøre din web design retning, også. Når du har fått noen innhold ideer og en konkret plan, er du klar til å starte ditt nettsted bygge opplevelse.

Annonsøren Offentliggjøring

HostingAdvice.com er en gratis online ressurs som tilbyr verdifullt innhold, og sammenligningen tjenester til brukerne. For å holde denne ressursen 100% gratis, vi mottar kompensasjon fra mange av de tilbudene som er oppført på nettstedet., Sammen med tasten gjennomgang faktorer, denne kompensasjonen kan få betydning for hvordan og hvor produkter vist på nettstedet (inkludert, for eksempel, den rekkefølgen de vises). HostingAdvice.com ikke omfatter hele universet av tilgjengelige tilbud. Redaksjonelle meninger som uttrykkes på denne nettsiden er strengt våre egne, og er ikke gitt, godkjent, eller som er godkjent av annonsører.

Våre Redaksjonelle Policy Review

Vår side er forpliktet til å publisere uavhengige, nøyaktige innholdet styrt av strenge redaksjonelle retningslinjer., Før artikler og anmeldelser er publisert på vårt nettsted, de gjennomgå en grundig gjennomgang prosess utført av et team av uavhengige redaktører og gjenstand eksperter for å sikre at innholdet er nøyaktighet, aktualitet, og upartiskhet. Vår redaksjon er en separat og uavhengig av vår side annonsører, og de meninger de express på vår side er deres egen. For å lese mer om våre medarbeidere og deres redaksjonelle bakgrunner, vennligst besøk vår side Om side.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

Hopp til verktøylinje