måndag 30 augusti 2010

Webbutveckling – del 8 – färdigt!?

Sådär ja! Nu tyckte brorsan att det får duga. Hemsidan som jag jobbat på är "färdig"!

Nåja. Helt färdig blir en hemsida faktiskt aldrig, och själv vet jag en del som återstår och måste fixas, men i huvudsak är åtminstone designen och funktionerna så färdiga som kan anses behövas. Klicka på länken som följer om du vill studera sajten lite närmre och lämna gärna kritik, synpunkter, idéer och förslag till mig! E-post till webmaster(a)studiokvarnbacken.se landar hos undertecknad medan e-post till info(a)st... landar hos brorsan Niklas.

Länk till: finns inte längre

- sEt# -

onsdag 25 augusti 2010

Jag kanske dricker för mycket? ;)

När jag tittar upp på min bokhylla och ser mina sorgligt tomma absintbuteljer stå på
lit-de-parade börjar jag fundera en smula...


Jag dricker för mycket… Eller för snabbt… Eller kanske både och… Och i alla fall när det handlar om absint.   ;)

Sen tänker jag ett steg till och konstaterar "nyktert" att; Nej. Det handlar nog bara om att hushållskassan inte tillåter några större excesser. När buteljerna är tomma så är de, och det är bara förnimmelsen av tidigare smakupplevelser man har kvar…

PS: Vissa märken på bilden ovan finns att köpa via vårt svenska monopolbolag, och det gäller nr 2, 4, 5 och nr 6 från vänster. (Och de märkena heter i tur och ordning Duplais Balance, Mansinthe, Nouvelle-Orléans och Blanchette.) DS

måndag 23 augusti 2010

Webbutveckling – del 7

Tja. Nu börjar det som sagt hända en del saker även om hemsidan inte är riktigt färdig för lansering ännu. Det är dock inte så långt kvar känns det som. :)
Som jag nämnde i mitt tidigare inlägg om det här hemsidesprojektet så har vi nu hyrt in oss på ett webbhotell. Valet föll på Surftown i och med att de just nu kör en sommarkampanj där man hyr in sig i deras mediumvariant för endast 10 kr per månad. Denna mediumvariant, som de själva kallar Advancedpaket, innebär 20 GB utrymme, att man kan ha 10 domäner (en domän fixar man vid registreringen), obegränsat antal e-postadresser, 50 GB trafik per månad, obegränsat antal subdomäner och domänalias, obegränsat antal FTP-konton och avancerad kontrollpanel. I och med att vi, eller egentligen jag, valde att placera oss på en Linuxserver så ingår även t ex PHP 4 eller 5, obegränsat antal MySQL-databaser, möjlighet att använda egna CGI-skript och något som man kallar 1-Click Toolbox vilket ska göra det lätt att installera applikationer som t ex WordPressblogg, diskussionsforum och liknande.
Jag har nu puttat ut alla filerna till detta hotellutrymme och fått domännamnet att peka rätt vilket inte var något man behövde rådbråka sig själv med alls i och för sig. Detta främst för att börja testa funktioner och annat som måste fungera vid lanseringen men även för att helt enkelt se hur hela hemsidan kommer att fungera och se ut i praktiken. Sedan upprättade jag två e-postadresser, en för brorsan Niklas, som ju kommer att driva det här "företaget", och en för mig själv som webbmästare.*
Men sedan, när det blev dags att få till ett fungerande formulär som skickar meddelande till i första hand Niklas e-postadress, så stötte jag på en del problem. För att styra hur informationen från formuläret ska skickas tog jag hjälp av den mycket informativa och bra sajten www.webdesignskolan.se och ett CGI-skript som de rekommenderar (nms FormMail som är baserat på ett FormMail-skript av Matt Wright). Till slut lyckades jag få till det så att själva skriptet fungerar och skickar innehållet till våra e-postadresser. Men teckenkodningen var helt uppåt väggarna så våra svenska å, ä och ö visades med näst intill oläsbara koder. Jag kontaktade supporten på Surftown men de kunde inte hjälpa mig särskilt mycket. De hänvisade till att detta mera handlar om rena programmerings-kunskaper snarare än om deras hostingtjänst. Jag hade dock på känn att jag kanske borde backa tillbaka till att använda den lite "äldre" teckenkodningen (eller charsetet) iso-8859-1 istället för vad jag tror är det lite modernare utf-8. Så när jag väl angett att charset ska vara iso-8859-1 på alla htmlsidorna och i CGI-skriptet istället för utf-8 så fungerar det precis som det är tänkt! :) Och därefter återstod helt enkelt bara att finslipa kodningen så att e-postmeddelandena blir både överskådliga och lätta att behandla vidare.
Innan webbtjänsten kommer att lanseras återstår det i princip bara lite finlir med den grafiska designen, att lägga till lite bra metainformation för nätets dominerande sökmotorer och lite egna kommentarer i koden, samt att börja fundera på hur sjutton man egentligen ska marknadsföra det hela på bästa sätt. (?)
Sedan vill man ju framöver såklart även få in beställningar och liknande automatiskt i en databas (och det blir nog en MySQL-databas av allt att döma) så att man får ett bra kundregister och en relaterad tabell med genomförda beställningar. Detta är dock något som jag lägger lite mera framför mig så att säga.
Den stora frågan just nu är dock om man ska använda sig av någon form av Captcha i formuläret eller om man kanske kan förhindra spam på något bättre och förhoppningsvis lite enklare vis?

