Recension: SiteGrinder 3, mer ett CMS än ett Photoshop-plugin

om din webbutveckling är mycket designorienterad finns det många applikationer som hjälper kreativa arbetare i ditt team med att skapa en webbplats. Det finns få applikationer som gör att designen kan skapas i en sann designers applikation som Photoshop samtidigt som användarna får alla verktyg de och du behöver för att sluta med en CMS-driven webbplats (Content Management System).

Dreamweaver förväntar sig att webbdesigners vet allt om HTML och CSS. Även iWeb eller RapidWeaver eller Karelias Sandvox förväntar sig åtminstone lite insikt i hur HTML fungerar. Inte så med SiteGrinder 3. Denna senaste versionen av SiteGrinder är en kombination av en Photoshop plug-in och fristående program som kombinerar för att leverera en komplett CMS utan att användaren någonsin behöver röra på HTML, CSS eller Javascript-även för komplexa webbsidor eller bloggar. Allt han / hon behöver är en god kunskap om Photoshop CS3, CS4 eller CS5 (32-bitars).

när jag granskade SiteGrinder för 4 år sedan var jag imponerad av vad du kunde göra med det när det gäller att snabbt göra en Photoshop-skiktad komposition till en webbsida. Media Labs SiteGrinder 3 är i en helt annan liga. Det går mycket djupare än föregångaren. Det är inte längre begränsat till gränserna för ett Photoshop-plugin.

SiteGrinder 3 är utan överdrift ett komplett CMS. Det kan sakna robusthet och skalbarhet i företagsskala-till exempel är det inte databasdrivet –men för designers som skapar webbplatser för kunder har SiteGrinder 3 inte bara ett lokalt, Photoshop– oberoende webbläsarbaserat innehållshanteringssystem, utan valfritt också en fjärransluten innehållshanterare.

du kan även ha en e-handelslösning med SiteGrinder 3, med Foxycart som sin handel back-end.

SiteGrinder 3-som version 2-fungerar med ’tips’, som är namn som föregås av ett streck som du måste lägga till dina lagernamn. Tipsen berättar SiteGrinder-systemet vad man ska göra med skiktet. Om du till exempel skapar en knapp och vill ha ett klick på den knappen för att resultera i att ett dolt lager blir synligt, ska dessa två element dela lagernamn, men knappskiktet ska ha tipset ”-button” lagt till och-clickshow-tipset för att göra det synligt. På så sätt vet SiteGrinder att knappen är ’länkad’ till textlagret och slår på den när knappen klickas.

i Designhanteraren, som automatiskt startar i din webbläsare efter att du har byggt din sida i Photoshop plug-in-gränssnittet, kan du sedan ställa in elementen för att fungera enligt inställningar och parametrar som du anger i Designhanteraren. Design Manager är ett webbläsargränssnitt till Sitegrinders avancerade design-och utvecklingsfunktioner.

det är först efter att ha distribuerat en webbsida som Innehållshanteraren blir tillgänglig. Återigen, webbläsarbaserad Innehållshanteraren låter dig skriva in text och bilder och till och med andra saker på sidan –ungefär på samma sätt som du skulle arbeta med WordPress eller Drupal (men lättare).

medan arbetsflödet är något du snart vänjer dig vid, kan det bländande utbudet av tips och hint-kombinationer kräva att du håller Tipsreferensen nära till hands. SiteGrinder 3 har inte bara tips för att bygga enkla sidor, men också för bloggar, kolumndesigner (både sträcker sig när innehållet växer) och sidfot. Sidfot som används i kombination med en sida eller kolumn tips tvingar sidfoten att ’hålla’ till botten av sidan. Det finns flera dussintals knep och smarta tips och arbetsflödeskombinationer som låter dig slutligen bygga en webbplats som är lika flexibel och dynamisk som en WordPress-webbplats med undantag för databasunderlaget (och därför mindre skalbart).

till exempel, efter att ha testat de många olika ’vanliga’ sidbyggnadstrickarna SiteGrinder 3 har i ärmen, satte jag mina tankar på att skapa ett galleri. Det första problemet var att bestämma vilken typ av Galleri jag ville ha. Det finns ett relativt enkelt CSS-driven galleri, men i kombination med Fancybox och andra ögongodisfunktioner kan även det ’enkla’ CSS-galleriet snabbt hamna i ett stort antal möjligheter att välja mellan.

ett annat exempel på denna funktion överflöd kan hittas i de tre möjliga miniatyr Ark du kan göra. Du kan ha ”växande” CSS-miniatyrbilder som visar alla tummar samtidigt, Flash-tummar som glider eller paged CSS-tummar som visar grupper av tummar och låter dig navigera från grupp till grupp. Någon av dessa kan användas som ”viewsheets” som visar alternativa vyer av ett galleri utställning.

allt bidrar till den rikedom av design som du kan skapa med SiteGrinder 3, men också till en stor svårighet: att välja rätt kombination. Att arbeta med SiteGrinder 3 kräver därför en del bra planering framöver, både när det gäller utseende och web 2.0-funktionalitet.

med galleritestet slog jag också sitegrinder 3s begränsningar. Det finns inte många, men en av begränsningarna jag hittade var att –även om du kan skapa komplicerade formulär– kan du inte ha ett söksystem gjort inifrån SiteGrinder 3. Nu skulle jag inte bli för förvånad över att lära mig att utvecklarna är upptagna med att utveckla en valfri plug-in för att lägga till den här funktionen, men i min version fanns det inte en sådan plug-In tillgänglig.

