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
- Navigationspaneler til hjemmesider
- 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
- Søgemaskineoptimering (SEO og SERP) for hjemmesider



Typografiske elementer til siden

- Felter til input og output
- Knapper (buttons) med CSS3
- Knapper (buttons) med HTML
- Linjeskift/breaks
- Links
- NoScript
- Radio buttons
- Tabeller
- Tekstafsnit
- Vandrette linjer



Grafiske elementer til siden

- Animationer og slide shows
- Baggrunde; farver og farveeffekter
- Baggrunde; billeder og effekter
- Billeder
- Cursorer
- Grafik med CANVAS
- Grafik med SVG (Scalable Vector Graphics)
- Popup boxe med alert(), confirm() og prompt()
- Popup boxe af typen modal box/modal image
- Rammer og kanter
- Sider og elementer med OBJECT, EMBED og IFRAME
- Transparens/opacitet på elementer
- Video
- Vis og gem sektioner med klik eller mouse over



Formatering af bogstaver, tal og andre karakterer

- Fonttype og -størrelse på tekst
- Skrift med store og små bogstaver
- 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
- Specialtegn
- Matematiske formler



Formatering af tekstafsnit

- Udslutning af tekst
- Indryk og margin på tekst
- Linjeafstand på tekst
- Afstand mellem ordene i en tekst
- Afstand mellem bogstaverne i en tekst
- Rulletekster og tekster der flyder rundt
- Lister



Cascading Style Sheets (CSS)

- Hvad er style sheets, og hvad er det de kan?
- Lav et Cascading Style Sheet (CSS)
- Selectors til CSS
- Adaptive design og media queries (CSS)
- Nye HTML 5-tags i gamle browsere



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
· Hvordan man fremhæver valgte værdier på checkboxes og radiobuttons



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
- Navngivne farver og farvekoder
- 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.