*) Webbmästare? Nå, det är nog till att ta i en smula. Men det är i vilket fall som helst ganska roligt, det här med att arbeta med webben och sånt. Och vem vet? Med tiden kanske man till och med får en viss rätt att kalla sig webmaster… Förvisso outbildad men åtminstone som en glad amatör.

onsdag 18 augusti 2010

Idag blev det "sista" behandlingen

Ja, idag har man väl ändå skäl att fira en liiiten aning i alla fall?

Min behandling mot Wegeners granulomatos (eller Wegeners sjukdom) avlöpte sin trettonde puls under dagen idag och det var den … tjoho… sista!!

Nåväl. Sista för den här gången kanske man bör säga? Det finns absolut ingen garanti om att det inte återkommer, att jag drabbas av ett så kallat skov, fast det kan ta ett år, det kan ta åtta och ett halv år eller (om jag har riktig tur) så drabbas jag aldrig av skov. Dessutom måste jag invänta ett provsvar som dröjer en aning längre än de andra vanliga. Läkaren ville ha ett prov som visar hur mycket PR3-ANCA som finns kvar i mitt blodomlopp, men det finns heller inget som tyder på att det skulle finnas några större mängder av denna sjukdomsframkallande lilla svinpä… förlåt; antikropp. En liten mängd PR3-ANCA kan jag leva med enligt honom, bara man håller koll på att värdena inte börjar stiga igen. Skulle det däremot inte finnas något alls så har behandlingen verkligen gjort susen, och man skulle då i princip kunna friskförklara mig.

Detta är dock något som jag får ge mig till tåls över helgen med att få reda på. Hoppas gör jag men samtidigt vill jag inte skönmåla. Det är nog en aning svårt också just nu med tanke på att jag förmodligen kommer att vomera, "prata med Ulrik", lägga en Capricciosa eller helt enkelt bara kräkas i morgon, i övermorgon och kanske några fler dagar. Hinner jag ta min antikräkmedicin innan illamåendet rullar igång så slipper jag ovanstående, förhoppningsvis.

Webbutveckling – del 6

Tja. Nu börjar det väl ändå hända något. Webbhotell är fixat och sidorna ser rätt bra ut. Det återstår dock en del innan man liksom kan lansera det hela, med buller och bång!

Dessvärre finns här ingen länk till denna hemsida (ännu) och det beror helt enkelt på att du som läser det här inte ska få fel uppfattning om brorsans eminenta lilla tjänste-idé. Det är ändå rätt lätt hänt när man möts av halvfärdiga sidor som ingen jäkel har någon egentlig nytta av.

torsdag 5 augusti 2010

Webbutveckling – del 5

Småändringar har det i princip bara blivit sen sist. Men nog så viktiga småändringar ändå.

Jag har gjort så att sajtens beställningsformulär ska öppnas i ett popupfönster, precis som för videoexemplen. Skillnaden är dock att formulärets fönster är längre. Jag såg dock till att anpassa fönstrets storlek för användare som eventuellt (fortfarande) kör med en skärmupplösning på 1024 x 768 pixlar, vilket man nog måste räkna som någon sorts minimistandard idag. Och så har det så klart en rullningslist till skillnad mot de andra popupfönstren.

