Premier App Store?

[psp2000sam]

Hey,
ik zag net de Premium AppStore van HOTTRIX..
( www.premierappshop.com/ )
kan ik zoiets ook maken?
Zoja, hoe?
Alvast super bedankt voor jullie hulp!!!!

[JWVD]

Het is gewoon een webapplicatie, dat kan iedereen maken

[psp2000sam]

Oké maar deze is als je em in je menu zet dan komt er ook zoon logo enzo en niet dat PLUSJe en de Bladwijzers ende Geschiedenis enzo die knopjes zitte daar onder niet. En bij die Premier AppStore heb je ook van die knopjes beneden net als In de Apple AppStore. Is dat dus een webapp? Hoe maak ik die dan?

Het liefst zonder dat ik iets hoef te downloaden!

---

Laatst gewijzigd door Bomans; 22-12-09 om 15:35. Reden: edit-knop gebruiken aub.

[Bomans]

Een webapp kan je maken met behulp van iWebkit.

[psp2000sam]

Helemaal bedankt!
Ik heb alles gedaan,,
ik heb alle bestanden op t35 geüpload ofzo want da zei n kennis. Maar nu zietie de foto's niet, (logos) hoe moet ik in hemelsnaam verder? Neem maar is n kijkje dan snap je vast dat ik er niet uitkom : sappstore.t35.com
plz help wat moet ik doen hoe kan ik em gewoon goed maken plz help!!

[Bomans]

Ik denk dat je toch beter even de .pdf tutorial leest die in het iWebKit pack zit dat je hebt gedownload.

[psp2000sam]

Dat is ook het eerste datik gedaan heb!
maar ik snap het echt niet
een vriend heeft ff alles mooi gemaakt kijk nu nog maar is.
alleen hoekan ik nu een nieuwe 'pagina' zegmaar maken?
met daarin dingen die ik wil? links en plaatjes enzo hoe moet dat?
alvastbedankt!!

[mcman]

Zijn dit nu echte apps, of weer van die verkapte filmpjes wat ze eerder ook deden?

__________________
Beschikt over een I-Phone 3G 16gb Wit. Was nummer 22 in Roterdam tijdens de launch!

[Bomans]

Uiteraard zijn dat nog steeds filmpjes.

[psp2000sam]

Weet iemand hoe ik een nieuwe pagina aan moet maken?
Maar dat ie nogwel steeds in het iWebKit Thema blijft?

[mcman]

Oorspronkelijk geplaatst door Bomans

Uiteraard zijn dat nog steeds filmpjes.

Lekkere oplichting dus... 40 dollar voor van die filmpjes...

Nu weer on-topic!

[psp2000sam]

Weet iemand hoe ik een nieuwe pagina aan moet maken?
Maar dat ie nogwel steeds in het iWebKit Thema blijft?

[Frog]

Lees de handleiding nog een keer door en zorg dat je alles begrijpt.

[psp2000sam]

Ik snap niks van die handleiding..

[Frog]

Heb je ooit handmatig websites gemaakt? Dit is hier namelijk op gebaseerd. iWebkit is eigenlijk een framework dat ervoor zorgt dat jouw webpagina er mooi uitziet op de iPhone. Je zal alles handmatig moeten veranderen.

Om dat te doen heb je allereerst een editor nodig zoals Notepad (windows) of Teksteditor (mac). Als je een mac hebt zou ik zelf Smultron downloaden, omdat die fouten soms weergeeft en alles duidelijke kleurtjes geeft.

Daarna moet je natuurlijk weten wat je moet veranderen. In de download is ook een demo map. Daarin staan een paar bestanden. index.html is de home pagina van je site. Die wordt geopend als je naar de site gaat. Als je die opent in Smultron zie je allemaal code. Dat is de code om die pagina weer te geven.

Als je zelf een eigen pagina wilt maken zal je vergelijkbare code moeten maken. Als je nu naar de map Framework gaat zie je daarin ook een index.html staan, wat dus het begin van de site is. Als je die index.html opent zie je een lege pagina waar niets op staat. De andere mappen in de map Framework hoef je niet te veranderen, daarin zitten bestanden of afbeeldingen die voor de layout zorgen.

Hoe verander je die index.html dan zodat er tekst komt te staan? Open hem in Smultron en je ziet dat er al wat basiscode staat. Op regel 10 staat <title>Title of your site</title>. <title> zegt dat de titel van de pagina hier begint en </title> zegt dat dit het einde is van de titel. Daartussen moet je dus de titel van je pagina zetten. Die titel zie je wanneer je een bladwijzer maakt en bovenin de adresbar.

Op de volgende regel zie je "<meta content="keyword1,keyword2,keyword3" name="keywords" />" en daaronder "<meta content="Description of your site" name="description" />" staan. Dit zijn codes die zorgen dat google weet wat er op jouw pagina staat. "keyword1,keyword2,keyword3" moet je dus veranderen door jouw kernwoorden, bijv: "auto's, motoren,boten". Op de volgende regel moet je een beschrijving van je site invullen, weer tussen de eerste aanhalingstekens.

