Så fungerar skärpa

En videofilm från Moderskeppet om hur skärpa fungerar i Photoshop.
http://www.moderskeppet.se/video/show/sa-fungerar-skarpa

Sista kurstillfället

På onsdag, imorgon, är det sista tillfället för grundkursen i webbproduktion. Vi skall gemensamt titta på de alster vi har producerat. Vi skall också diskutera över hur man kan använda de färdiga nätverk som finns på internet och vad det finns för sätt att publicera sig.
Ni har också fått era konton på Valands server, och jag kommer att ge er login och hjälp att få upp ert material.
Avslutningsvis gör vi en kursutvärdering.

Bokmärkesikon eller favicon

favicon

I adressfältet eller på en flik i webbläsaren, syns ibland en liten bild som extra hjälp för att känna igen webbplatsen. Det är går att göra sin egen bild i Photoshop. Den skall vara 16 x 16px stor och sparas med namnet favicon.ico. Sedan laddar man upp den på sin webserver och skriver in i html-koden för sin sida, någonstans mellan head taggarna :
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />
Om du vill göra det här lite lättare, så gå in på http://www.favicon.cc
där du kan ladda upp en bild eller skapa en favicon själv.

Ram runt länkar

För att bli av med den streckade ramen som dyker upp när en länk får fokus i en webbläsare är man tvungen att gå in i koden och lägga till en liten snutt i länk-taggen a. I Dreamweaver öppnar du sidan du vill ändra, väljer delad vy (kod och design) och infogar ett litet javascriptbeteende i a-taggen. Se den blåfärgade koden nedan.
Det här skriptet säger till webbläsaren att när en länk får fokus, dvs. blir klickad på, så skall den göra tvärtom, dvs. inte få fokus.

<a href="sida.html" onfocus="this.blur()">Länk</a>

Deamweaver - arbetsytan

Ännu några engelska video tutorials om Dreamweavers användargränsnitt,

Dreamweaver User Interface, del 1

Dreamweaver User Interface, del 2

Dreamweavers resurspanel (assets)

Build your First Web Page with Dreamweaver - Part 1

Build your First Web Page with Dreamweaver - Part 2

Build your First Web Page with Dreamweaver - Part 3

Three ways to Edit Pages in Dreamweaver CS3

källa: www.killersites.com

Skapa en Webplats i Dreamweaver

Eftersom det blev lite körigt för mig igår så han jag inte spela in tutorials, men jag hittade dessa på nätet. Det är engelska videotutorials.

Skapa en plats i Dreamweaver. Del 1

Skapa en plats i Dreamweaver. Del 2

Optimera bilder för webben

På webben är det speciella fil-format för bilder som gäller. De två vanligaste är jpeg och gif. På senare tid har bildformatet png tillkommit. Png har dessvärre inte fullgott stöd i Internet Explorer 6.0 som fortfarande är en vanlig webbläsare.
För att spara fotografiska bilder i jpeg-format för webben, finns det olika sätt att göra detta i Photoshop CS3.
En film från Moderskeppet.se visar hur du kan göra en jpeg för webben. Övningsbilden till exemplet finns här

Spara för webben i gif-format - en film om hur du sparar en gif-bild för webben. Övningsbild