HTML-Hajen

Velkommen til HTML-Hajen!

Smarte fif & dirty tricks siden 2013








Dagens citat

Velkommen til mit lille site om smarte fif & (dirty) tricks til at lave fede hjemmesider! Sitet er bygget op over de erfaringer jeg har gjort mig, under opbygningen af en række hjemmesider til forskellige formål. Sitet er meget praktisk orienteret og designet til opgaveløsning mere end egentlig undervisning.


God fornøjelse!

Michael Pilgaard




Hvor starter man?

- Okay, så jeg vil lave en hjemmeside! Hvor starter jeg?
- Overordnede designregler/gode råd inden man starter
- Den første side. Navngivning og de indledende besværgelser for at få det hele til at fungere
- Tags, elementerne der får siden til at virke
- Meta tags, baggrundselementerne der hjælper siden til at virke
- Attributter, hvordan man får noget andet end standard settings på sine tags
- Header-, footer- og navigation-tags
- Nye HTML 5-tags i gamle browsere



Elementer til siden

- Animationer og slide shows
- Baggrunde; farver og farveeffekter
- Baggrunde; billeder og effekter
- Billeder
- Cursorer
- Felter til input og output
- Grafik med CANVAS
- Grafik med SVG (Scalable Vector Graphics)
- Linjeskift/breaks
- Links
- Navigationspaneler
- NoScript
- Popup boxe med alert(), confirm() og prompt()
- Popup boxe af typen modal box/modal image
- Radio buttons
- Rammer og kanter
- Sider og elementer med OBJECT, EMBED og IFRAME
- Tabeller
- Tekstafsnit
- Transparens/opacitet på elementer
- Vandrette linjer
- Video
- Vis og gem sektioner med ONCLICK



Formatering af tekst

- Udslutning af tekst
- Indryk og margin på tekst
- Fonttype og -størrelse på tekst
- Skrift med store og små bogstaver
- Linjeafstand på tekst
- Afstand mellem ordene i en tekst
- Afstand mellem bogstaverne i en tekst
- Farver på tekst
- Fed skrift
- Kursiv
- Højtstillet skrift
- Lavtstillet skrift
- Lodret og skråtstillet skrift
- Overliggende streg på skrift
- Gennemstregning på skrift
- Understregning på skrift
- Skygger og neoneffekter
- Blinkende skrift
- Rulletekster og tekster der flyder rundt
- Lister
- Specialtegn
- Matematiske formler



Cascading Style Sheets (CSS)

- Hvad er style sheets, og hvad er det de kan?
- Lav et Cascading Style Sheet (CSS)
- Adaptive design og media queries (CSS)



JavaScript til hjemmesider

- Interne og eksterne scripts
- Læsning, beregning og skivning i felter med JavaScript
- Hvordan man laver
· Tekst og HTML-kode med document.write()
· Popup boxe med alert(), confirm() og prompt()
· Tilfældige valg på lister



XML-databaser og hvordan man laver opslag i dem

- Hvad er XML og hvad kan man bruge det til?
- Hvordan stukturerer man XML-databaser?
- Hvordan får man fat i indholdet af sin XML-fil?
- Simple lister fra XML-databaser
- Lister fra XML databaser ud fra faste keywords
- Søgning i XML-databaser fra søgefelter



Lidt baggrund om internettet

- Hvad er internettet for en størrelse?
- Hvad er HTML for en størrelse?
- Hvad er HTTP/HTTPS for en størrelse?
- Hvad er URL for en størrelse?
- Emoticons og kunsten at udtrykke følelser i HTML
- Vittigheder om computere og programmering



Lister til opslag

- Ordbog
- Landekoder til domænenavne
- Sprogkoder til hjemmesider
- Specialtegn: Hjerter
- Specialtegn: Matematiske symboler
- Specialtegn: Rumænske specialtegn
- Specialtegn: Pile
- Specialtegn: Planetsymboler
- Specialtegn: Religiøse og spirituelle symboler
- Specialtegn: Runer
- Specialtegn: Skaksymboler
- Specialtegn: Stjerner
- Specialtegn: Stjernetegn/Zodiakken
- Specialtegn: Tjekkiske, slovakiske og slovenske specialtegn



Pilgaard Legacy

Pilgaard LegacyDette site er gjort tilgængelig som en del af Pilgaard Legacy. Klik her for at læse mere.