Gå til innhold

Prøve meg på Web-design

spamex

Av spamex
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
spamex

spamex

Skrevet
  • Forfatter
Skrevet

Jeg må si at det er ganske gøy å sitte og prøve seg fram :) Kommer nok ikke til å bli lei dette med det første!

 

Mens jeg prøvde meg litt fram så kom jeg til: 

<body style="background-image:...;">

Da måtte jeg jo prøve å se om det var såpass enkelt som

<img src="blabla.jpg" alt="blabla" />

Men det var det ikke, fikk bare hvit bakgrunn da. Er dette noe som burde funke eller må jeg gjøre noe mer, med tanke på CSS?

Lenke til kommentar
Kakeshoma

Kakeshoma

Skrevet
Skrevet (endret)

Husk at style er CSS, <img> er en HTML-kode. Kan ikke ha en ny HTML-kode før style er avsluttet i så fall. Pass på så du vet når du bruker CSS og når du bruker HTML.

 

Er dokumentet lagret som .html, og bildefilen ligger i samme mappe?

Endret av Kakeshoma
Lenke til kommentar
Beritaron

Beritaron

Skrevet
Skrevet (endret)

Bør du starte med CSS?

Har ikke fulgt med i hele tråden, men om du kjenner til <html>, <head>, <body>, begrepet deklarasjon, en del tager som er essensielle i <head> (som f,eks title, favicon, description, keywords, osv.). I tilleg til at du kjenner til viktige tag-er for body. Så er det lurt å gå over til CSS, men om ikke så ville jeg holdt CSS på et veldig elementært nivå.

 

Hovedoppgavene til HTML og CSS

En ting du må huske (kun et tips, ikke en bemerking) på er å skille mellom å skille mellom er oppgavene til CSS (utseendet) og HTML. Du bruker f.eks ikke forksjellige <h1>-tager for å avgjøre størrelsen på overskrifter, men for å lage et hierarki (i dette tilfellet, om du bryter hierarkiet, og går fra h1 til h3, eller starter med h2, kan det f.eks ha effekt på SEO (søkemotoropptimalisering).

 

Hvordan lage stilark

Hvordan du ønsker å lage stilarkene er opptil deg.

 

Når du skal lage stilarket er det som regel enklest (synes jeg, men det er smak og behag) å lage et intern stilark i HTML-dokumentet og heller flytte det over i egen fil senere. Du må ellers ofte gjøre endringer på begge dokumentene, lagre beggre begge, og deretter åpne en nettleser og teste, synes det er greiest å gjøre alt i et dokument til ting begynner å ta form.

 

Selv i Dreamweaver gjør jeg dette, selv om det er enkelt å endre dette om de er delt opp i to dokumenter i utgangspunktet på Dreamweaver. Når hovedoppsettet på sidene er klart, og stilarket ferdig, så lagrer jeg det i et eget dokument og linker de andre sidene til stilarket.

 

Interne stilregler

Om du f.eks skal sende HTML-epost, så må du bruke inline (inni HTML-tagen), det er ikke alle programmer som lar deg flytte til inline (har ikke sett dette i Dreamweaver, selv om det går andre veien), men er noen web-baserte løsninger som kan fungere.

Endret av tamarin
Lenke til kommentar
Blåbær

Blåbær

Skrevet
Skrevet

Hovedgrunnen til at man har css i egne filer er at man kan bruke de samme css-filene i mange sider, så om man gjør en liten endring i en css-fil, så blir det endret for alle sidene som benytter seg av css-koden. Altså en mye raskere og enklere måte å jobbe med flere sider samtidig.

Lenke til kommentar
Beritaron

Beritaron

Skrevet
Skrevet

Har begynt veldig smått med å lære meg CSS nå, tenkte at jeg skal gå grundig i gjennom det.

Det er like greit å prøve å få inn gode vaner fra starten av, når du skal opprette en side, så start med hele deklarasjonen (vet ikke om det er det du gjør, men ser ikke slik ut utifra et par av innleggene).

 

Jeg vil anbefale XHTML sin syntaks under opplæring, den er nokså streng, men det kan vise seg å belønne seg når det kommer til CSS. Du bør også validere dine sider i W3C validator, gjerne også CSS her. Da vil du huke ut enkelte feil som kan oppstå, og sørge for at du holder deg til standarden.

 

Når du skal opprette et dokument fremover bør du ha en mal, du trenger ikke nødvendigvis å vite hva alt betyr, men kan være lurt før du går videre til CSS. Her legger jeg ut en kode du kan lime inn når du skal opprette et dokument:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Sett inn title her</title> 
 <link rel="stylesheet" href="adresse.css" type="text/css" title="navn" />
</head>
<body>

 <h1></h1>
 <p></p>

</body>
</html>

 

Har fjernet en del meta tag-er og andre tag-er som kan være greit å bruke etter hvert. Tar her utgangspunkt i ekstern stilark.

Lenke til kommentar
Kakeshoma

Kakeshoma

Skrevet
Skrevet

Den kommer automatisk når man åpner et nytt HTML-ark i Expression.

Et tips, i Expression når det er rød strek under en kode kan du holde pilen over så står det hva som er feil. Også nederst på midten ca er det to knapper som viser om arkene innholder feil i koder, de kan du bruke til å se hvor feilen er og kjøre en "Compatibility checker".

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

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

Opprett konto

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

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...