e-handel plug-in å andra sidan gör att du kan sälja dina bilder via en Foxycart hanterat system. Plug-in integreras med en riktig betalningsgateway, förresten. Foxycart är inget mindre.

de mest slående funktionerna i SiteGrinder 3 är dock dess CMS-funktioner:

• utgången till PHP samt statisk HTML
• möjligheten att ha kolumner som automatiskt ändra storlek med innehåll
• galleriet funktionalitet som är otroligt kraftfull och komplett
• plug-in arkitektur som möjliggör omfattande funktionalitet
• tillgängligheten av fjärrkontrollen och e-handel plug –ins
• användningen av Css i hela
• den rena koden som genereras
• möjligheten att använda multimedia i en webbdesign-inklusive video och ljud
• den interaktivitet som är möjlig använda CSS och Javascript
• det faktum att du inte behöver veta om koden som gör att dina interaktiva element fungerar

nackdelen med denna kraft är att du definitivt måste ta videokursen på SiteGrinder-webbplatsen. Jag tyckte att det var nödvändigt att också skriva ut det kompletta –utmärkta och mycket koncisa– hjälpsystemet. Kanske visar jag min ålder, men jag kände att jag behövde den här guiden ständigt i grannskapet för att inte missa någon av funktionerna och funktionerna.

även efter att ha läst guiden på förhand kunde jag inte bygga en komplex webbsida på ett par timmar. Istället tog det mig ett par dagar innan jag äntligen fick mitt huvud runt SiteGrinder sättet att göra saker. Arbetsflödet i sig är enkelt nog: du designar din sida i Photoshop, går sedan till sitegrinder plug-in och bygger sidan, finjusterar sedan Photoshop och bygger igen tills du är nöjd och redo att distribuera sidan.

i Photoshop måste du komma ihåg att du måste utforma dina sidelement på ett sådant sätt att SiteGrinder förstår vad det är som du vill att varje element ska göra. Det tar lite lärande. Till exempel, för att skapa en animering –ett textblock som jag ville glida in från en plats till en annan med ett klick på en knapp– behövde jag skapa en knapp och två identiska block. Skillnaden mellan dem var tipsen. För att en bakgrund ska visas bakom ett glidelement, var jag tvungen att skapa ett annat lager under det, som bara innehöll den färg och struktur som jag ville att skjutreglaget skulle ha.

koden som genereras kan vara statisk HTML men också– och förmodligen mer modern i sitt tillvägagångssätt-PHP. Jag valde konsekvent PHP för mina tester och det fungerade som en charm. Du måste definitivt välja PHP som utgång om du vill använda SiteGrinder 3 som ett CMS. Detta gör att du kan lägga till sidor baserat på befintlig siddesign, ungefär på samma sätt som vad du kan göra med WordPress, Joomla! och Drupal.

din vanliga SiteGrinder 3-inställning gör att du kan använda systemet som ett CMS på en lokal maskin, men om du har det valfria Fjärrkontrollinsticksprogrammet kan du också lägga till sidor med innehåll från vilken maskin som helst med webbläsaren och en specifik URL. Detta är det närmaste någon ’lätt’ CMS kan komma till den funktionalitet som levereras av databasdrivna system.

med det uttalandet, vilket verkligen är en komplimang, avrundar jag recensionen. Efter att ha tillbringat ett bra par veckor med SiteGrinder 3 Kan jag bara säga att jag fortfarande upptäcker nya saker, saker som jag kan göra annorlunda för att få olika resultat. Det fina med SiteGrinder 3 är att det fungerar. Det fungerar så bra att resultaten alltid är förutsägbara, dvs du är aldrig fångad av vakt och slutar med en design som är en röra.

kritik? Ja, jag har lite kritik. Hjälpguiden bör ha fler skärmdumpar av Photoshop – lagerinställningar för att förstå hur tips fungerar snabbare. Det bör helst läggas till ett söksystem i SiteGrinder 3 – inte bara möjligheten att integrera med Googles webbsökning. Och om det kunde finnas integration med ett databassystem som skulle sätta SiteGrinder 3 i allvarlig konkurrens med befintliga CMS-system, även om det också skulle vara trevligt om det fanns ett sätt att skapa mönster och sidor som låter dig integrera en SiteGrinder-design i WordPress eller Drupal på ett eller annat sätt (kanske detta kan vara en avancerad användarhandbok?).

slutet slutsatsen av min recension är att Media Lab, utvecklarna av SiteGrinder 3 har åstadkommit något som jag inte trodde är möjligt: att skapa ett verktyg som möjliggör mycket komplexa webbplatser utan att lägga till komplexiteten i själva verktyget.

SiteGrinder 3 kostnader 349.00 USD. Var och en av de för närvarande tillgängliga tilläggen (kontroll och e-handel i skrivande stund) kostar 159.00 USD. Det kompletta paketet har dock ett introduktionspris på 279.00 USD.

jag brukar aldrig kommentera priser, men i det här fallet är jag benägen att göra ett undantag: dessa priser kan verka dyra först, och de skulle vara om SiteGrinder bara var en plug-in med lite annat när det gäller CMS-funktionalitet. När det gäller SiteGrinder 3 tror jag personligen att du verkligen inte betalar för mycket –särskilt inte om du utnyttjar Medialabs introduktionspris!