Beste SD'ers,
Nou zoals de titel al zegt. Ik heb een website ontworpen in photoshop, en deze wil ik ook in flash verder gaan uitwerken (zoals het laten inschuiven van de tabs ect.)Alleen deze wil ik dus ook goed in de browser en op verschillende resoluties laten overkomen.
Zo heb ik dus ook al gezocht naar een script dat de resolutie van de bezoeker checkt, en dan de website laat zien die bij die resolutie past. klik hier voor dat script.
Ook heb ik eraan gedacht dat alle browsers de website tog weer met een bepaalde breedte en hoogte laat zien (zoals IE7 heeft altijd een scrollbar rechts ook al is er niks te scrollen, en Mozzila Firefox 3 heeft dat niet). Daardoor dacht ik dus om een script te maken dat eerst de browser checkt, dan de resolutie, en dan de goede website laad.
Maar goed, ik denk dat dit allemaal een beetje chaotisch is. En denk dus dat ik helaas de achtergrond weg moet laten dus gewoon zwart maken met een gloed achter de basis. Maar ik wil natuurlijk alles laten zien.
Nou ik denk dat dit verhaal tog allemaal weer neerkomt op de titel van hoe ik mijn flash site goed in beeld kan laten komen. Ik hoop dat je (u) iets uit mijn verhaal kan opmaken.
Bas.
Website ontwerp klikhier.
- Hoe laat ik mijn flash site goed in beeld komen.
-
05-09-2008, 22:48 #1
- Berichten
- 153
- Lid sinds
- 16 Jaar
Hoe laat ik mijn flash site goed in beeld komen.
-
In de schijnwerper
-
05-09-2008, 23:07 #2Particulier
- Berichten
- 273
- Lid sinds
- 16 Jaar
Ik denk dat je het design wat ik nu zie toch beter in (x)HTML kan maken. Dit kan heel gemakkelijk, gewoon (laten) slicen/basen.
Dan is het ook een stuk beter voor de zoekmachines te indexeren.
Ook heb je dan het probleem met resoluties niet.
Dus eigenlijk de vraag: waarom wil je het met flash doen?
-
06-09-2008, 10:01 #3
- Berichten
- 153
- Lid sinds
- 16 Jaar
Ik wil het in flash maken omdat ik dan die tabs enzo kan laten inkomen schuiven.
En hoe wil je dat dan maken met (x)HTML? Want ik heb echt geen flauw idee...
Ik ken wel HTML maar geen XHTML, kan je daar meer mee? Ook het slicen kan ik wel.
-
06-09-2008, 10:51 #4Particulier
- Berichten
- 273
- Lid sinds
- 16 Jaar
XHTML is een nettere / striktere versie van HTML. Zo mag je niet meer <b><i></b></i> gebruiken maar moet het <strong> zijn ipv <b> en het moet in dezelfde volgorde sluiten als het geopend is.
Je kan veel dingen als binnen schuiven en dergelijke dingen doen met javascript en css.
Ook kan je eraan denken om die typische flash effecten te laten zitten, om zo meer naar SEO toe te gaan.
Als je probeert iets duidelijker te zijn over welke effecten je precies wil kan een goede slicer/baser je daar vast advies over geven. Misschien zelfs gratis advies (maar met de zekerheid van een 'vervolg'opdracht).
-
06-09-2008, 12:24 #5
- Berichten
- 153
- Lid sinds
- 16 Jaar
Oke,
De effecten die ik wil toepassen zijn:- Het laten in schuiven van de tab bladen rechts, en die van links
- Als je met je muis over de afbeeldingen in het linker tabblad naar boven of naar beneden gaat dat je dan zo door de afbeeldingen heen kan scrollen.
- Als je op de oranje knop drukt dat dan de aanwezige afbeelding uit-fade en dan de nieuwe in-fade. Stel foto 1 (kijk in het grijze vlak) word bekeken, dan wil ik dat die tekst wit is en het andere wat grijzer. En als je dan op die oranje knop druk dan dan de witte tekst uit-fade naar grijze. En dan fade de tekst "foto 2" in in het wit.
- Ook wil ik maken zodra je op de afbeelding klikt of op dat vergroot glasje dat dan de foto zich uitvergroot. Net zoals op deze site http://www.ronniekoestering.nl/.
- En dan als laatste (maar dat is onmogelijk denk ik zonder flash.) Je zit bijvoorbeeld op de home pagina. Die is dan de zelfde kleur als de basis. En dan klik je op het tabje "About me", dan schuift "Home" in, schuift hij weer uit en is hij oranje. En ondertussen schuift dan het tabje "About me" in en komt hij eruit als de basis kleur.
Bas.
-
06-09-2008, 12:56 #6Particulier
- Berichten
- 273
- Lid sinds
- 16 Jaar
Al deze effecten zijn wel te doen met javascript en css, maar het wordt inderdaad erg moeilijk. Ik ga niet op alle effecten in omdat me dat te veel tijd kost en omdat ik het niet voor je ga scripten. ;-)
2) Het veranderen van die afbeeldingen zoals je bij puntje 2 noemt kan heel erg eenvoudig. Hier kan je zoiets vinden.
3) Al deze fades kunnen gewoon in Internet Explorer, FireFox pakt ze helaas niet. Zie ook de link van 2.
4) Dit is gewoon het script Lightbox. Deze kan je zelf verder aanpassen. Zoek maar op G00GLE.
Succes met je keuze!
Nog even de mogelijkheden en positieve/negatieve punten (zelf aanvullen svp)...:
(x)HTML + Javascript + CSS:
- Minder mooie effecten mogelijk
- Meer werk (als je hier niet bekend mee bent)
+ SEO
+ Kan icm een simpel CMS
+ Voor iedereen te openen
Flash:
- Meer werk met bijhouden
- Plugin nodig
+ Veel prachtige effecten mogelijk
-
07-09-2008, 10:49 #7
- Berichten
- 153
- Lid sinds
- 16 Jaar
Hoi, Yoshi.
Bedankt over die tip van die lightbox :) Ik wist maar niet hoe dat heten.
Over puntje 2 in mijn effecten lijst. Die heb ik al gemaakt met flash, nou ja een vriend van mij dan. En wie heeft er tegenwoordig nou geen flash?
Verder heb ik nog een paar vraagjes.
Wat is SEO? Is dat dat google je site kan indexeren? Tegenwoordig indexeert google namelijk wel flash website, klik hier.
Wat bedoel je met: "Kan icm een simpel CMS". Ik had opgezogt wat CMS is, maar wat ik erop uit kan maken van een website is dat je dan een script maakt waarmee jij en anderen mensen de webpagina makkelijk kunnen bewerken.
En ja, ik denk nu wel wat ik weet wat ik dus moet doen. Ik moet dus geen flash website maken omdat ik hem dan niet goed in beeld kan laten komen. Maar een xHTML site, alleen vraag ik me dan nog heel erg af hoe je dat moet doen. Kun je mischien een voorbeeld geven?
Bas
-
07-09-2008, 11:15 #8Particulier
- Berichten
- 273
- Lid sinds
- 16 Jaar
[quote=bmvisuals]Hoi, Yoshi. Bas
Bedankt over die tip van die lightbox :) Ik wist maar niet hoe dat heten. No Problemo
Over puntje 2 in mijn effecten lijst. Die heb ik al gemaakt met flash, nou ja een vriend van mij dan. En wie heeft er tegenwoordig nou geen flash? Zoekmachines dus vooral, daarnaast laadt Flash langzamer.
Verder heb ik nog een paar vraagjes.
Wat is SEO? Is dat dat google je site kan indexeren? Tegenwoordig indexeert google namelijk wel flash website, klik hier. SEO (Staat overigens ook als help dingetje, dat stippellijntje, onder SEO.) -> Search Engine Optimization, oftewel de website zo goed mogelijk maken voor zoekmachines. Dit kan door <h1><h2><h3> tags, keywords etc. Google kan tegenwoordig wel iets met Flash, maar het staat nog in de kinderschoentjes.
Wat bedoel je met: "Kan icm een simpel CMS". Ik had opgezogt wat CMS is, maar wat ik erop uit kan maken van een website is dat je dan een script maakt waarmee jij en anderen mensen de webpagina makkelijk kunnen bewerken. Klopt als een bus, maar het gevaar bij Flash sites voor mensen die er niet genoeg van afweten is dat ze de content nooit meer aanpassen. Vooral omdat dat te moeilijk/ te veel gedoe is. Je kan uiteraard ook een CMS in Flash plaatsen maarja das meestal erg veel werk...
En ja, ik denk nu wel wat ik weet wat ik dus moet doen. Ik moet dus geen flash website maken omdat ik hem dan niet goed in beeld kan laten komen. Maar een xHTML site, alleen vraag ik me dan nog heel erg af hoe je dat moet doen. Kun je mischien een voorbeeld geven? Een voorbeeld van een xHTML site is erg makkelijk te vinden, maar ik denk dat je doelt op een voorbeeld van een Flash achtige site in xHTML. Die zie je wel, maar vaak worden de effecten weggelaten. Spreek een slicer/baser op SD aan en vraag naar de mogelijkheden, misschien kan hij je laten zien wat hij kan qua effecten etc.
Bas Yoshi
PS. Dit begint op een PM te lijken, misschien dat het beter is daar verder te praten, ik weet niet wat de Mod's hiervan vinden namelijk..
Laatst aangepast door gast8835 : 07-09-2008 om 11:21
-
07-09-2008, 12:39 #9
- Berichten
- 153
- Lid sinds
- 16 Jaar
Hoi,
Ja oke het laatste berichtje dan maar. Nou ik heb een beetje gekeken wat xHTML allemaal is. En inderdaad gewoon een nettere en striktere versie van HTML. Maar dan als nog vraag ik mijzelf af hoe ik mijn ontwerp passend kan laten maken in verschillende browsers. En dat ga ik dus vragen aan een slicer of het mogelijk is/hij hoe dat doet.
BasLaatst aangepast door Bas M. : 07-09-2008 om 12:51
-
07-09-2008, 13:06 #10Particulier
- Berichten
- 273
- Lid sinds
- 16 Jaar
Even terug naar de start post...
Als je graag t goed wil laten zien zou ik gewoon de viewport size check doen en vanaf daar redirecten. Staat overigens op die zelfde pagina een linkje daarover...
Dan stuur je bijvoorbeeld +/- 800x600 naar een andere dan +/- 1024x756.
Daarnaast kan je een aparte pagina maken voor SE (Search Engines).
SE check -> ja -> apart
-> nee -> viewport check -> 800x600 -> 800x600 versie
---------------------------------> 1024x756 -> 1024x756 versie
Succes ermee!
-
07-09-2008, 14:18 #11
- Berichten
- 153
- Lid sinds
- 16 Jaar
Ja daar zat ik ook aan te denken.
Alleen kwam ik later na nog wat meer nadenken op een ander probleem. Van die browsers (check 1ste post). En tegenwoordig hebben veel mensen ook breedbeeld.
-
20-09-2008, 20:28 #12
- Berichten
- 153
- Lid sinds
- 16 Jaar
ik heb al een idee :)
-
21-09-2008, 16:55 #13Particulier
- Berichten
- 5
- Lid sinds
- 16 Jaar
Mocht je toch de flashie elementen willen verwerken. Maar dan dan op een goede manier waarmee je bijvoorbeeld je teksten uit een database kan laten halen.
Denk dan is aan Adobe Flex.
Idd, je kan je site niet laten indexeren, maar het realiseren van wat jij in je posts aangaf is zeker niet onmogelijk.
Het makkelijke is dat je visual kan editen, of programmeren in MXML, een afgeleide van XML en bedacht door MacroMedia.
Integreerd naadloos met Javascript, XML en makkelijk aan bijvoorbeeld een CMS te koppelen door het aanroepen van een webservice.
Wellicht dat je hier nog wat leuks mee kan.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic