Permalänk
Medlem

HTML-sida med egen bakgrund?

Hejsan! Jag har pecis lärt mej grunderna i HTML och kan de flesta basic koderna. Jag undrar bara, kan jag först göra en bild (som liknar en riktig hemsida, flikar för t.ex Home, Contact bla bla) i t.ex Photoshop och sen använda den som bakgrund i min sida?
Ifall det går, visst blir tagen då <img src="bildnamn.bildformat"/> ?

Och en sista grejj, om jag vill göra "länkar" eller vad man ska kalla det i sidan, så att ifall jag trycker på flikan "Contact" så kommer jag vidare till en sida där det står min Email eller något liknande. Hur gör jag det?

Det jag vill ha är alltså en hemsida ungefär som Sweclockers fast mycket enklare skulle man kunna säga. En logga med text längst upp, flikar nedanför det och sedan texten för varje flik, beroende på vilken man trycker på då, mitt på sidan. Skulle vara väldigt tacksam för ett svar!

Permalänk

Du har ännu inte lärt dig grunderna i HTML.

Ingen gör en hemsida som en enda stor bild.

Du kan börja lära dig på W3 Schools. Lycka till

Visa signatur

[4790k@4.6]+[RTX 3070 OC]+[16GB]+[4x SSD]+[NZXT+700W Gold]+[Win7]+[2x ÄGskärm SA27950D!]+[Topre TKL]+[G403 Hero wired]+[HyperX Cloud Alpha S]+[KingKong 2 Pro]

Permalänk
Medlem

Ja, det går att använda en bakgrund som hemsida men då måste du sätta ut position för vart man ska klicka.
Jag skulle absolut inte rekommendera det.
Men om du promt vill testa.. http://www.w3schools.com/tags/att_area_coords.asp

Ja, det är rätt tagg för att lägga in en bild, men riktigt så enkelt är det inte.
Du måste lära dig använda CSS(Cascading Style Sheet) för att strukturera din sida, CSS går hand i hand med HTML för att skapa grunden för alla sidor.

Exempel på en CSS kod:(dessa fungerar ej att skriva in direkt i HTML kroppen)

//lägger till bakgrundsbild på sidan
body {
background-image: url('images/dinbild.jpg');
}

//Skapar en grön ruta på sidan som är 100*100 pixlar
#ruta {
width: 100px;
height: 100px;
background-color: green;
}

För att göra fler sidor så är det bara att kopiera din förstasida, döpa om filen, sen länka till den..
Sen ändrar du bara innehållet på sidan.

Tex.
Förstasida
index.html

Contact:
contact.html

Exempel meny.(dessa länkar bör finnas på båda sidorna)

<a href="index.html">Home</a>
<a href="contact.html">Contact</a>

Det du ska göra är alltså att lära dig lite mer HTML samt kombinera det med CSS för att bygga ett ramverk på sidan.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Medlem

Som andra har påpekat måste du först lära dig CSS. Det går ganska snabbt att lära sig grunderna. Efter att du har förstått uppdelningen mellan innehåll (HTML) och utseende (CSS) så skulle jag rekommendera dig att titta igenom någon "tutorial" på Youtube som visar hur man konverterar en PSD-fil till HTML och CSS. Det fungerar inte riktigt som du har tänkt dig, men det är inte supersvårt heller. Här är en bra videoserie av Chris Coyier på CSS-Tricks. http://www.youtube.com/watch?v=I7qnS_d9idY

Lycka till!