En sak som bråkade lite var dock att videofönstren inte laddades om, så att säga, när man klickar för att få upp fönstret för beställningsformuläret. Hade man fortfarande ett videofönster öppet (i bakgrunden) så laddades formuläret i själva fönstret för video. Detta löste jag, med hjälp av webbdesignskolan.se, genom att skriva in kod som gör att så fort man klickar någonstans utanför ett videofönster så stängs detta. Enda nackdelen är att video laddas i formulärfönstret (och dess dimensioner) om man inte stänger detta först.



Vidare? Tja. En aning mera text under Villkor har det blivit och så arbetade jag om Kontaktsidan lite grann också.

onsdag 4 augusti 2010

Webbutveckling – del 4

Gjort idag:

Well. Idag har det inte blivit så mycket. Inte mycket som syns kanske, men rätt bra tid har det tagit ändå.

Jag har skapat rubrikbilder till alla sidorna, så istället för att bara köra med h1 (heading = rubrik) i html-koden så är det nu gifbilder som visas. Rubrikerna är dessutom i samma teckensnitt som används till logotypen "Studio Kvarnbacken" överst på sidorna, så att det inte ska bli så blaffigt så att säga.

Dels blir det en aning snyggare än att bara ha vanlig Arial och så hålls sidorna ihop lite mera rent grafiskt (eller snarare typografiskt). Så tycker jag i alla fall men man får ju invänta brorsans åsikt också.

Enda problemet i sammanhanget är väl (möjligen) att visningen skulle kunna strula ibland för somliga, men det är nog väldigt sällsynt. Och så måste jag framöver få CSS-koden för utskrifter att sätta någon "vanlig" rubrik istället för att använda dessa bilderna. Gif-bilderna som jag gjort är nämligen genomskinliga och det blir inte så vidare snyggt (eller praktiskt) när man skriver ut dem.

tisdag 3 augusti 2010

Webbutveckling – del 3

Jaha. Nu har jag fixat till popup-fönstren för filmsekvenserna till rätt dimensioner, med de rätta namnen och rätta kodbenämningarna. Dessa fönster visar nu även rätt filmer även om den andra filmen inte är trimmad och vidgjord ännu, så det väntar jag på.

Jag har även valt en annan bild som tumnagel för den tredje filmen på sajten så att den representerar innehållet lite bättre. Det handlar om en film skapad utifrån en massa tidningsurklipp och då bör ju tumnageln även visa detta lite tydligare.

Sedan har jag ägnat lite tid åt att fylla på Tips & tricks-sidan med lite innehåll. Detta i väntan på, så att säga, att jag funderar ut hur jag ska lägga till en flytande (?) och utfällande (?) undermeny till längre sidor som man behöver ha länkar till olika stycken eller kapitel på.


Uppdatering:

Lite mera innehåll blev det även på Din DVD-sidan idag.

måndag 2 augusti 2010

Webbutveckling – del 2

Jag är inte någon expert som sagt så det tar lite tid, men jag pular, mixtrar, testar och finslipar i alla fall på hans webbprojekt och med tiden blir det kanske rätt bra ändå?

Idag har jag rättat till popup-fönstren så att innehållet, alltså filmerna och texterna, hamnar mitt i fönstren. Sen har jag finlirat med måtten för själva videoklippen också. YouTube har dock en begränsning i sin embed-funktion verkar det som. Hur jag än gör så kan jag inte få spelaren för video nr 1 att sträckas ut horisontellt. Som det är nu när jag själv granskar just det popup-fönstret så försvinner ju en del av spelarens ram vilket jag tycker är en smula fult.

När det gäller popup-fönstren har jag dessutom lagt in lite beskrivande text, fått stäng-länkarna lite större och fetare samt lagt in olika fönstertitlar (nr 1, 2 och 3).

Det ligger nu länkar till tre filmklipp på Din DVD-sidan och där har jag lagt tumnagelbilder istället för vanliga textlänkar. Där har jag dessutom lagt till title-taggar för att inforutor ska visas i främst Mozilla Firefox.* Framöver ska jag bara få in lite beskrivningar om varje filmklipp på något bra vis. Tanken är att det kanske ska ligga som någon form av bildtext under varje tumnagel.

