- Koppla upp sig mot p:/www via FTP
- Ett första HTML-dokument
- Teckenuppsättningar
- CSS – Vertikal meny
- CSS – Flytande layout
- CSS – Sprites
- CSS – Flytande layout med negativa marginaler
#1 – Koppla upp sig mot p:/www via FTP
Jag visar hur du som sitter på distans kan koppla upp dig mot p:/www med hjälp av ftp i editorerna Visual Studio samt Aptana Studio.
Observera att inledningsbilden där kurswebbsidan visas i bakgrunden visar förra årets kurswebbplats som inte ser riktigt likadan ut som i år. Informationen i filmen är i övrigt korrekt och gäller även för HT2012.
Ladda hem demot i mp4-format.
#2 – Ett första HTML-dokument
Jag går igenom hur du som sitter på distans och du som sitter på campus gör för att skapa ditt första HTML-dokument.
Ladda hem demot i mp4-format.
#3 – Teckenuppsättningar
Vilken teckenuppsättning som ska användas av iso-8859-1 eller UTF-8 brukar vålla en hel del bekymmer. Vi rekommenderar utf-8. Men hur gör man då när man får konstiga tecken i sitt dokument?
Ladda hem demot i mp4-format.
#4 – CSS – Vertikal meny
Hur kan man enkelt stila om en meny i en osorterad lista?
Ladda hem demot i mp4-format.
#5 – CSS – Flytande layout(2009)
Jag demonstrerar hur man kan göra en tvåkolumnslayout med hjälp av CSS. Observera att denna inspelning har ett par år på nacken och jag ska försöka göra en nyinspelning när tid finnes.
Då kvaliten på YouTube-klippet är dåligt så kan jag rekommendera denna version som är originalinspelningen.
#6 – CSS – Sprites
Hur fungerar CSS-sprites? En meny görs enkelt om med hjälp av CSS sprites
Ladda hem demot i mp4-format.
#7 – CSS – Flytande layout med negativa marginaler
Vi tittar på hur vi kan nyttja negativa marginaler för att göra en layout där innehållsdelen kan variera i storlek
Ladda hem demot i mp4-format.