Det blir mycket på en gång här nu, men idén är att skapa en bild av ett arbetsförlopp från photoshop till en färdig layout…fast förenklat. Vi skapar en webbsida kopplad till en css-fil som beskriver innehållets färg och form. En container-div håller ett antal boxar. Containern har relativ position och innehålls-divvarna har absolut positionering i förhållande till containern. Ja, ungefär så.
Uppdraget idag är alltså att göra en enkel boxlayout i photoshop och ”översätta” den till en html-fil med koppling till css-filen. När du är klar, lägg den i din public-mapp i dropbox och klistra in den publika länken i en kommentar till detta inlägg. Spara även ner och lägg in en länk till en gif/jpg-bild av din photoshop-fil.
Del 1:
Del2:
Blir du riktigt hooked på css och vill fördjupa dig finns det ett par ställen jag vill rekommendera.
Ett enkelt sätt att publicera sitt spel är att använda sig av sin dropbox(!). Lägg helt enkelt in filerna i public mappen och högerklicka på html-filen och vips är det publicerat online… Jag visar också hur man gör för att korta ner sin dropbox-url till något lite roligare och hur man ftp-ar upp en fil på en webbserver.
Här är ett ganska långt blogginlägg (=många filmer) för att försöka förklara ljuduppspelning i flash, från ett enkelt frameljud, till att initiera och kontrollera ett ljudobjekt med ett framescript. Det är också lite ”nästa nivå” på programmering, dvs. att lägga alla script i ett framescript istället för att lägga det på ett movieclip t.ex.
Hur vet man om en bild har cmyk-ats eller inte i indesign och vad gör man åt det? Det är ju på inga sätt så att man alltid vill cmyk-a bilder, det beror helt på tryckmetoden. Här är i alla fall en snabb och kort visning av hur man gör för att se alla länkade(links-fönstret) filer i dokumentet och använda preflight verktyget för att varna för t.ex. rgb-bilder. Jag visar också hur man öppnar och editerar en bild i photoshop, från indesign.
Du vet hur det ser ut när man markerar text med en överstrykninsgpenna… Ja, så kanske formgivaren tänker ibland och vill ha en färgad ”låda” bakom texten. Om man inte vill sitta och pilla in en färgad låda bakom texten för hand, kan man använda indesigns character styles för att skapa en lite annorlunda understrykning, dvs. tjockare, i en annan färg och lite flyttad…
Senaste kommentarer