Hvad handler det om?
Dette forløb kommer vi oínd på de grundlæggende ting i webudvikling. Vi kommer blandt andet først ind på HTML, som bruges til at bygge hjemmesider. Det kan også få links og billeder til at være klikbare og føre over til andre hjemmesider. . HTML står for Hyper text markup language. Derefter lærer vi også om CSS, som benyttes til at få hjemmesiden til at se pænere ud.
HTML:
Hvad er HTML?
HTML står jo for "Hyper text markup language".
Det er det grundlæggende sprog, man bruger til at lave og strukturere indholdet på en hjemmeside.
Eksempel på HTML:
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<title>Sidetitel</title>
</head>
<body>
<h1>Overskrift</h1>
<p>Dette er et afsnit.</p>
</body>
</html>
<!DOCTYPE html> fortæller browseren at dokumentet er HTML
<html> indeholder hele hjemmesiden
<head> indeholder information om siden (fx titel)
<title> er navnet på siden i browserfanen
<body> indeholder det indhold brugeren kan se på siden
Øvelse 1:
De vigtigeste tags jeg har brugt er bland andet:
<h1> overskrift </h1> (Som bruges til at lave overskrifter)
<h2> underoverskrift </h2> (Som bruges til at lave mindre overskrifter)
<p> Tekst afsnit </p> (Som bruges til at dele dine tekst afsnit op)
<ul> punktopstilling </ul> (Som bruges til at lave punktopstillinger)
<ol> liste med tal </ol> (Som bruges til at lave opstillinger med tal i stedet for punkter)
Øvelse 2:
Hvad er et webdesign?
Et webdesign er planlægning og udformning af en hjemmeside. Det handler om, hvordan en hjemmeside ser ud, fungerer og er opbygget, så brugerene nemt kan finde information og bruge siden.
Webdesign omfatter blandt andet:
Layout – hvordan elementer placeres på siden
Farver og typografi – hvilke farver og skrifttyper der bruges
Navigation – hvordan man bevæger sig rundt på siden
Brugervenlighed (UX) – hvor nem siden er at bruge
Responsivt design – at hjemmesiden fungerer på både computer, tablet og mobil