Fråga från nybörjare om ett grundläggande webbdesignsproblem

Permalänk
Medlem

Fråga från nybörjare om ett grundläggande webbdesignsproblem

Jag undrar om någon kan tipsa en nybörjare, jag håller på med en hemsida där det ska ligga samma bakgrundsbild på startsidan och alla undersidor.
På alla sidor ska ligga samma länkar och logga, det som ska bytas ut när man klickar på en länk ligger mitt på sidan.
Hur brukar man göra, om jag gör en html-sida för varje undersida så måste ju bakgrundsbilden laddas om varje gång, den försvinner för att sen komma tillbaka, inte snyggt.
Jag har provat att göra det i en enda html-sida med divvar som visas och döljs när man klickar på länkarna, men med över 20 undersidor så blir det en väldigt omfattande sida. Någon expert som kan tipsa om hur man brukar göra på bästa sätt?

Permalänk
Medlem

i html så kan du inte komma runt det. du får köra med en css fil för din layout.

Visa signatur

NZXT 810 Switch, Corsair AX860i, Maximus V Formula, I7 3770K ,Asus GTX 680, Corsair vengance 1866Mhz 32gb Ram, Samsung 850 Pro 256Gb, Samsung 840 basic 500Gb, WD 2Tb Caviar Green,120GB, Komplett vattenkylning

Permalänk
Medlem

CSS går hand i hand med HTML, om du inte har lärt dig CSS så rekommenderar jag att du börjar nu(är väldigt enkelt)

Lägg denna innanför din <header> </header> i ALLA HTML filer(sidor).

<link rel="stylesheet" type="text/css" href="css/style.css">

Skapa sedan en vanlig textfil, i den skriver du:

body { margin: 0; padding: 0; background-image: url('länk till bild'); }

Spara som style.css
skapa helst en mapp som heter css där din style fil ligger (för att det ska bli mer struktur i arbetet)

Nu kommer samma CSS fil laddas för alla dina sidor, och din bakgrundsbild kommer automatiskt att finnas på alla sidor som skapas.

Jag rekommenderar att du bygger klart din startsida.
Den du sedan gör är att kopiera din startsida, döper om den och sedan ändrar innehållet i den.
Alla dina sidor kommer då se likadana ut, men ha olika innehåll.

Kom ihåg att det är lättast om du vet vad alla dina sidor ska heta först, så att du enkelt kan skapa korrekta länkar på din startsida innan du börjar kopiera den, annars måste du manuellt ändra länkarna för alla sidor.

Vill du göra den ÄNNU enklare och mer framtidssäkert så kan du ta en titt på det här.(rekommenderas)
http://www.1stwebdesigner.com/css/how-to-create-php-website-t...

Visa signatur

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

Permalänk
Medlem

följdfråga...

Tusen tack för hjälp. Jag har provat med css-varianten. Det blir mycket bättre, men bilden laddas om (i o f snabbt) när jag testar med Internet explorer, men ser snyggt ut med t ex Chrome. Jag har bara testat lokalt. Är det så med IE, att det inte går att komma ifrån?

Permalänk
Medlem
Skrivet av Lorpan:

Tusen tack för hjälp. Jag har provat med css-varianten. Det blir mycket bättre, men bilden laddas om (i o f snabbt) när jag testar med Internet explorer, men ser snyggt ut med t ex Chrome. Jag har bara testat lokalt. Är det så med IE, att det inte går att komma ifrån?

Att koda för IE är ett helve*e, säger bara skit i IE och fokusera på Safari, Mozilla och Chrome.

Visa signatur

Kom ihåg att ALLTID citera mig om du vill ha svar!

|CPU: Intel Core i7 4790K Kyld av: Corsair H80 GPU: ASUS GTX 970 4GB Chassi: Phanteks Enthoo Evolv MOBO: MSI Z97M Gaming Nätagg: XFX 750W Silver SSD: Kingston 120GB SSDNow V300 HDD: Samsung Spinpoint F3 1TB 7200RPM + 1TB|

Permalänk

Ett sätt som är rätt oldschool är ju att bara göra sidan i frames, så "hackar du upp biden, och bara uppdaterar mitten-framen när man klickar på de olika länkarna. då, beroende på hur sidan är så kan du behöva ladda om vissa delar av bilden bara.

Visa signatur

WS1: | Gigabyte X670 G AX | Ryzen 9 7950x3D | 32GB G.Skill Trident Z5 NeoRGB | RTX 3070 Strix White edition | Corsair RM650i | Lian-Li O11 | EK Nucleus CR360 | WS2: | Asus RoG Strix X470-F | Ryzen 7 2700x | 16GB G.Skill Flare X | Asus RoG Strix 1070 OC | Lian-Li PC-O11 Dynamic | ESX Srvr1 | Mac Pro 6.1 |Xeon E5-1620v2 | 32GB ECC DDR3 | ESX Srvr2 | MSI B450-A Pro MAX | Ryzen 7 3700x | 64GB Corsair | Jonsbo UMX4

Permalänk
Medlem
Skrivet av Lorpan:

Tusen tack för hjälp. Jag har provat med css-varianten. Det blir mycket bättre, men bilden laddas om (i o f snabbt) när jag testar med Internet explorer, men ser snyggt ut med t ex Chrome. Jag har bara testat lokalt. Är det så med IE, att det inte går att komma ifrån?

Ja, explorer är skräp, något du kommer lära dig inom webbdesign.
Hur stor filstorlek är det på bakgrundsbilden? brukar avgöra hur fort den laddar in bilden.

Men Firefox/chroome behandlar laddning av bilder på ett annat sätt än explorer.

Visa signatur

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

Permalänk
Medlem

Kolla upp annars nåt bra cms.. joomla, drupal, wordpress kanske nåt för dig.. joomla är lätt att förstå och komma igång med. Www.joomla.org
Där finns allt och med ett bra forum..

Visa signatur

NZXT 810 Switch, Corsair AX860i, Maximus V Formula, I7 3770K ,Asus GTX 680, Corsair vengance 1866Mhz 32gb Ram, Samsung 850 Pro 256Gb, Samsung 840 basic 500Gb, WD 2Tb Caviar Green,120GB, Komplett vattenkylning

Permalänk
Medlem
Skrivet av Akarr:

Kolla upp annars nåt bra cms.. joomla, drupal, wordpress kanske nåt för dig.. joomla är lätt att förstå och komma igång med. Www.joomla.org
Där finns allt och med ett bra forum..

Tycker det är bäst att lära sig grundläggande html & css innan man hoppar på ett CMS system.
Men det är min åsikt.

Visa signatur
Permalänk
Medlem
Skrivet av FobbanN:

Att koda för IE är ett helve*e, säger bara skit i IE och fokusera på Safari, Mozilla och Chrome.

Ja, IE är skit dock så tycker jag att de nya versionerna har bättrat sig radikalt och man ska definitivt inte utesluta IE, speciellt när många företag och annat folk kör IE.

Visa signatur