Skillnad mellan versioner av "Innehåll Webbutveckling 1"

Från Mathonline
Hoppa till: navigering, sök
m
m
 
(43 mellanliggande versioner av samma användare visas inte)
Rad 4: Rad 4:
 
{{Not selected tab|[[Huvudsida| <<&nbsp;&nbsp;Kursöversikt]]}}
 
{{Not selected tab|[[Huvudsida| <<&nbsp;&nbsp;Kursöversikt]]}}
 
{{Not selected tab|[[Startsida Webbutveckling 1|Kursens presenation]]}}
 
{{Not selected tab|[[Startsida Webbutveckling 1|Kursens presenation]]}}
{{Selected tab|[[Innehåll Webbutveckling 1|<small><span style="font-weight:lighter">Innehåll och struktur</span></small>]]}}
+
{{Selected tab|[[Innehåll Webbutveckling 1|<span style="font-weight:lighter">Innehåll & struktur</span>]]}}
 
<!-- {{Not selected tab|[[Innehåll Webbutveckling 1 (mer specificerat)|Innehåll & struktur mer spec.]]}} -->
 
<!-- {{Not selected tab|[[Innehåll Webbutveckling 1 (mer specificerat)|Innehåll & struktur mer spec.]]}} -->
 
{{Not selected tab|[[Media: Centr_inneh_Web_1.jpg|Centralt Innehåll]]}}
 
{{Not selected tab|[[Media: Centr_inneh_Web_1.jpg|Centralt Innehåll]]}}
{{Not selected tab|[[Lektion 1 (Webb 1)|<b><span style="color:red">Lektion 1&nbsp;&nbsp;>></span></b>]]}}
+
{{Not selected tab|[[Lektion 1 (Webb 1)|Lektioner&nbsp;&nbsp;>>]]}}
 
| style="border-bottom:1px solid #797979"  width="100%"| &nbsp;
 
| style="border-bottom:1px solid #797979"  width="100%"| &nbsp;
 
|}
 
|}
Rad 13: Rad 13:
 
<tr>
 
<tr>
 
<td>
 
<td>
<big><span style="color:blue">Kapitel 1 Introduktion till webbutveckling &nbsp; &nbsp; &nbsp;</span></big>
+
[[Lektion 1 (Webb 1)|<big><span style="color:blue">Kapitel 1 Introduktion till webbutveckling &nbsp; &nbsp; &nbsp;</span></big>]]
  
 
::[[Lektion 1 (Webb 1)|1.1 &nbsp; Om webbutveckling]]
 
::[[Lektion 1 (Webb 1)|1.1 &nbsp; Om webbutveckling]]
Rad 19: Rad 19:
 
::[[Lektion 3 (Webb 1)|1.3 &nbsp; Att komma igång med HTML]]
 
::[[Lektion 3 (Webb 1)|1.3 &nbsp; Att komma igång med HTML]]
  
<big><span style="color:blue">Kapitel 2 Grundbegrepp i webbutveckling</span></big>
+
[[Lektion 6 (Webb 1)|<big><span style="color:blue">Kapitel 2 Grundbegrepp i webbutveckling</span></big>]]
  
::[[Lektion 1 (Webb 1)|2.1 &nbsp; Länkar]]
+
::[[Lektion 6 (Webb 1)|2.1 &nbsp; Länkar]]
::[[Lektion 1 (Webb 1)|2.2 &nbsp; Bilder]]
+
::[[Lektion 7 (Webb 1)|2.2 &nbsp; Bilder]]
::[[Lektion 1 (Webb 1)|2.3 &nbsp; Bilder som länkar]]
+
::[[Lektion 8 (Webb 1)|2.3 &nbsp; Bilder som länkar]]
::[[Lektion 1 (Webb 1)|2.4 &nbsp; Specialtecken]]
+
::[[Lektion 9 (Webb 1)|2.4 &nbsp; Specialtecken]]
::[[Lektion 1 (Webb 1)|2.5 &nbsp; Punktlistor]]
+
::[[Lektion 10 (Webb 1)|2.5 &nbsp; Punktlistor]]
::[[Lektion 1 (Webb 1)|2.6 &nbsp; Nästlade och ordnade listor]]
+
::[[Lektion 11 (Webb 1)|2.6 &nbsp; Nästlade och ordnade listor]]
::<b><span style="color:#931136">Prov 1 kap 1-2</span></b>
+
 
<big><span style="color:blue">Kapitel 3 Mer om HTML</span></big>
 
<big><span style="color:blue">Kapitel 3 Mer om HTML</span></big>
  
 
::[[Lektion 4 (C/Cpp 23)|3.1 &nbsp; Tabeller]]
 
::[[Lektion 4 (C/Cpp 23)|3.1 &nbsp; Tabeller]]
 
::[[Lektion 4 (C/Cpp 23)|3.2 &nbsp; En mer utvecklad tabell]]
 
::[[Lektion 4 (C/Cpp 23)|3.2 &nbsp; En mer utvecklad tabell]]
 
 
 
 
</td>
 
<td>
 
 
::[[Lektion 4 (C/Cpp 23)|3.3 &nbsp; HTML Forms]]
 
::[[Lektion 4 (C/Cpp 23)|3.3 &nbsp; HTML Forms]]
 
::[[Lektion 4 (C/Cpp 23)|3.4 &nbsp; En mer utvecklad Form]]
 
::[[Lektion 4 (C/Cpp 23)|3.4 &nbsp; En mer utvecklad Form]]
::[[Lektion 4 (C/Cpp 23)|3.5 &nbsp; Radioknappar och Dropp-down list]]
+
::[[Lektion 4 (C/Cpp 23)|3.5 &nbsp; Radioknappar och Dropp-down list &nbsp; &nbsp; &nbsp;]]
 
::[[Lektion 4 (C/Cpp 23)|3.6 &nbsp; Interna länkar]]
 
::[[Lektion 4 (C/Cpp 23)|3.6 &nbsp; Interna länkar]]
 
::[[Lektion 4 (C/Cpp 23)|3.7 &nbsp; Interna länkar i andra dokument]]
 
::[[Lektion 4 (C/Cpp 23)|3.7 &nbsp; Interna länkar i andra dokument]]
 
::[[Lektion 4 (C/Cpp 23)|3.8 &nbsp; Image maps]]
 
::[[Lektion 4 (C/Cpp 23)|3.8 &nbsp; Image maps]]
 
::[[Lektion 4 (C/Cpp 23)|3.9 &nbsp; Framesets]]
 
::[[Lektion 4 (C/Cpp 23)|3.9 &nbsp; Framesets]]
 
+
::<b><span style="color:#931136">Prov 1 kap 1-3</span></b>
 +
</td>
 +
<td>
 
<big><span style="color:blue">Kapitel 4 Cascading Style Sheets (CSS)</span></big>
 
<big><span style="color:blue">Kapitel 4 Cascading Style Sheets (CSS)</span></big>
 
::[[Lektion 4 (C/Cpp 23)|4.1 &nbsp; Inline Styles]]
 
::[[Lektion 4 (C/Cpp 23)|4.1 &nbsp; Inline Styles]]
Rad 53: Rad 48:
 
::[[Lektion 4 (C/Cpp 23)|4.5 &nbsp; Absolut positionering]]
 
::[[Lektion 4 (C/Cpp 23)|4.5 &nbsp; Absolut positionering]]
 
::[[Lektion 4 (C/Cpp 23)|4.6 &nbsp; Relativ positionering]]
 
::[[Lektion 4 (C/Cpp 23)|4.6 &nbsp; Relativ positionering]]
 
 
 
 
</td>
 
<td>
 
 
::[[Lektion 4 (C/Cpp 23)|4.7 &nbsp; Bakgrunder]]
 
::[[Lektion 4 (C/Cpp 23)|4.7 &nbsp; Bakgrunder]]
 
::[[Lektion 4 (C/Cpp 23)|4.8 &nbsp; Textpositioneringar]]
 
::[[Lektion 4 (C/Cpp 23)|4.8 &nbsp; Textpositioneringar]]
::<b><span style="color:#931136">Prov 2 kap 3-4</span></b>
 
 
<big><span style="color:blue">Kapitel 5 Introduktion till JavaScript</span></big>
 
<big><span style="color:blue">Kapitel 5 Introduktion till JavaScript</span></big>
  
Rad 75: Rad 63:
 
::[[Lektion 4 (C/Cpp 23)|6.4 &nbsp; Hantering av slumptal]]
 
::[[Lektion 4 (C/Cpp 23)|6.4 &nbsp; Hantering av slumptal]]
 
::[[Lektion 4 (C/Cpp 23)|6.5 &nbsp; Ökningsoperatorn ++]]
 
::[[Lektion 4 (C/Cpp 23)|6.5 &nbsp; Ökningsoperatorn ++]]
::<b><span style="color:#931136">Prov 3 kap 5-6</span></b>
+
::<b><span style="color:#931136">Prov 2 kap 4-6</span></b>
 +
 
 +
 
 +
</td>
 +
<td>
 +
