Archief - Hoe is deze template opgebouwd?

benwake · 9 jun 2010

Hallo beste webdesigners,

Ik ben gewoon om een website op te bouwen in html en css, en naar aanraden van verschillende mensen, ben ik begonnen met flash ... maar ...

Na het downloaden van een willekeurige template, ben ik al volledig de mist ingegaan.

Kan iemand mij vertellen hoe deze template opgebouwd is?
Bvb: je klikt op een icoontje en je krijgt een pagina
-> waar is de link naar die pagina? Hoe kan ik die pagina editen in Adobe Flash Pro?
-> Als ik bvb lightbox code wil toevoegen, waar moet ik dit doen?

Ik zie bvb maar page1 en page5 in de template, maar er zijn wel 8 icoontjes, hoe gaat dit allemaal in zijn werk?

Ik weet dat ik veel vraag, maar ik heb al zitten rondneuzen en ik vind er niet veel over terug.
Dus als iemand bereid is om een woordje uitleg te geven, of eventueel een link, zou ik het ten sterkste appreciëren.

Mvg,
Benwake

De template: http://benwake.com/upload/template.zip

Scrimrage · 9 jun 2010

benwake zei:
Hallo beste webdesigners,

Ik ben gewoon om een website op te bouwen in html en css, en naar aanraden van verschillende mensen, ben ik begonnen met flash ... maar ...

slechte mensen dan ze jezus :eek:

dendaak · 9 jun 2010

Die manier van coderen lijkt mij niet zo correct. Het beste wat je kan doen om zo'n websites te maken is beginnen met een boek Actionscript 3.0. Zelf programmeer ik in Flex en niet in Flash. Flash =animaties.

De animaties die je maakt in Flash stop je in een SWC en deze ga je dan inladen in je flex project. Het is allemaal een heel process om het hier even uit te typen.

Maar moest je beginnen met het leren van " hoe ik flash websites maak". Dan kan je de manier van uit je zip bestand best niet toepassen.

benwake · 9 jun 2010

kzal dat eens opzoeken, maar ik vond die template wel geslaagd...
ben er al een beetje mee begonnen, maar nu ben ik dus geblokkeerd

www.benwake.com

Scrimrage · 9 jun 2010

nut van flash: 0.0

woony · 9 jun 2010

benwake zei:
naar aanraden van verschillende mensen, ben ik begonnen met flash

omg, met wie heb jij gesproken

... en ik zie zelfs dat je een mac hebt...
met dat je er toch nog niet echt mee bezig bent droppen die flash! en html / css gaan! gogogogo save yourself!!!

benwake · 9 jun 2010

mensen vinden het mooier in het algemeen, zou ik zo een template kunnen vinden met html/css (zoals het scherm in het voorbeeld). Kvind het echt prachtig

Wat ik eigenlijk zou willen hebben is een website pagina/template die op windows (of andere OS) trekt. Ik ben echt op zoek naar iets über-overzichtelijk

Unrach · 9 jun 2010

benwake zei:
mensen vinden het mooier in het algemeen, zou ik zo een template kunnen vinden met html/css (zoals het scherm in het voorbeeld). Kvind het echt prachtig

Wat ik eigenlijk zou willen hebben is een website pagina/template die op windows (of andere OS) trekt. Ik ben echt op zoek naar iets über-overzichtelijk

Zo een pagina is denk ik nog makkelijker te maken in html/css ipv flash. EN op gebied van overzichtelijkheid denk ik da ge ook beter af zijt bij html/css.

Flash = animatie en animatie is vrij moeilijk om daarin een overzichtelijke pagina mee op te bouwen. En html is een statisch document, kunde een heel schone hiërarchie mee opbouwen.

Zero Grav · 9 jun 2010

Please, please, please onthou u van de Flash discussies als ge er geen echte kennis van hebt. Ja, Flash heeft zijn tekortkomingen, maar dingen die hier gezegd worden steunen gewoon nergens op.

Ik begrijp dat ge wilt zeggen dat Flash niet top is en dat het raar is dat vrienden Flash aanraden boven xHTML (ook al is dat in een gebied van onwetenden echt niet zo abnormaal, monkeys like shiny stuff). Doch, Flash is nog niet dood en in tegenstelling tot wat sommigen van jullie denken zal het hoogstwaarschijnlijk ook niet zomaar sterven. En er is één ding dat echt eens geleerd moet worden. Flash kan zéker een krachtige en goeie tool zijn, ge moet er gewoon mee kunnen werken.

adrianhates · 9 jun 2010

Zero Grav zei:
Ik begrijp dat ge wilt zeggen dat Flash niet top is en dat het raar is dat vrienden Flash aanraden boven xHTML (ook al is dat in een gebied van onwetenden echt niet zo abnormaal, monkeys like shiny stuff). Doch, Flash is nog niet dood en in tegenstelling tot wat sommigen van jullie denken zal het hoogstwaarschijnlijk ook niet zomaar sterven. En er is één ding dat echt eens geleerd moet worden. Flash kan zéker een krachtige en goeie tool zijn, ge moet er gewoon mee kunnen werken.

Ik ben ook niet echt fan van Flash , ik haat het zelfs

Maar in tegenstelling tot anderen weet ik ook wel dat het zijn eigen kracht en nuttige toepassingen heeft. Als je een fancy website met veel extra speciale dingen wilt zoals 'supersmooth animations', dan kunt ge niet anders dan flash gebruiken. De toekomst met html5 zal het wel anders maken maar daar moete toch nog een 10 jaar op wachte ze

En zolang is flash zeker niet dood!

