Velkommen til HTML-Hajen!
Vejen til en stærk kode-fu!

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

- Google Maps og geolocation

- 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

- Placering af elementer med float, position og display

- Adaptive design og media queries (CSS)

- Adaptive design med grid

· Del 1: Søjler, rækker, celler og items

· Del 2: Placering af elementer

· Del 3: Placering af items

- Adaptive design med flexbox (CSS)

- Fleksible objektstørrelser med resize

- 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

· Google Maps og geolocation



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



Hjemmesider med WordPress

- WordPress, hvad og hvorfor?

- Installering af WordPress

- Temaer til WordPress

- Plugins til WordPress

- Indlæg i WordPress

- Style sheets i WordPress



Regneark

- Regnearkets opbygning

· Celler, rækker, søjler og sheets

- Regneoperationer

· Fakultet og dobbelt fakultet (x! og x!!)

· Kvadratrødder, kubikrødder osv.

· Logaritmefunktioner

· Plus, minus, gange og dividere

· Potens- og eksponentialfunktioner

- Talbehandling

· Afrunding af tal

· Lineær regression

· Logaritmisk regression

· Numerisk værdi

· Randomisering

· Summation

· Tal i andre baser

· Tekst til tal og tal til tekst

- Statistik og sandsynlighed

· Gennemsnit, median, percentiler og typetal

· Mindste og største værdi i et talsæt

· Standardafvigelser og konfidensintervaller

- Trigonometri

· Trigonometriske funktioner

- Dato/tid

· Datoberegninger

· Descriptive datofunktioner

· Grundlæggende datofunktioner

· Tidsfunktioner



Lister til opslag

- Ordbog

- Landekoder til domænenavne

- Sprogkoder til hjemmesider

- Navngivne farver og farvekoder

- Specialtegn: Græske og koptiske specialtegn

- Specialtegn: Hjerter

- Specialtegn: Latinske bogstaver og tal

- 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

- Specialtegn: Typografiske symboler



Pilgaard Legacy

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