<big><span style="color:blue">Kapitel 7 Kontrollstrukturer i JavaScript</span></big>
 +
 
 +
::[[Lektion 4 (C/Cpp 23)|7.1 &nbsp; Vad är kontrollstrukturer?]]
 +
::[[Lektion 4 (C/Cpp 23)|7.2 &nbsp; Enkel selektion: if-satsen]]
 +
::[[Lektion 4 (C/Cpp 23)|7.3 &nbsp; Tvåvägsval: if-else-satsen]]
 +
::[[Lektion 4 (C/Cpp 23)|7.4 &nbsp; Flervägsval]]
 +
::[[Lektion 4 (C/Cpp 23)|7.5 &nbsp; Efter-testad repetition: do-satsen]]
 +
::[[Lektion 4 (C/Cpp 23)|7.6 &nbsp; För-testad repetition: while-satsen]]
 +
::[[Lektion 4 (C/Cpp 23)|7.7 &nbsp; Räknar-styrd repetition]]
 +
::[[Lektion 4 (C/Cpp 23)|7.8 &nbsp; Sentinel-styrd repetition]]
 +
::[[Lektion 4 (C/Cpp 23)|7.9 &nbsp; HTML-element i loopar]]
 +
<big><span style="color:blue">Kapitel 8 Funktioner</span></big>
 +
 
 +
::[[Lektion 4 (C/Cpp 23)|8.1 &nbsp; Funktionsbegreppet i programmering]]
 +
::[[Lektion 4 (C/Cpp 23)|8.2 &nbsp; Formella och aktuella parametrar]]
 +
::[[Lektion 4 (C/Cpp 23)|8.3 &nbsp; Funktioner utan returvärde]]
 +
::[[Lektion 4 (C/Cpp 23)|8.4 &nbsp; Tärningskast i tabell]]
 +
::<b><span style="color:#931136">Prov 3 kap 7-8</span></b>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Rad 82: Rad 99:
  
 
</td>
 
</td>
<td>[[Image: Fig111.jpg]]
+
<td>
 +
::[[Image: Fig111.jpg]]
 +
 
 +
 
  
  

Nuvarande version från 17 september 2025 kl. 10.12

        <<  Kursöversikt          Kursens presenation          Innehåll & struktur          Centralt Innehåll          Lektioner  >>      

Kapitel 1 Introduktion till webbutveckling      

1.1   Om webbutveckling
1.2   Webbutvecklingens miljöer
1.3   Att komma igång med HTML

Kapitel 2 Grundbegrepp i webbutveckling

2.1   Länkar
2.2   Bilder
2.3   Bilder som länkar
2.4   Specialtecken
2.5   Punktlistor
2.6   Nästlade och ordnade listor

Kapitel 3 Mer om HTML

3.1   Tabeller
3.2   En mer utvecklad tabell
3.3   HTML Forms
3.4   En mer utvecklad Form
3.5   Radioknappar och Dropp-down list      
3.6   Interna länkar
3.7   Interna länkar i andra dokument
3.8   Image maps
3.9   Framesets
Prov 1 kap 1-3

Kapitel 4 Cascading Style Sheets (CSS)

4.1   Inline Styles
4.2   Internal Styles
4.3   Conflicting Styles
4.4   External Styles
4.5   Absolut positionering
4.6   Relativ positionering
4.7   Bakgrunder
4.8   Textpositioneringar

Kapitel 5 Introduktion till JavaScript

5.1   Om JavaScript
5.2   Att komma igång med JavaScript
5.3   Konkatenering
5.4   Utskrift i flera rader

Kapitel 6 Grundbegrepp i JavaScript

6.1   Variabler
6.2   Överskrivning eller kan x = x + 1 vara sant?
6.3   Inläsning av data
6.4   Hantering av slumptal
6.5   Ökningsoperatorn ++
Prov 2 kap 4-6


Kapitel 7 Kontrollstrukturer i JavaScript

7.1   Vad är kontrollstrukturer?
7.2   Enkel selektion: if-satsen
7.3   Tvåvägsval: if-else-satsen
7.4   Flervägsval
7.5   Efter-testad repetition: do-satsen
7.6   För-testad repetition: while-satsen
7.7   Räknar-styrd repetition
7.8   Sentinel-styrd repetition
7.9   HTML-element i loopar

Kapitel 8 Funktioner

8.1   Funktionsbegreppet i programmering
8.2   Formella och aktuella parametrar
8.3   Funktioner utan returvärde
8.4   Tärningskast i tabell
Prov 3 kap 7-8







Fig111.jpg


















Copyright © 2025 Lieta AB. All Rights Reserved.