Hva betyr <div>

[NeEeO]

Hva betyr <div>?

-.-.-.-.-.-.-.HTML-.-.-.-.-.-.-

og forresten, vis jeg skal bli webdesigner må jeg klare meg uten Dreamweaver? Jobber designerne uten adobe dreamviewer eller et lignene program? Om man må kunne så mye er jeg dø.

Unitedman

Gutt på 13år.

Endret 28. april 2010 av Unitedman

[vesleengen]

<div> står for divisjon

 

De fleste bruker programmer som Dreamweaver, da det gjør jobben enklere og mer organisert, men du kan lage sider bare ved hjelp av notepad.

 

Du må kunne HTML og CSS, samt minst litt Photoshop og Javascript, og gjerne litt Flash.

 

Om du lurer på noe så bare spør.

[NeEeO]

Men jeg lurer på noe, jeg kopierte denne kilden, ,lurer på om jeg må kunne de lange tekstene...

<img src="Images/Top%20Glyph%202.png" alt="" id="id3" style="border: none; height: 29px; left: 553px; opacity: 1.00; position: absolute; top: 20px; width: 48px; z-index: 1; " />
       </div>
       <div style="height: 24px; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
         <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
         <div style="background: url(Velkommen_files/navbar_background.png); height: 24px; left: 0px; position: absolute; top: 0px; width: 700px; z-index: 1; ">
           <div style="background: transparent url(Velkommen_files/navbar_separator_0.png) no-repeat scroll center; height: 24px; left: 291px; position: absolute; top: 0px; width: 11px; z-index: 1; "></div>
           <div style="background: transparent url(Velkommen_files/navbar_separator_1.png) no-repeat scroll center; height: 24px; left: 362px; position: absolute; top: 0px; width: 11px; z-index: 1; "></div>
           <div style="background: transparent url(Velkommen_files/navbar_separator_2.png) no-repeat scroll center; height: 24px; left: 430px; position: absolute; top: 0px; width: 11px; z-index: 1; "></div>
           <div style="background: transparent url(Velkommen_files/navbar_active.png) no-repeat scroll center; height: 26px; left: 199px; position: absolute; top: -1px; width: 94px; z-index: 1; "></div>
           <div style="background: transparent url(Velkommen_files/navbar_0_normal.png) no-repeat scroll center; height: 26px; left: 300px; position: absolute; top: -1px; width: 64px; z-index: 1; " id="navbar_0_normal"></div>
           <div style="background: transparent url(Velkommen_files/navbar_0_rollover.png) no-repeat scroll center; height: 26px; left: 300px; position: absolute; top: -1px; visibility: hidden; width: 64px; z-index: 1; " id="navbar_0_rollover"></div>
           <a style="display: block; height: 24px; left: 302px; position: absolute; top: 0px; width: 61px; z-index: 2; " onmouseout="NBmouseout('0');" href="Om%20meg.html" onmouseover="NBmouseover('0');"></a>
           <div style="background: transparent url(Velkommen_files/navbar_1_normal.png) no-repeat scroll center; height: 26px; left: 371px; position: absolute; top: -1px; width: 61px; z-index: 1; " id="navbar_1_normal"></div>
           <div style="background: transparent url(Velkommen_files/navbar_1_rollover.png) no-repeat scroll center; height: 26px; left: 371px; position: absolute; top: -1px; visibility: hidden; width: 61px; z-index: 1; " id="navbar_1_rollover"></div>
           <a style="display: block; height: 24px; left: 373px; position: absolute; top: 0px; width: 58px; z-index: 2; " onmouseout="NBmouseout('1');" href="Bilder.html" onmouseover="NBmouseover('1');"></a>
           <div style="background: transparent url(Velkommen_files/navbar_2_normal.png) no-repeat scroll center; height: 26px; left: 439px; position: absolute; top: -1px; width: 62px; z-index: 1; " id="navbar_2_normal"></div>
           <div style="background: transparent url(Velkommen_files/navbar_2_rollover.png) no-repeat scroll center; height: 26px; left: 439px; position: absolute; top: -1px; visibility: hidden; width: 62px; z-index: 1; " id="navbar_2_rollover"></div>
           <a style="display: block; height: 24px; left: 441px; position: absolute; top: 0px; width: 59px; z-index: 2; " onmouseout="NBmouseout('2');" href="Linker.html" onmouseover="NBmouseover('2');"></a>
         </div>
         <img src="Images/Seperator%203-1.jpg" alt="" style="border: none; height: 146px; left: 0px; opacity: 1.00; position: absolute; top: -146px; width: 699px; z-index: 1; " />
       </div>
       <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
         <div style="height: 0px; line-height: 0px; " class="tinyText"> </div>
         <div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
         <div class="graphic_generic_body_textbox_style_default" style="margin-left: 60px; margin-top: 311px; position: relative; width: 435px; z-index: 1; ">
           <div>
             <div class="Normal">
               <div class="paragraph Body" style="line-height: 17px; padding-top: 0pt; font-size: 16px; line-height: 19px;">Du har nå funnet fram til mine personlige hjemmesider på internett. Her kan du finne litt mer informasjon om meg, familien min og ting som jeg har sansen for.</div>
               <div class="paragraph Body" style="line-height: 17px; font-size: 16px; line-height: 19px;  text-decoration: none;"> </div>
               <div class="paragraph Body" style="line-height: 17px; font-size: 16px; line-height: 19px;">Disse sidene er laget med et program som ligger på MacBooken min, det heter iWeb. Programmet lager “tunge sider” rent størrelsesmessig, men jeg måtte jo teste det ut.</div>
               <div class="paragraph Body" style="line-height: 17px; font-size: 16px; line-height: 19px;  text-decoration: none;"> </div>
               <div class="paragraph Body" style="line-height: 17px; padding-bottom: 0pt; font-size: 16px; line-height: 19px;">Velkommen skal du være!</div>
             </div>
             <div style="height: 84px; line-height: 84px; " class="tinyText"> </div>
           </div>
         </div>


