Uppgift 6 - Dragna lärdomar att dela med sig av....

Nu när projektet i Publicering via Internet är avslutat, vill jag att du funderar ut det bästa rådet du skulle vilja ge studenter som just ska börja motsvarande projekt.

Stort eller smått, egen surt förvärvad erfarenhet eller nåt som du faktiskt fick lära dig på kursen spelar ingen roll, du väljer ut ett enda gott råd att dela med dig av och skriver en bloggpost om det.

Sen kommer jag att börja summera om ni uppfyller kravet att ha "aktivt drivit en blogg under terminen", vilket är en del av momentet IT och samhälle. Ni behöver inte varit sååå aktiva, då detta att vistas i bloggosfären bara är en mycket liten del av ett moment som bara betygsätts med U eller G. Men åtminstone hälften av de 6 uppgifterna måste vara utförda för att jag alls ska bedöma er.

Ta ändå gärna chansen att använda denna skolblogg för att träna er på att layouta ett cms.
Ni har allt makt via koden i Blogger.
Välj Design > Edit html och scrolla er fram bland databasreferenser, html och css.

I exempeldumpen ser ni t.ex. 

/* Content

----------------------------------------------- */

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

dvs att typsnitt färg och bakgrund hämtas från inställningar ni gjort som lagras i databasen (dollartecknet signalerar detta)

Byt till vad ni själva vill genom att helt enkelt skriva vanlig CSS. 

Då är ni inte begränsade till de val som olika Blogger templates ger utan kan ändra precis allt genom att också lägga till egna taggar eller id och class och sen skriva regler för dessa selektorer som har helt nya egenskaper än vad som fanns i ursprungsmallen. 

Använd gärna Bloggers backupfunktion innan du börjar

Before editing your template, you may want to save a copy of it. Download Full Template.

om nåt skulle gå snett... särskilt viktigt innan ni fått betyg så inte hela bloggen kraschar...


Ett litet exempel:
Jag ändrade så att bakgrunden bakom posterna är lite genomskinlig, ränderna lyser igenom.


Letade med hjälp av Firebug upp att elementet antagligen heter nåt på post. 
Hittade databasreferensen $(post.background.color)


Egentligen så hämtas bakgrundsfärgen för posterna från samma ställe som mina widgets till höger så här:
<Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)"  value="$(widget.background.color)"/> 
och jag kan ändra den färgen tidigt i filen som en variabel. 
<Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
Då blir alla "boxarna" ändrade på ett ställe. Men där fick jag inte rgba att funka så jag skrev in det längre ner i filen i klartext. Letade i filen med Ctrl+F. 
Kommenterade sen bort det som stod från början och la till min egen rgba-färg. Lät sen bli att byta färg på sidospaltens widgets så att skillnaden syns direkt på sidan

Före

Efter

Lycka till!
/Anne