I övrigt har jag bara småfixat lite. Till exempel så är all text nu en aning blåare än tidigare och matchar t ex menylänkbilderna lite bättre. Och så har jag lagt in en tredje bild för varje menyobjekt som visar lite tydligare vilken sida man för tillfället är inne på, och färgen på dessa bilder ska matcha färgen på besökta länkar… Lite sådär småjobb och finlir alltså…

Förresten: Tumnagelbilden i mitten (på Din DVD-sidan) tycker jag är rätt läcker, och den visar ju rätt tydligt att Niklas kan det här med green-screenfilmning ganska väl.


*) I går förklarade jag skillnaden i hur Internet Explorer visar alt- och title-taggar jämfört med Mozilla Firefox för Nicke, och naturligtvis (!) anser jag att den senare renderar koden på ett mycket mera korrekt sätt.

söndag 1 augusti 2010

Webbdesign på… ? Ja, vilken nivå?

För ett tag sedan fick jag ett litet uppdrag av en av mina bröder, Niklas i Östergötland. Han ville att jag skulle ge mig i kast med att producera en hemsida till ett projekt eller en idé som han delgav mig. Detta föranleder också att jag skapat en ny etikett här i bloggen - nämligen webbutveckling.

Den senare tiden har jag alltså suttit och pulat lite med ett bra bildredigeringsprogram ;) och med ett riktigt bra webbredigeringsprogram. ;) Dessvärre är jag ingen superdesigner direkt. Inte heller är jag någon inbiten kodknackare. Men lite html och css förstår jag mig åtminstone så "glad i hågen" gav jag mig alltså i kast med hemsidesdelen av hans projektidé.

Att komma på någon bra design för en hemsida som ändå ska försöka se en aning proffsig ut är inte det lättaste. Men vi diskuterade lite fram och tillbaka och kom överens om att en lite mörkare biografkänsla nog skulle vara det rätta. Jag kom då att tänka på hur den här bloggen ser ut numera och inspirerades en smula av designen här. Så efter att ha knackat ihop åtminstone en grundstomme till hur det (eventuellt) skulle komma att se ut tillbringade jag en vecka hos honom, som jag skrev om i mitt förra inlägg här, och han verkade rätt nöjd.

Det jag hade gjort då var att endast bygga upp sidan (sajten) i html, och nu återstod att överföra själva designelementet till ett separat CSS-dokument. Allting blir ju så mycket lättare i framtiden om man bygger utseendet eller designen i CSS-kod. Då har man "bara" att fylla i information och annat i html-koden framöver. :)

Nu under den här helgen har jag inte bearbetat de grafiska elementen i någon nämnvärd utsträckning alls. Jag har koncentrerat mig på att börja bygga stommen till den CSS-kod som ska till istället.

Synd bara att man inte är vidare van vid det här med hemsidor, design, html- och CSS-kodning, webbhotell och allt som hör till. Hade jag varit det så hade det hela åtminstone gått bra mycket fortare. Som det är just nu så får man prova mig fram en hel del, vilket tar betydligt längre tid än om man vore mera van. Och det återstår en hel del att göra innan jag själv blir någorlunda nöjd med resultatet. Det ska vara en förhållandevis "ren" sida, inte för blaffig alltså, men bilderna som ligger som menylänkar är jag till exempel inte helt nöjd med. Dessutom tror jag att menyn hellre bör ligga i någon form av grafiskt "block" också och inte som nu, bara utslängda (nåväl) på den aningen ljusare bakgrunden? Och så funderar jag på att designa en bakgrundsbild med någon form av toning (eller liknande) istället för att som nu endast ha en solid färg som bakgrund.

Utöver dessa funderingar vad det gäller just den grafiska designen, så vill jag även få till ett bra, väl fungerande och snyggt beställningsformulär någonstans. Och så ska det presenteras kortare videosnuttar också och dessa bör kanske ligga i mindre och separata popupfönster?

Sedan, framöver när sidorna börjar likna nå't, så får man se sig om efter något bra och hyfsat prisvärt webbhotell också.