Prøve meg på Web-design

[spamex]

Hei

 

I starten av juli i år så begynte jeg smått med bruke Ruby, Link til tråden. Jeg har prøvd meg litt på det men det falt ikke helt i smak, tror det var fordi jeg ikke skjønte det helt. Så kan si at jeg har litt(ganske lite) erfaring med programmering.

 

Men så til saken. Jeg tenkte da å kanskje prøve meg på HTML og CSS , jeg vet ikke om det er stor forskjell fra det som ruby. Jeg skulle gjerne hatt tips og linker til nettsider jeg burde se på.

 

Takker for all hjelp

[Kakeshoma]

Ruby har vel ikke noe særlig til felles med HTML og CSS...

W3Schools er et bra sted å begynne. Greit å ha solid HTML-base før du går på CSS.

[Blåbær]

Ruby er backend løsning, slik for å behandle database og integrasjon med andre systemer. Om du bare skal lage en enkel hjemmeside så er html+css løsningen for deg.

[spamex]

Ok, skal sjekke ut W3Schools

[spamex]

Jeg leser på W3Schools nå og jeg forstår det bedre enn ruby

[spamex]

Det er 1 ting hittils som jeg ikke forstår og håper noen kan forklare det for meg,

 

http://www.w3schools.com/html/html_attributes.asp

Det som står under HTML Attributes Reference skjønner jeg ikke.

[Kakeshoma]

Attribute er tilleggskoder som kan brukes sammen med hovedkodene til HTML for å oppnå forskjellige ting. De brukes ofte sammen med et CSS ark.

I referecelisten ser du alle HTML-kodene med sine spesifikke attributer.

 

Feks med <p style="color:red;"></p> er p hovedkode mens style er en attribute hvor du kan legge inn koder for å endre på utseende, her blir tekst rød.

[spamex]

Ok Da fortsetter jeg med å lese.

[Occi]

http://jsbin.com er et ypperlig verktøy hvor du kan skrive kode og se resultatet i realtime. Da kan du teste ting først, og så se hva det gjør før du spør Når du blir litt mer erfaren er det lurt å finne seg et avansert redigeringsprogram á Netbeans som markerer om du skriver noe feil i tags o.l. og kan fikse innrykk osv. for deg. Det er mange guider på det her på nettet/youtube.

[spamex]

Ok Bruker jsbin.com nå

[spamex]

Jeg har 2 spørsmål, når jeg skal skrive linker må jeg skrive http:// før da?

 

og hvordan kan jeg få bilder på siden?

Endret 5. desember 2011 av VenaTio

[Blåbær]

Ved eksterne linker ja, men hvis det er snakk om en undermappe, nei.

 

bilde: http://www.w3schools.com/html/html_images.asp

[spamex]

Ja, jeg har lest der men forstod det ikke. Er det sånn at jeg bare må ha bildet på pcen, eller må jeg gjøre noe mere med det?

[Blåbær]

Bare bruk http du.

[Beritaron]

Ja, jeg har lest der men forstod det ikke. Er det sånn at jeg bare må ha bildet på pcen, eller må jeg gjøre noe mere med det?

Om bilder, stilark, sider, osv. ligger i samme mappeområdet som HTML-dokumentene, så holder det at du skriver destinasjonen, det kan f.eks være <a href="links.html">Lenker</a> om HTML-dokumentet ligger i samme mappe som f.eks index.html (som er "startsiden" der du kommer om du ikke spesifiserer et annet dokument.

 

Om en mappe ikke inneholder dette, vil filene i mappen bli listet opp). Om dem ligger et annet sted på eget området, kan det f.eks bli <a href="/mappeMedHTMLdokument/dokument.html>En intern side</a>.

 

Om det er en ekstern side så må hele veien spesifiseres: <a href="http://www.side.com">En ekstern side</a>.

 

Om det er filer som er internt på området, så bør du ikke bruke full adresse, Om du skal lenke bakover i mappene, legg til ../ per mappe du må hoppe bakover. F.eks ../bilder/navn.jpg.

 

 

 

Hva tenker du på angående bildet? Du kan la HTML bestemme størrelsen på bildet, men det kan være lurt å endre til riktig størrelse i bildebehandler, filstørrelsen kan gå ned (spesielt ved thumbnails), og kvaliteten kan bli bedre. Du burde også skrive inn bestemt størrelse på bildet uansett om bildet har riktig størrelse da nettlesere holder av denne plassen mens bildene laster ned slik at ikke ting spretter nedover på siden som det gjør på en del sider.

 

 

Bildetag-en, om det er det du lurte på, er forresten: <img src="navn.jpg" alt="" />

Endret 5. desember 2011 av tamarin

[spamex]

Jeg forstod bare ikke hvordan man fikk bilde inn på siden, men tror jeg skjønte det nå

 

Hvordan kan jeg gjøre slik at jeg har ett bilde som bakgrunn?

Endret 5. desember 2011 av VenaTio

[Beritaron]

Jeg forstod bare ikke hvordan man fikk bilde inn på siden, men tror jeg skjønte det nå

 

Hvordan kan jeg gjøre slik at jeg har ett bilde som bakgrunn?

Da bruker du CSS, da det har med styling å gjøre.

 

#myDiv {background-image:url('image.jpg');}

[spamex]

Ok, skal bli ferdig med å forstå HTML først

[Occi]

Tips er å kikke på andres sider. Ta f. eks en titt på min første nettside: link (veldig enkel med 3 forskjellige CSSer)

[Beritaron]

Et annet tips er å bruke verktøy i nettlesere. Chrome og Opera har gode innebygd, Firebug til Firefox er også veldig bra.

 

Her ser du hvordan stilregler og HTML henger sammen, og du kan også endre dem og se hvordan siden blir seende ut. Svært nyttig i både læring og produksjon.