Daarna zie je in regel 17 <div id="topbar"> staan en op de volgende regel staat </div>. Het eerste zegt dat de topbar (= de blauwe bar aan de bovenkant van het scherm) hier begint en de tweede tag (</div>) zegt dat hij daar eindigt. Hiertussen moet je dus alles zeggen wat je in de topbar wilt hebben. Als je daar een titel en een knop linksboven wilt hebben zet je de volgende code tussen de tags neer:

<div id="title">
	Mijn titel!</div>
<div id="leftbutton">
	<a href="http://www.google.nl">Google!</a></div>

In de eerste twee regels zet je de titel naar en in de regels daaronder staat een link naar Google. <div id="leftbutton" zegt tegen iWebkit dat je nu gaat zeggen wat er in de linkerknop komt en </div> op de volgende regel zegt weer dat dit het einde is van de linkerknop. De code die ertussen staat (<a href="http://www.google.nl">Google!</a>) is een HTML link.

Daarna zie je in regel 23 <div id="content"> staan. Dit zegt weer dat hier de inhoud van de pagina begint en die eindigt weer met </div> in regel 24. Daartussen moet je de inhoud van je pagina zetten.

Stel nou dat wij, netzoals de iWebkit demo, een intro willen hebben met daaronder links naar de overige pagina's. Dan gebruik je deze code:

<ul class="pageitem">
	<li class="textbox"><span class="header">Welkom</span>
		<p>Welkom op mijn site!</p>
	</li>
</ul>
<span class="graytitle">Links</span>
<ul class="pageitem">
	<li class="menu"><a href="#"><img alt="App Store" src="thumbs/appstore.png" /><span class="name">App Store</span><span class="arrow"></span></a></li>
	<li class="menu"><a href="#"><img alt="Foto's" src="thumbs/photos.png" /><span class="name">Foto's</span><span class="comment">Aanrader!</span><span class="arrow"></span></a></li>
</ul>

In de eerst regel begint een nieuw groep van items (<ul class="pageitem">). In de volgende regel staat <li class="textbox">. Daarmee maak je een nieuw item van het type textbox. Daarna staat <span class="header">. Daarmee begin je een header. Daar eindig je die weer met </span>. Zo gaat dat door op de volgende regels. In regel 8 en 10 zie je <a href="#"> staan. Dan denk je natuurlijk: "In de titel stond i.p.v. # de pagina waarnaar je linkt, waarom nu niet?" Nu staan er #, omdat je nergens naartoe linkt. Dan laat je hem niet leeg, je zet er # neer. Als je hem ergens naartoe wil laten linken moet je dus # vervangen door je url. Als je goed naar het eindresultaat en deze code kijkt zal je dit wel kunnen begrijpen.

Nieuwe pagina's maak je door gewoon de index.html pagina te kopiëren en de kopie een andere naam te geven, bijv. fotos.html. Je vervangt dan bijv. in regel 10 # door fotos.html en dan linkt hij naar de goede pagina. Je kan nu alleen nog niet terug naar index.html vanuit fotos.html. Daarvoor wil je natuurlijk een terug knop maken. Dat doe je door "<div id="leftbutton">
<a href="http://www.google.nl">Google!</a></div>" te vervangen door "<div id="leftnav">
<a href="index.html"><img alt="home" src="images/home.png" /></a></div>". Je vervang nu gewoon de Google knop door de terug knop. Er staat nu een home icoon, maar als je liever tekst wilt verwijder je de afbeelding (<img alt="home" src="images/home.png" />) en zet je op die plaats tekst neer.

Hopelijk is de basis van iWebkit nu duidelijk voor je. iWebkit heeft heel veel verschillende soorten pagina's (lijsten, formulieren, popups), maar als ik die allemaal ga beschrijven wordt deze post veel langer. Hopelijk begrijp je de handleiding nu wel en kan je daar uit halen hoe de andere stijlen werken.

iWebkit is gebaseerd op HTML, javascript en css, dus je kan ook naar tutorials over die onderwerpen zoeken als je zelf iets wil veranderen aan de layout (bijv. een andere kleurtje).

Succes met het maken van je website. Ik heb de map Framework (met daarin de bestanden) als bijlage (.zip) geupload, maar gebruik die alleen wanneer je alles wat ik hierboven heb opgeschreven gedaan hebt en wanneer je denkt dat je een schrijffout of iets dergelijks hebt gemaakt. Verder succes met het maken van je website!

Bijgevoegde bestanden

Framework.zip‎ (111,8 KB, 0x gelezen)

[psp2000sam]

Dankjewel, frog!
Nee ik heb alleen websites gemaakt met FreeWebs verder nog nooit.

[Frog]

Ok. Stel gerust vragen als je die nog hebt.

[psp2000sam]

Dus als ik een nieuwe pagina wil maken,
kopieer ik de inhoud van index.html? Dat snap ik niet helemaal..

[Frog]

Als je een nieuwe pagina wilt maken kopieer je het hele bestand en nadat je hem hebt gekopieerd geef je het bestand een andere naam. Dan heb je een nieuwe pagina en moet je de inhoud van die pagina handmatig gaan wijzig. Ook moet je zorgen dat de terug knop weer naar index.html linkt en je moet de link in index.html goed neerzetten.

[psp2000sam]

Ok..
Nou ik ben niet zo goed in HTML.
Ik zal 's kijken.
Bedankt!