Här kommer du hitta en uppsättning filmer som fungerar som kursmaterial för kursen i webbutveckling.
#001 – Välkommen till webbkurs
Välkommen till en kurs i webbdesign vid Göteborgs Universitet – Stenby. Denna film kommer att ge dig en kort introduktion till vad vi kommer att titta på under två dagars kursen.
Hjärtligt välkommen.
Hur lägger jag upp min hemsida på one.com
Som ni säkert minns så hade vi lite problem med att lätta upp hemsidorna på era konton på One.com. Hemligheten var en liten ny rutin hos One. Men det är nu löst.
1. Öppna utforskaren i Windows.
2. Klicka längs upp i fönstret där man kan se sökvägen.
3. Ta bort det som finns där idag och skriv in följande ftp://ftp.mittdomännamn.se/
4. Du får nu upp en fråga. Som användarnamn skriver du in. mittdomännman.se och på lösenord så skriver du in det lösenord som du valt.
5. Fytta sedan allt innehåll i den mapp som du skapat år din hemsida på skrivbordet och dra dessa till det fönster som öppnats. För att sidan skall synas med en gång så är det viktigt att du har döpt startsidan till index.html
Programvaror för HTML kodning
Här listar jag två olika programpaket som du skall ladda hem och installera om du har tänkt att använda din laptop under kursens gång.
PC
CoffeeCups hemsida http://www.coffeecup.com/free-editor/
Ladda hem CoffeeCup *Gratis*
MAC
Smultrons hemsida http://www.peterborgapps.com/smultron/
Ladda ner Smultron *Gratis*
#002 – Köpa Webbhotell och .se domän
För att förbereda dig inför kursen så vill jag att du funderar över om du vill skaffa dig en .se/.com domän och där igenom kan publicera din hemsida i samband med att kursen håller på. Se filmen och besök där efter www.one.com och registrera dig. Självklart kan du välja en annan leverantör av webbhotell.
#003 – PowerPoint föreläsning om HTML
I denna filmen så tittar vi närmare på vad HTML är och vad det har för roll när man bygger hemsidor. Läs gärna mer om taggarna på HTML sidan här på Hyperview. Titta gärna på nästa film där vi mer praktiskt börjar att koda upp en hemsida med hjälp av HTML.
#004 – Börja att koda HTML del1 – Grunder
Då är det dags att börja koda i HTML. Det enda du behöver är en Webbläsare + en HTML-editor. På Mac så kan du ladda ner Smultron. På PC kan du använda CoffeeCup eller Antäckningar i Windows. Alla dessa programmen är gratis.
#005 – PowerPoint föreläsning om CSS
Om vi kommer fram till att det är i HTML som vi hanterar innehållet i form av text och bilder så är det i CSS vi får det att se bra ut. CSS står för en uppsättning regler och kan jämföras med formatmallar i Word. CSS står för (Cascading Style Sheets) och ett standardverktyg inom modern webbutveckling idag.
#006 – Börja koda CSS del 1
#007 – Jobba med CoffeeCup. Koppla HTML till CSS
Efter jag uppmärksammat att det har funnits lite skillnader som bör belysas mellan Smutron och CoffeeCup. Där av kommer resterande filmer vara inspelade i CoffeeCup. =D
Det går bra nu, uppdaterar andelen filmer.
hej erik! tack för kursen i helgen! jag håller på att bygga min hemsida på one.com men har inte kommit på nått bra sätt att lägga upp mina bilder på. har du något tips? skulle vilja ha någon funktion där jag kan klicka på en mindre bild och få upp en stor, så att jag kan placera dom arbete för arbete. tack på förhand / elin timle
Jobbar du med One.com egna verktyg eller jobbar du med HTML och CSS?
one.coms egna verktyg(det som ser ut lite som ett gammalt word doc). men det går att trycka fram så att man kan få tillgång till källkoden om man vill mixa i den.