<img src="Velkommen_files/shapeimage_1.png" alt="" id="id4" style="height: 4px; left: 22px; position: absolute; top: -1px; width: 655px; z-index: 1; " />

<img src="Images/Divider-1.png" alt="" id="id5" style="border: none; height: 4px; left: 259px; opacity: 1.00; position: absolute; top: 254px; width: 182px; z-index: 1; " />

<img src="Velkommen_files/07.png" alt="" id="id6" style="border: none; height: 110px; left: 355px; position: absolute; top: 10px; width: 144px; z-index: 1; " />

<img src="Velkommen_files/jonkristian.png" alt="" id="id7" style="border: none; height: 110px; left: 355px; position: absolute; top: 124px; width: 144px; z-index: 1; " />

<img src="Velkommen_files/DSC_2963.png" alt="" id="id8" style="border: none; height: 224px; left: 503px; position: absolute; top: 10px; width: 139px; z-index: 1; " />

<img src="Velkommen_files/03.png" alt="" id="id9" style="border: none; height: 224px; left: 56px; position: absolute; top: 10px; width: 293px; z-index: 1; " />


         <div class="graphic_generic_body_textbox_style_default" style="height: 132px; left: 503px; position: absolute; top: 274px; width: 139px; z-index: 1; " id="id10">
           <div>
             <div class="Normal">
               <div class="paragraph Quote" style="line-height: 17px; padding-top: 0pt; ">Livet lever du bare en gang, carpe diem!</div>
               <div class="paragraph Quote" style="line-height: 17px; text-decoration: none;"> </div>
               <div class="paragraph Quote" style="line-height: 17px; padding-bottom: 0pt; ">Jesus elsker deg!</div>
             </div>
           </div>
         </div>



         <div class="graphic_generic_title_textbox_style_default" style="height: 32px; left: 60px; position: absolute; top: 278px; width: 435px; z-index: 1; " id="id11">
           <div>
             <div class="Normal">
               <div class="paragraph Heading_1" style="line-height: 24px; padding-bottom: 0pt; padding-top: 0pt; color: #867858; font-size: 20px; line-height: 24px; opacity: 1.00;">Hans Vidar Levinsen</div>
             </div>
           </div>
         </div>
       </div>

