Er begyndt på multimediedesigner hvorefter vi skal lære html mm.
Lige et par commands jeg ikke forstår:
<div id="header">
<div id="sidebranding">
<div id="tagline">
Jeg er ingen haj inu til dette, men efter lidt google tror jeg nu, at det betyder hvordan man "deler sin webside op, således man kan centere tekst mm ?
Nogen der kan give mig en forklaring vil jeg blive glad :-)
tak for hjælpen
/Lars
html "div" command
09-09-2010 21:32
#1|
0
09-09-2010 21:37
#2|
0
hej, du bruger div i forbindelse med al din styling i et css separat design dokument.
så kan du lave design til alle dine sider og kun rette dem et sted i stedet for hver html side.
CSS= cascade style sheet
09-09-2010 21:43
#3|
0
Et div tag en container. En container der kan indeholde et eller flere elementer. Starter med <div> og slutter med </div>. Det som er imellem er elementerne som er i denne kasse.
09-09-2010 22:14
#4|
0
RekiB OP
Uddrag fra min bog som jeg ikke forstår. Dog lidt rettet med andre titler mm.
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<head>
<title> hjemmeside bla bla bla </title>
</head>
<body>
<div id="header">
<div id="sidebranding">
<h1>< Velkommen til hjemmesiden</h1>
</div>
<div id="tagline">
<p> En webside hvor Lars vil blogge omkring projektet på skolen mm. </p>
</div>
</div> <!-- end of header div -->
<div id=bodycontent">
<h2> Info om mig </h2>
<p> tekst bla bla bla bla bla bla bla bla </p>
</div> <!-- end of bodycontent div -->
</body>
</html>
Jeg forstår det stadig ikke hvad de gør i dette dokument !
09-09-2010 22:36
#5|
0
Jeg læser også selv multimediedesigner er dog på 3. semester..
Jeg vil kraftigt forslå dig at starte på www.html.dk
Der er super gode tuts og forklaringer af hvordan det helt basale (x)html, som du forklarer der hænger sammen..
Men ellers som de andre mht. div'er.. "Bokse" du laver som indeholder ting der kan gå igen på samtlige html sider du nu laver.. Efter du har lavet en div, bruger du så CSS til at style den med, positioning, size, text, color og alt muligt andet..
Men det bedste du virkelig kan gøre er at lægge noget tid i html.dk, ellers lærer i det nok hurtigt på klassen :)
09-09-2010 22:40
#6|
0
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.(...);
<head>
<title> hjemmeside bla bla bla </title> Det der står i toppen af din browser
</head>
<body> Helen kroppen af dit html,php etc dokument
<div id="header"> Bruges ofte om toppen af et site, her på PN f.eks. logo, og den menulinje
<div id="sidebranding"> Til overskriften vil jeg tro
<h1>< Velkommen til hjemmesiden</h1> Header tags, std formateret i html til større og bold skrift, samt søgemaskiner leder efter header tags
</div>
<div id="tagline">
<p> En webside hvor Lars vil blogge omkring projektet på skolen mm. </p>
</div>
</div> <!-- end of header div --> <- god idé du laver udkommentering af hvilken div du lukker hist og her
etc. etc. etc.
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.(...);
<head>
<title> hjemmeside bla bla bla </title> Det der står i toppen af din browser
</head>
<body> Helen kroppen af dit html,php etc dokument
<div id="header"> Bruges ofte om toppen af et site, her på PN f.eks. logo, og den menulinje
<div id="sidebranding"> Til overskriften vil jeg tro
<h1>< Velkommen til hjemmesiden</h1> Header tags, std formateret i html til større og bold skrift, samt søgemaskiner leder efter header tags
</div>
<div id="tagline">
<p> En webside hvor Lars vil blogge omkring projektet på skolen mm. </p>
</div>
</div> <!-- end of header div --> <- god idé du laver udkommentering af hvilken div du lukker hist og her
etc. etc. etc.
09-09-2010 22:49
#7|
0
Der er to tags som ofte bruges til at gruppere indhold på en webside : div og span. De fleste som bruger CSS til at styre layout foretrækker span da den ikke har nogen layoutmæssig effekt i sig selv hvorimod div laver et "Paragraph break" - i praksis et linieskift i de fleste browsere.
Når man tilføjer id="navn" så bliver det muligt at tilføje formattering i CSS ved at referere til navn i stylesheetet - og det bliver muligt at addressere elementet fra kode - javascript f.eks.
Ofte bruger man class="navn" istedet for id="navn" når det er generel formattering man vil lave, da du kan have mange elementer med samme class men kun 1 med en given id.
09-09-2010 22:52
#8|
0
RekiB OP
Hey Zero
Jeg læser også på html.dk
Det var nu kun de forskellige "div" commands jeg ikke forstod :-)
Tager den lige med læren for jeg forstår det stadig ikke helt..hehe
09-09-2010 23:02
#9|
0
du opretter et div tag f.eks. til at holde banneret i. dette div har så et id(div="nav") hvis i bruger style sheets eks. style.css kan du gå ind i dette dokument og "style" det div som er i din html ved at sige
#navn{
width:(indsæt pixels antal)px;
hight: gentag;
background-color:red;
} (((edit den skulle lige afsluttes)))
her vil du så set at din div er blevet til et rødt felt så er x pixels gange x pixels.
hvis i ikke bryger et seperat style sheet skal du blot lave en text fil med .css og tilføje stien i din meta data som er det oppe i toppen af dit html dokument. lige oven over </head>
<link rel="stylesheet" type="text/css" href="style.css">
det er stien hvis hvis de er i samme mappe og du har kaldt filen style.css
10-09-2010 01:09
#10|
0
Bare for at være en nar, så udfører man ikke "commands" i html. Html står for HyperTextMarkupLanguage, det ved du sikkert godt, men det eneste man reelt set gør at fortælle browseren hvordan dokumentet skal se ud. Det har intet med programmering at gøre. Det er så op til browseren at rendere og fortolke dit markup.
Mht. det du kalder "commands"... Er det så id'erne du snakker om?
<div id="a"> giver denne div id 'a'. I css kan dette bruges til at formatere præcis den div der har id 'a'. Dette specificeres i css-dokumentet fx sådan: #a{ color: red; }.
Man kan også bruge class, som bruges på samme måde. Forskellen er at id er unik; der kan kun være et element med id 'a', men hvis vi havde skrevet <div class="a"> kunne vi oprette flere (uendelig mange) elementer med css klassen a.
I css defineres class som et punktum, i stedet for #: .a{ color: red; }
@Zaphod2000
Det er ikke helt korrekt. Div er et block element (defineret ved display: block), hvor span er et inline element (display: inline). Span har altså ligeså mange default egenskaber som div.
Det giver ikke mening at foretrække span frem for div, da de for det første bruges til vidt forskellige ting og for det andet udover overstående blot er en css placeholder (ligesom det nye html5 <header>-tag. Hvis man bruger et span, som man ville bruge et div, så er man bare en dårlig webudvikler, eller også forstår man ikke forskellen på de to.
Du skal være logget ind for at kunne skrive et svar!