Gå til innhold
erikstein

Hjelp til å forstå basic html/css...

Recommended Posts

erikstein    189
erikstein

Jeg skal "lage" en hjemmeside for en bekjent.

På 90-tallet var det enkelt..man gjorde noe greier i en HTML-fil og vips så funka linker og alt.

Nå er det værre...jeg har funnet en template (i utgangspunktet inneholder den "ingenting")

Noe av det ser slik ut:

<div class="mid">
<div class="mid-left">
<ul class="left-nav">
<li><a href="#">Hjem</a></li>
<li><a href="#">Bestill time</a></li>
<li><a href="#">Behandling</a></li>
<li><a href="#">Kontakt oss</a></li>
</ul>
For de som har peil, så skjønner de sikkert at det er en meget enkel "navibar" til venstre på skjermen.
Så kommer problemet. Jeg vil kunne trykke på f.eks "Bestille time" også åpner den seg på siden og menyen er der...så skal jeg kunne trykke på "hjem" og jeg er tilbake til startsiden hvor jeg da har skrevet noen vettuge ord...
Har guggla dette i snart 1 time og "alle" forstår tydeligvis dette, så jeg finner ingen forklaring :D
Eksempel:
<div class="mid">
<div class="mid-left">
<ul class="left-nav">
<li><a href="#">Hjem</a></li>
<li><a href="/sider/bestilling.html">Bestill time</a></li>
<li><a href="#">Behandling</a></li>
<li><a href="#">Kontakt oss</a></li>
</ul>

Om jeg gjør det slik så åpner den jo bare "bestilling.html og hele "nettsiden" forsvinner..hehe.

Hjelp en gnom i nød :(

Del dette innlegget


Lenke til innlegg
Del på andre sider
wanvik    149
wanvik

Veldig kjapt svar; ta med alt sol ikke er unikt for "hjemsiden" over i bestilling.html-fila.

Skal gi deg et mye bedre svar når jeg er på ordentlig nett med ordentlig maskin igjen.

Del dette innlegget


Lenke til innlegg
Del på andre sider
Anaxyd    114
Anaxyd

Jeg har ikke så mye tid, så skriver kort:

- Lag 4 filer:

-- index.html

-- bestilling.html

-- behandling.html

-- kontakt.html

I alle disse filene lager du et "rammeverk" som inneholder, header, nav og body, du er jo allerede godt på vei. Lag f.eks index.html fila først, da dette er forsiden/hjem. Når den er ferdig, kopierer du innholdet over i de andre filene og endrer deretter.

Eksempel:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

(les mer her: http://www.w3schools.com/default.asp, bra side med enkel info om HTML, CSS osv)

- Link sammen filene slik som du har begynt på i a taggene

-- /index.html

-- /bestilling.html

-- osv

Done. Husk at alt er tungvint på denne måten, skal du justere på f.eks menyen må dette gjøres i alle filene.

Brotip: Benytt heller Wordpress og finn en passende template. Dette er ganske greit å lære seg, og lett å sette opp i forhold til mye annet. Og alt er dynamisk.

Del dette innlegget


Lenke til innlegg
Del på andre sider
Kristian Nafstad    39
Kristian Nafstad

Hei,

Som Anaxyd er det tipset han kom med veldig tungvint (dog ikke Brotipset)

Siden du allerede har funnet et template ville jeg gjort følgende:

1. Lag en mappe som heter "Template"

2. Lag følgende filer: header.php, footer.php

3. Del opp header og footer og legg inn i deres filer.

I header ligger alt før div for content.

I footer ligger alt etter du har avsluttet div for content.

Nå må du jo endre filene dine fra .html til .php.

index.php kan da se sånn ut:

<?PHP // Starter PHP

include 'template/header.php';

echo '<div id="content"><h1>Forside</h1><p>Lorem Ipsum</p></div>';

include 'template/footer.php';

?> <!-- Avslutter PHP -->

Dette sparer deg for mye tid, og du har åpnet muligheten for å benytte PHP på hele nettsiden.

Alternativt:

<?PHP // Starter PHP

include 'template/header.php';

?> <!-- Avslutter PHP -->

<!-- Masse HTML koding -->

<div id="content"><h1>Forside</h1><p>Lorem Ipsum</p></div>';

<? // Starter PHP

include 'template/footer.php';

?> <!-- Avslutter PHP -->

Del dette innlegget


Lenke til innlegg
Del på andre sider
erikstein    189
erikstein

Er klar over at den er lite "konfigurerbar" for å si det slik..

Beklager sent svar, har fått lest men ikke svart (påskefest).

Da skal jeg se på det dere har skrevet og prøve meg frem :)

Har ferie nå, så da skal jeg se innom wordpress...har lekt meg litt med dreamweaver tidligere, men aldri laget noe spesielt der :)

Takker for hjelpen!

Del dette innlegget


Lenke til innlegg
Del på andre sider

Opprett en konto eller logg inn for å kommentere

Du må være medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Registrer ny konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå


  • Hvem er aktive   0 medlemmer

    Ingen innloggede medlemmer aktive

Informasjon

© Detailers Club Norway AS 2007-2017

Sosialt

Om oss

Her tar vi for oss det meste innen bilpleie. Alt fra vask til polering på hvordan du skal få din bil til å bli så blank som mulig

×