kilde fra www.hvl.no

Det der er ikke mulig en gang.

[vesleengen]

Tildels, men dette er et eksempel på dårlig koding.

 

Alt som har style burde egentlig ligge i et eget dokument i form av CSS

[NeEeO]

Hva mener du ed tildels?

[vesleengen]

Noen linjer kan fort få litt lengde, men det er derfor folk bruker programmer som Dreamweaver.

 

Dreamweaver kan gi logiske eksempler på avslutninger for koden, og dermed blir det mindre skriving og mindre å huske på. Det gjør det også raskere å kode.

 

Skriver man feks: <img src= i Dreamweaver får man opp muligheten til å finne en fil hvor som helst på maskina for så få "Velkommen_files/jonkristian.png" som er navnet til fila automatisk inn i koden..

[NeEeO]

Vet du om folk som kan gjøre det uten dreamviewer? er det mange? om du ikke kan bruke det uten dreamwiever men kan html...er du dyktig, tjeer mye som webdesigner?

[vesleengen]

Kjenner bare 1 pers som gjør det uten Dreamweaver, men han er kjempegod... Man må kunne en del mer en bare HTML.

 

Jeg er enda bare student, men planen er å bli webdesigner/grafiker..

 

Lønn varierer stort.

[siggii]

Er mange som klarer sånt uten hjelp. Det er et system og et logisk språk som man bare må skjønne greia bak, så blir alt mye enklere. Er som med mattematikk. Har du regna med likninger enda? (så du sa du var 13 år) Det ser ganske vanskelig ut i begynnelsen, men så fort man skjønner prinsippene så går det egentlig ganske greit.

 

Måten du kan tjene mye penger som webdesigner må vel i bunn og grunn være at du er god og får jobb i et firma firma som får mange store oppdrag. Hjelper ikke å drive eget firma og lage websider for Karis bakeri på hjørnet for å tjene de virkelig store pengene liksom...

[Runar]

Hva mener du ed tildels?

Poenget med å ha så mange forskjellige elementer er at du skal kunne velge et som best beskriver innholdet. For å bruke koden postet tidligere i tråden som et eksempel:

 

Følgende kode er et elendig stykke arbeid da det på ingen måte beskriver hva elementet faktisk er og inneholder. Første linje er originalkoden, mens andre linje er den beste/en bedre måten å gjøre det på:

 

<div class="paragraph Quote" style="line-height: 17px; padding-top: 0pt; ">Livet lever du bare en gang, carpe diem!</div>
<p class="quote">Livet lever du bare en gang, carpe diem!</p>

Dette er ikke noe du trenger å tenke på nå. Det første du burde gjøre er å lese nybegynnerguider og spørre om ting du lurer på, så skal du se at du raskt begynner å forstå hvordan det hele virker.

 

 

Vet du om folk som kan gjøre det uten dreamviewer? er det mange? om du ikke kan bruke det uten dreamwiever men kan html...er du dyktig, tjeer mye som webdesigner?

Dreamviewer er et såkalt WYSIWYG-program. WYSIWYG står får What You Seee Is What You Get, og enkelt forklart er det et program som lar deg lage nettsider uten å kunne det tekniske. Jeg foretrekker å skrive all koden manuelt, og bruker et svært enkelt, men likevel kraftig, program kalt TextMate.

 

Lykke til!

[NeEeO]

Er mange som klarer sånt uten hjelp. Det er et system og et logisk språk som man bare må skjønne greia bak, så blir alt mye enklere. Er som med mattematikk. Har du regna med likninger enda? (så du sa du var 13 år) Det ser ganske vanskelig ut i begynnelsen, men så fort man skjønner prinsippene så går det egentlig ganske greit.

 

