Her er alt det som jeg har lavet i Kom/it i Grundforløbet Delta
HTML:
HTML (HyperText Markup Language) er et sprog, der anvendes til at strukturere og præsentere indhold på internettet. Det består af tags, der definerer forskellige elementer som overskrifter, afsnit, lister, billeder og links. HTML bruges til at opbygge websider og giver instruktioner til webbrowseren om, hvordan indholdet skal vises for brugeren. Det er grundlæggende for webudvikling og en vigtig del af at skabe og dele indhold online.
Et "tag" består af < og >. Det der står imellem < og > er tag-typen. Der findes altid et start tag fx <p> og et slut tag </p>. Imellem disse tags kan du skrive tekst eller andet data. Det bliver behandlet forskelligt på hvilket tag der brugs. Fx <p></p> betyder afsnit (Paragraph) og <h1></h1>, er en overskrift (heading).
HTML 1 hands on:
i den første opgave som vi har lavet skulle vi lave et simple hjemmeside
hjemme siden bestod af en forside og 3 undersider, vi følte en video hvor Christian forklaret præcis hvordan vi skulle lave det,
jeg brugt ca. 25 min. videoen var nem at forstå og følge. De tags jeg mest brugte var <p> som laver en paragraph, <h1> som laver en header men jeg brugte også <il> som bruges til at lave en liste, og <br> som er en linjeskift
HTML 2:
I denne øvelse skulle jeg selvstændigt bruge HTML til at formatere en tekst og indsætte et billede. Ved hjælp af HTML-tags og attributter skulle jeg strukturere og præsentere teksten på den ønskede måde. jeg fik teksten og billedet også et billede af hvordan det skulle se ud tilsidst
i starten var det lidt svært at finde ud af, hvordan jeg skulle indsætte billedet. Men efter lidt tid fandt du ud af det. oplevede jeg ikke rigtig flere svære forhindringer. Alt i alt tog det mig omkring 30 minutter at fuldføre opgaven
CSS
CSS står for "Cascading Style Sheets" og er et sprog, der bruges til at definere udseendet og layoutet af dokumenter, der er skrevet i HTML. CSS giver dig mulighed for at anvende forskellige visuelle stilarter på dine websider, herunder farver, skrifttyper, størrelser, placering af elementer, baggrunde, borders og meget mere. Samlet set giver CSS en kontrol over designet og layoutet af dine websider og gør det muligt at oprette smukke og sammenhængende visuelle oplevelser for brugerne.
Css 1:
i denne opgave skulle vi følge 4 videoer til at style den hjemme side som vi lavet i HTML 2. vi ændret fonten, farverne og selve layoutet
hele opgaven tog lidt over én time. der komme ikke nogle store problem da det var nemt at følge videoerne. det var en god øvelse til at lære hvordan man adskiller stil fra indhold det gøre det nemt at ændre udseendet på hjemmesiden men satdig være i det samme program.
resultat:
Casen: