Hoppa till innehåll

Hur Man Skapar En Hemsida


DenSmarte

Rekommendera inlägg

Är fortfarande in stavnings rättad eller grammatik rättat. Bilderna hade jag inte tid att lägga upp, men allt detta kommer finnas senare / ändrat i en word dokument som jag gladeligen kommer att ladda upp. Det här är skriven för nybörjare och är bara ett litet försmak. Ge inte kritik över felstavningar samt grammatik fel ge lite kritik över hur guiden är hittils.

 

Hur man skapar en hemsida

Förord

Att skapa en hemsida är relativt enkelt det gäller bara att kunna komma ihåg hur man skriva det koden och att vara kreativ samt aktiv i det hela. Det kommer absolut inte räcka att läsa den här korta guiden till att skapa en stor bra hemsida. Jag erkänner det själv. Det du däremot kommer att lära dig är en bra bit på väg till att skapa en bra hemsida. Jag önskar dig lycka till samt trevlig läsning.

DenSmarte

Hur skapar man hemsidan?

För att skapa en hemsida behöver du en texteditor, men för att göra det enkelt kan du använda anteckningar. Mer om bättre texteditor för kodning senare i ”guiden”. I själva texteditorn kommer vi att skriva kod, vi kommer att skriva HTML kod. HTML är det kodningspråket man använder för att skapa en hemsida och taggar som <h2> är HTML.

Enkel HTML sida?

Om vi nu ska börja med att skriva en enkel hemsida öppnar vi anteckningar ”Start” ”Kör” skriv in: notepad tryck ok, done.

I programmet/editorn skriver vi in följande:

<html>
<head>
<title>Min hemside titel!</title>
</head>
<body>
<h1>En stor rubrik!</h1>
<h2>En mindre rubrik, men fortfarande stor!</h2>
</body> 
</html>

Spara som index med filändelsen “.html” som i bilden nedan:











Notera hur jag har markerat över ”Alla filer” under Filformat och så ska det vara om du väljer det övre alternativet kommer det att sparas som textdokument (där man skriver vanlig text) och det kommer inte att kunna köra det här html dokumentet/sidan.

Nu om nu öppnar index.html som vi sparade filen som i t ex Internet Explorer eller Firefox kommer det här resultatet.

Ännu en notering kan vara att säga glöm inte att du kan spara filen som vad du vill, men senare när du laddar upp till ett webbhotell kommer det alltid (oftast) vara index.html/php/asp som körs när man går in på hemsidan, inte bavdhafdh.html, ok?

Så kom ihåg spara alltid som index.html för första sidan, mer om hur man gör länkade mellan olika filer senare i guiden.

Hur som helst, resultatet:



















<title>Min hemside titel!</title> - Skriver ut ”Min hemside titel!” i toppen.
<h1>En stor rubrik!</h1> - Skriver ut ”En stor rubrik!”
<h2>En mindre rubrik, men fortfarande stor!</h2> - Skriver ut ”En mindre rubrik, men fortfarande stor!”

Som du ser är varje rad ovan mellan två taggar en start tagg och en slut tagg. Om vi för exempel vill skriva en hel text i fet text skriver vi först start taggen och där vi vill att den feta texten ska sluta skriver vi slut taggen t ex.

<b>Min feta</b> text.

Det kommer att göra att Min feta blir fet och text normal. Alltså är <b> start taggen och </b> slut taggen.

Som du ser är det ett mönster för alla taggar som jag visat i det första exemplet <b> och alla andra start taggar är likadana och samma gäller slut taggen </b> som alla andra slut taggar i exemplen ovan.
[u][/u]

 

De långa mellan raderna är en bild.

 

Tack!

Länk till kommentar
Dela på andra sajter

Det finns faktiskt redan en mycket lik guide, som ungen säger.

 

Vad jag kan se lär han inte ut "html" ;) Om du menar den han postade.

 

Hur gör man?

Om du inte kan HTML eller något annat så rekommenderar jag boken:

Hur man gör en hemsida, från pagina.se

 

Annars om du inte vill betala så kolla in följande sidor:

http://www.tiger.se/dok/htmltext.html

http://www.webdesignskolan.com/

Båda är på svenska.

Länk till kommentar
Dela på andra sajter

Gäst Member

Sök på Google om du vill få fram något, kan dock inte hjälpa dig.

 

Men kan försöka hjälpa dig på traven, det enda jag kan om kodning av hemsidor och så är: Du måste kunna PHP och CSSL sedan HTML.

Länk till kommentar
Dela på andra sajter

Gäst Member

Sök på Google om du vill få fram något, kan dock inte hjälpa dig.

 

Men kan försöka hjälpa dig på traven, det enda jag kan om kodning av hemsidor och så är: Du måste kunna PHP och CSSL sedan HTML.

vad är CSSL? :rolleyes:

 

 

Det är en kodning, HTML är också en kodning. Svårt att förklara vad kodningar är.

Länk till kommentar
Dela på andra sajter

Sök på Google om du vill få fram något, kan dock inte hjälpa dig.

 

Men kan försöka hjälpa dig på traven, det enda jag kan om kodning av hemsidor och så är: Du måste kunna PHP och CSSL sedan HTML.

vad är CSSL? :rolleyes:

 

 

Det är en kodning, HTML är också en kodning. Svårt att förklara vad kodningar är.

 

Har aldrig hört talas om CSSL däremot CSS som betyder cascading style sheets Redigerat av Planin
Länk till kommentar
Dela på andra sajter

Sök på Google om du vill få fram något, kan dock inte hjälpa dig.

 

Men kan försöka hjälpa dig på traven, det enda jag kan om kodning av hemsidor och så är: Du måste kunna PHP och CSSL sedan HTML.

vad är CSSL? :rolleyes:

 

 

Det är en kodning, HTML är också en kodning. Svårt att förklara vad kodningar är.

 

Har aldrig hört talas om CSSL däremot CSS som betyder cascading style sheets

 

Säger man verkligen betyder?

Länk till kommentar
Dela på andra sajter

Sök på Google om du vill få fram något, kan dock inte hjälpa dig.

 

Men kan försöka hjälpa dig på traven, det enda jag kan om kodning av hemsidor och så är: Du måste kunna PHP och CSSL sedan HTML.

vad är CSSL? :rolleyes:

 

 

Det är en kodning, HTML är också en kodning. Svårt att förklara vad kodningar är.

Har aldrig hört talas om CSSL däremot CSS som betyder cascading style sheets

 

Säger man verkligen betyder?

 

står för då?
Länk till kommentar
Dela på andra sajter

Gå med i konversationen

Du kan skriva nu och registrera dig senare. Om du har ett konto, logga in nu för att posta med ditt konto.

Gäst
Svara på det här ämnet...

×   Klistrade in som rich text.   Klistra in som vanlig text istället

  Endast 75 emojis är tillåtet.

×   Din länk har automatiskt inbäddats.   Visa som en länk istället

×   Ditt tidigare innehåll har återställts.   Rensa redigeraren

×   Du kan inte klistra in bilder direkt. Ladda upp eller infoga bilder från URL.

×
  • Skapa ny...