torsdag 3 juli 2008

Avlägger rapport!


enkelt och ordnat. CSS layout för det lite längre projektet Natverkshälsan. På sikt hoppas jag kunna göra innehållet dynamiskt med Dreamweaver som verktyg.


CSS övning.




Här är lite resultat efter mitt experimenterande med CSS. På sikt hoppas jag kunna göra innehållet till Natverkshalsan dynamiskt. Gör sidor lite löst för Nätverkshälsan, colt och protec som båda gör skyddsutrustning. Tyckte det blev roligare på det viset.

Hej mina vänner!
Förstår att ni jobbat på! Har på något sätt lyckats hamna utanför er mysiga gemenskap. Jobbar dock hårt på mitt hörn. Skall försöka sammanfatta vad jag sysslat med. CSS hanteringen i Dreamweaver är verkligen sjukt smidig. Bara man fattar "cascading stylesheets" och hur div-arna påverkar varandra är det väldigt lätt att knacka ihop något snyggt och fungerande.

Har använt lynda.com e-böcker som material.

Vet inte vad ni har för workflow men kopplingen photoshop-fireworks-dreamweaver fungerar väldigt bra för mig. Designen och måttförhållanden görs helt och hållet i photoshop och sparas i .psd för att sedan mer eller mindre klipp och klistras in i dreamweaver. Använder man bilden som "trace-image" i dreamweaver så går det snabbt att spika ihop ett CSS-dokument baserat på layouten från photoshop. Fireworks genererar snabbt rollover effects i xhtml som snabbt importeras i DW. Efter att första veckan lekt med CSS, layout och styles gick jag vidare med dynamiskt innehåll.

Ofta vill man kunna publicera saker fort på webben. Inte minst när man gör prylar åt kund el dyl. Dreamweaver har ju sin trevliga mall funktion där Mr Designer kan spara sidan som mall till Adobe Contribute som kunden i sin tur använder för att uppdatera text bilder etc.
Känns rätt osmidigt tycker jag. Naturligtvis vill man kunna uppdatera sin webbsida direkt i webbläsaren. logga in osv. Dreamweaver har ett sjukt smidigt verktyg för att hantera databas querys. d.v.s php, mySQL osv. Detta utan att behöva skriva en enda linje kod. Bara man har ett webbhotell som tillhandahåller databas. Lyckades hitta ett kanonprogram som skapar en låtsas php-databas på den egna datorn vid namn "MAMP". <- programmet är givetvis gratis och går alldeles utmärkt att använda som testmiljö för sin websida. Slippa strula med FTP etc under utvecklingsfasen. Googla "MAMP Download" bara, finns till Windows och OSX. Skall titta narmare på detta under följande veckor.

Nu har jag börjat titta på behaviors för att göra snygga rollovers och bildbibliotek...
Har ett tips på en cool sida med ett annorlunda navigationssystem.... ban bläddrar i sidled istället för höjdled. kolla in.

http://ceegraphics.com/
tror inte det funkar i safari dock...

fredag 27 juni 2008

Det går lååångsamt framåt

Har gjort en utfällbar meny som funkar sådär...


Det har tagit ganska lång tid för mig att komma igång och förstå css. Men nu börjar det lossna lite...

Det bästa läromedlet som jag fått tag i är en bok som jag lånade på ekonomiska bilioteket som hette Learn Macromedia Dreamweaver 8, från Lynda.com. Till den finns det tutorials och övningsuppgifter, allting väldigt pedagogiskt och bra!

Annars tycker jag mest det här med relativa mått och att få till en elastisk layout är svårt... Det är mkt pill för att få saker att placera sig där man vill. Bra förklaringar på just det finns på hemsidan: http://www.ninetnet.com/ (som är allmänt bra för nybörjare).








tisdag 24 juni 2008

So far...


Har gått igenom i Palles kurs och har fattat hur man kan använda olika "div:ar" och grunderna i CSS. det känns som att man måste sitta och pröva sig fram en hel del och testa olika lösningar, för att gå vidare.

Hittade en sjysst sida med CSS-grejer där jag kopierade koden för en rollover-meny helt i CSS till min "Pallesida".

http://css.maxdesign.com.au/listamatic/





Sen så upptäckte jag hur smidigt det är att läga skuggeffekter och liknande som transparenta
png:er för att kunna jobba friare med gradienter/mönster i bakgrunden, det enda neg. med det är väl iofs att de väger en del, och det kan nog tynga ned en sida rätt rejält om man
overdoserar med png:er:

En sak som jag klurar på är om man t ex lägger in ett bildspel gjort i flash i sin html-sida och den som som tittar på sidan inte har flash installerat.

Då tror jag att man kan göra en sk fallback, alltså en jpg som visas istället för flashfilen.

Samma sak hade ju varit bra om man gjorde grejer i Java, eftersom inte heller alla har det påkopplat.




Länktips:
http://webdesignskolan.com
http://www.thefwa.com/
http://www.dynamicdrive.com/

måndag 23 juni 2008

Divar o divar o divar


Status rapport:
Css delen börjar klarna lite nu. Börjar bli smidigt att jobba med divar.
Det börjar även kännas skönt att jobba i DW och samarbetet med de övriga cs programmen är underbart. Nu ska det tittas lite närmare på funktioner som att integrera flash och andra möjliga bildvisningar.
Over and Out
/Magnus

torsdag 19 juni 2008

Hemma

Hej!
Jag jobbar hemifrån idag...
Glad midsommar på er så ses vi på måndag!

måndag 16 juni 2008