Drone · 10 jun 2010

Ik ben met flash begonnen omdat toen website eerder mooi moesten zijn in plaats van functioneel. Er is al veel veranderd en tegenwoordig maken mensen websites om te gebruiken en niet om naar te kijken. Je ziet zelf dat het uiterlijk van een website meer en meer ondergeschikt aan het worden is.

Nu de mensen die zeggen dat HTML5 morgen flash gaat vervangen zijn al even onwetend dan zij die volledige websites in flash maken.

woony · 10 jun 2010

ja ofc, maar waarvoor OP het gebruikt is het toch echt niet de bedoeling, tuurlijk heeft flash absoluut ook zijn voordelen voor bepaalde zaken, maar niet voor dergelijke toepassingen...

Zero Grav · 10 jun 2010

Maar is dat echt wat er in uw eerste post stond? Dat deze template geen Flash nodig heeft daar ga ik best mee akkoord, maar in de posts voor die van mij werd door niemand een onderscheid gemaakt. Daar werd gewoon direct de raad gegeven om van Flash weg te blijven (en op een vrij dramatische manier if I may say so).

Voor dergelijke toepassingen kan Flash weldegelijk gebruikt worden, kijk maar naar de mannen (en vrouwen) van bijvoorbeeld Boondoggle. Again, ge moet gewoon weten hoe ge ermee moet omgaan.

Soit, 't helpt de threadstarter niet echt vooruit. Maar als ge dan toch met zo'n template wilt verdergaan dan is de boodschap van gewoon dat ding in Flash te openen, door uw timeline te scrollen en te dubbelklikken op de dingen die ge wilt aanpassen. Dan opent em de MovieClip/Sprite waar de data in staat.

Maar Flash leren gaat ge niet op deze manier doen, ge moet eerst een basiskennis van het programma hebben (verschil tussen MovieClips, Sprites, de timeline onder de knie krijgen) en Actionscript 3 eens bekijken. Denk trouwens ook niet dat Flash alleen op dat programma berust. Eens ge echt met Flash begint beslaat dat programma nog 1 tot 10% van uw ontwikkelproces, voor het programmeren schakelt ge dan over op alternatieven zoals Flash Builder.

benwake · 10 jun 2010

mja, ik snap al dat er veel discussie bestaat rond flash, ik ga mijn website gewoon blijven beheren met html en css zoals vroeger.
Misschien kom ik ooit wel een template tegen die op de flash van hierboven lijkt.

GregoryCo · 10 jun 2010

Ikzelf werk altijd met Flex (OOP) om websites te bouwen, dus ik weet niet of ik alles hier kan beantwoorden.
Ik weet ook niet in hoeverre u vertrouwd bent met flash, maar als je naar de code kijkt op frame 1 (dus in de layer actions klik je op de eerste frame en druk je vervolgens op F9 om aar de code te gaan), dan zie je bovenaan dat er een array menu_label is aangemaakt voor de menu items (in dit geval de iconen met tekst eronder). Ik zie dat je al door hebt hoe je menu items kunt toevoegen/verwijderen/wijzien. Dus ga ik over naar u vraag:

-> waar is de link naar die pagina? Hoe kan ik die pagina editen in Adobe Flash Pro?

Terug in de code van de eerste frame zie je daar 4 events staan, een daarvan is

Code:

btn.addEventListener( MouseEvent.CLICK, btn_click );

Deze regel zorgt ervoor dat hij naar de functie btn_click verspringt bij het klikken op btn.

Hij gaat dus naar

Code:

function btn_click(e:MouseEvent):void
{
	var mc = e.target.parent;
	if( mc.item_url != undefined )  
		navigateToURL( new URLRequest( mc.item_url ), "_parent" );
	else  
		change_page(mc.item_no);
}

Daar wordt de URL toegewezen, dus naar waar je wilt verspringen.

Mja ik raad u aan om alles te bekijken in de mappen die erbij zitten, daar zitten die iconen bij enz, en veel traces te plaatsen, zodat ge kunt weten wat bij wat hoort enz. En mocht je het niet weten, een trace doe je als volgt: Bvb. trace("plaatseentekst"); Of als je iets specifiek wil tracen (bvb een movieclip ofzo), dan doe je trace(btn); dus zonder de quotes, want met quotes is voor tekst.

woony · 10 jun 2010

hehe eindelijk eens een antwoord op uw vraag

maar je zoekt een "template" die lijkt op die flash met die tv?
in 5 minuten heb je dat gemaakt in html. Slice die image, steek dat in divkes, en in de midden kun je uw content plakken. Hoppa! Ik heb heeel vroeger nog zoiets gemaakt met een iframe dan nog

Zero Grav · 10 jun 2010

GregoryCo zei:
Ikzelf werk altijd met Flex (OOP) om websites te bouwen,

Voor alle duidelijkheid, ge werkt in Flex Builder maar schrijft nog steeds AS3. Het Flex Framework ziet ge in 2 Devine 2de semester.

GregoryCo · 10 jun 2010

Archief - Hoe is deze template opgebouwd?

benwake

Legacy Member

Scrimrage

Legacy Member

dendaak

Legacy Member

benwake

Legacy Member

Scrimrage

Legacy Member

woony

Legacy Member

benwake

Legacy Member

Unrach

Legacy Member

Zero Grav

Legacy Member

adrianhates

Legacy Member

Drone

Legacy Member

woony

Legacy Member

Zero Grav

Legacy Member

benwake

Legacy Member

GregoryCo

Legacy Member

woony

Legacy Member

Zero Grav

Legacy Member

GregoryCo

Legacy Member