Måten du kan tjene mye penger som webdesigner må vel i bunn og grunn være at du er god og får jobb i et firma firma som får mange store oppdrag. Hjelper ikke å drive eget firma og lage websider for Karis bakeri på hjørnet for å tjene de virkelig store pengene liksom...

jA JEg har lært om ligninger, skjønte faktisk ingenting på begynnelsen, men nå skjønner jeg det, ikke glem..Man, dere er syke folk, å kunne så mye er helt sykt

[Runar]

Man må kunne en del mer en bare HTML.

På ingen måte. Man kan fint lage nettsider i ren HTML uten problemer, selv ved bruk av andre programmer enn Dreamviewer. Problemer kan derimot oppstå hvis nettsiden skal være dynamisk istedet for statisk, men dette er noe helt annet enn HTML, som er det trådstarter spør om.

 

Når det er sagt, så er det selvsagt en stor fordel å kunne programmeringsspråk som PHP, Ruby on Rails og lignende, men absolutt ingen nødvendighet.

[Skagen]

Jeg vil anbefale å starte med en ren tekst-editor (gjerne en som støtter syntaksbelysning for HTML og CSS, slik som Notepad++). Selv om det kan virke overveldende vanskelig og komplisert i starten, så vil du lære HTML og CSS på et helt annet nivå enn hva du vil med WYSIWYG-editorer.

 

Et annet veldig hett tips dersom du bruker Firefox er FireBug. Dette er en add-on/programtillegg til Firefox som gjør det mulig å inspisere HTML-elementer, og redigere HTML og CSS i "sanntid" slik at du ser umiddelbart hvordan nettsiden endrer seg når du redigerer eller prøver ut ting. Skal du utvikle nettsider vil jeg anbefale Firebug på det aller sterkeste - et uunnværlig verktøy.

[Bjonski]

Vet du om folk som kan gjøre det uten dreamviewer? er det mange? om du ikke kan bruke det uten dreamwiever men kan html...er du dyktig, tjeer mye som webdesigner?

 

Jeg koder alle mine nettsider i notepad/netbeans.

Benytter meg av HTML, CSS og litt PHP.

 

Det er veldig mange som koder nettsider fra scratch.

Bruk av WYSIWYG-programmer er noe jeg ikke liker, da dette fører til mye dårlig kode.

Endret 29. april 2010 av Bjohansen

[Zucchini]

Jeg skriver vanligvis all kode for hånd i en teksteditor. Bruker HTML og CSS. I et nylig skoleprosjekt skulle vi lage dynamiske nettsider - altså benytte PHP. Er ikke dyktig nok i PHP, så måtte jeg ta Dreamweaver til bruk - og makan til strev har jeg aldri sett. DW køddet til den tidligere validerende koden min på alle mulige måter. Koden var ikke til å kjenne igjen når jeg var ferdig å sette inn alle PHP-elementer.

 

Unitedman: Om du ønsker å lære deg å lage gode nettsider, som du atpåtil kan tjene penger på, anbefaler jeg deg på det sterkeste å lære deg å bruke HTML-kode, så forstår du mye mer av hvordan at fungerer på en nettside. Jeg var vel også omtrent på din alder da jeg selv begynte, og fikk meg snart en ny hobby .

Endret 29. april 2010 av Zucchini

[edorf67]

Hei Unitedman!

 

Syns de andre som har skrevet ovenfor, vanskeliggjør det hele for deg, så derfor skriver jeg noen ord jeg også

 

For å lære deg å lage websider, trenger du KUN å lære deg HTML. Resten er "luksus" (sammenlign det gjerne med en bil. Poenget med bilen er at den går fremover og tar deg dit du vil (HTML). Du trenger ikke å ha turbo på bilen og en fin farge for å få den til å ta deg dit du vil, og det er nettopp det flere av de andre ovenfor har hevdet at du må kunne

 

Om du har Windows på pc'n din, har du også et lite program som heter Notepad. Dette er et tekstprogram hvor du kan skrive inn HTML-tagger, men jeg har forstått det slik på andre at programmet "notepad++" er bedre egnet til dette (har selv aldri brukt disse programmene til å lage websider, selv om jeg har holdt på i en del år

 

Angående Dreamweawer, så er dette et program som forenkler det å lage websider, men jeg vil ikke anbefale deg å bruke et slikt program nå til å begynne med (siden du skal lære deg HTML). Nevnte program (og feks Microsoft Expression web) kan sammenlignes litt med Word (som du kanskje har skrevet litt i). Det er like enkelt å forandre tekst, farger, etc i disse programmene, som i word, men du lærer fint lite HTML med å bruke disse programmene, så derfor kan det være smartest å bruke en enkel teksteditor som Notpad til å begynne med.

 

Angående de laaaange settningene du var litt bekymret for, så trenger du ikke tenke så mye på det. Du vil lære deg det etterhver, men du vil lære 1 ting av gangen. Settningene du viste til, inneholdt mange ting, så derfor ser de vanskelige ut (er jo slik med mange ting: det ser vanskelig ut til å begynne med, men når man lærer 1 og 1 ting, og til slutt slår dem sammen, så er det jo ikke så vanskelig....sånn egentlig, ikke sant!

 

Som sagt så trenger du kun å lære deg HTML. Du finner mange norske websider som gir gode forklaringer, men selv trives jeg best med å ha en bok foran meg (er muligens litt gammeldags der

 

Når du har lært deg HTML, så har du også lært deg å lage websider. Grattis!

 

Etter at det har blitt gjort, kan du - om du ønsker - lære deg å manipulere og endre bilder med Photoshop (som har blitt nevnt ovenfor), eller du kan lære deg CSS (viktigst) som både øker farten når noen laster ned dine sider, samt at kodingen du skriver blir mer ryddig og det blir langt enklere og gjøre endringer i ettertid (feks skrifttyper, størrelser på skrift, rammer, etc....eller når du finner ut at Liverpool er et langt bedre lag enn ManU, og ønsker å endre det¨på dine websider

 

Til slutt: Glem ord som Javascript, PHP, Flash, etc som de andre har vært innom ovenfor! Det trenger du som sagt ikke å kunne (for å lage websider), og vil bare være forvirrende om du leser om dette samtidig som du prøver å lære deg HTML...

 

Lykke til!

[NeEeO]

Hei Unitedman!

 

Syns de andre som har skrevet ovenfor, vanskeliggjør det hele for deg, så derfor skriver jeg noen ord jeg også

 

For å lære deg å lage websider, trenger du KUN å lære deg HTML. Resten er "luksus" (sammenlign det gjerne med en bil. Poenget med bilen er at den går fremover og tar deg dit du vil (HTML). Du trenger ikke å ha turbo på bilen og en fin farge for å få den til å ta deg dit du vil, og det er nettopp det flere av de andre ovenfor har hevdet at du må kunne

 

Om du har Windows på pc'n din, har du også et lite program som heter Notepad. Dette er et tekstprogram hvor du kan skrive inn HTML-tagger, men jeg har forstått det slik på andre at programmet "notepad++" er bedre egnet til dette (har selv aldri brukt disse programmene til å lage websider, selv om jeg har holdt på i en del år

 

Angående Dreamweawer, så er dette et program som forenkler det å lage websider, men jeg vil ikke anbefale deg å bruke et slikt program nå til å begynne med (siden du skal lære deg HTML). Nevnte program (og feks Microsoft Expression web) kan sammenlignes litt med Word (som du kanskje har skrevet litt i). Det er like enkelt å forandre tekst, farger, etc i disse programmene, som i word, men du lærer fint lite HTML med å bruke disse programmene, så derfor kan det være smartest å bruke en enkel teksteditor som Notpad til å begynne med.

 

Angående de laaaange settningene du var litt bekymret for, så trenger du ikke tenke så mye på det. Du vil lære deg det etterhver, men du vil lære 1 ting av gangen. Settningene du viste til, inneholdt mange ting, så derfor ser de vanskelige ut (er jo slik med mange ting: det ser vanskelig ut til å begynne med, men når man lærer 1 og 1 ting, og til slutt slår dem sammen, så er det jo ikke så vanskelig....sånn egentlig, ikke sant!

 

Som sagt så trenger du kun å lære deg HTML. Du finner mange norske websider som gir gode forklaringer, men selv trives jeg best med å ha en bok foran meg (er muligens litt gammeldags der

 

Når du har lært deg HTML, så har du også lært deg å lage websider. Grattis!

 

Etter at det har blitt gjort, kan du - om du ønsker - lære deg å manipulere og endre bilder med Photoshop (som har blitt nevnt ovenfor), eller du kan lære deg CSS (viktigst) som både øker farten når noen laster ned dine sider, samt at kodingen du skriver blir mer ryddig og det blir langt enklere og gjøre endringer i ettertid (feks skrifttyper, størrelser på skrift, rammer, etc....eller når du finner ut at Liverpool er et langt bedre lag enn ManU, og ønsker å endre det¨på dine websider

 

Til slutt: Glem ord som Javascript, PHP, Flash, etc som de andre har vært innom ovenfor! Det trenger du som sagt ikke å kunne (for å lage websider), og vil bare være forvirrende om du leser om dette samtidig som du prøver å lære deg HTML...

 

Lykke til!

 

Wow, dette var nyttig, jeg lærte mer en de andre..dette var faktisk litt enklere å forstå..aller først tenkte jeg at jeg ikke skulle svare på de andre, tenkte dere hadde blitt

lei av alle spørsmålene mine(skjønjte ikke mye av de andre) men dette var helt supert !, så du sier at jeg skal lære meg fult HTML før jeg lærer meg CSS? fordi jeg lærer meg CSS og HTML

Samtidig, Man, Tusen Takk, du har vært til stor nytte. PS: Manu er best, husk å slå Chelsea på lørdag, så har vi pokalen i våre hender om 2 uker.

Endret 29. april 2010 av Unitedman

[Runar]

Wow, dette var nyttig, jeg lærte mer en de andre..dette var faktisk litt enklere å forstå..aller først tenkte jeg at jeg ikke skulle svare på de andre, tenkte dere hadde blitt

lei av alle spørsmålene mine(skjønjte ikke mye av de andre) men dette var helt supert !

Hvis det er noe du ikke forstår, så må du for all del si ifra! Vi svarer fordi vi vil hjelpe deg, men vi kan ikke fortsette å hjelpe deg hvis du ikke sier ifra når vi blir litt for tekniske.

 

så du sier at jeg skal lære meg fult HTML før jeg lærer meg CSS? fordi jeg lærer meg CSS og HTML

Jeg vil anbefale deg å lære deg HTML og CSS samtidig. Mest fordi de er så knyttet til hverandre, men også fordi begge egentlig er rimelig simple "språk". I tillegg finnes det så utrolig store mengder læremateriale rundt nettopp HTML og CSS tilgjengelig her på Internettet.

[NeEeO]

Wow, dette var nyttig, jeg lærte mer en de andre..dette var faktisk litt enklere å forstå..aller først tenkte jeg at jeg ikke skulle svare på de andre, tenkte dere hadde blitt

lei av alle spørsmålene mine(skjønjte ikke mye av de andre) men dette var helt supert !

Hvis det er noe du ikke forstår, så må du for all del si ifra! Vi svarer fordi vi vil hjelpe deg, men vi kan ikke fortsette å hjelpe deg hvis du ikke sier ifra når vi blir litt for tekniske.

 

så du sier at jeg skal lære meg fult HTML før jeg lærer meg CSS? fordi jeg lærer meg CSS og HTML

Jeg vil anbefale deg å lære deg HTML og CSS samtidig. Mest fordi de er så knyttet til hverandre, men også fordi begge egentlig er rimelig simple "språk". I tillegg finnes det så utrolig store mengder læremateriale rundt nettopp HTML og CSS tilgjengelig her på Internettet.

Ok, takk :!:

 

<div> står for divisjon? deling? hva menes med det dA?

[masb]

<div> er å anse som en boks du kan putte andre elementer i