HTML and CSS Reference
In-Depth Information
<title>Egypt Travel</title>
<link rel="stylesheet" href="styles/magazinegrid.min.css" type="text/css">
<link rel="stylesheet" href="styles/styles.css" type="text/css">
</head>
<body>
<article id="cover">
<section id="titel">
<h1>Egypt Travel</h1>
<p>Das interaktive Reisemagazin für iPad, iPhone und Android.<b>→
</b></p>
</section>
</article>
</body>
</html>
8
eine sehr kurze Version:
<article id="cover">
<section id="titel">
<h1>Egypt Travel</h1>
<p>Das interaktive Reisemagazin für iPad, iPhone und Android.<b>→
</b></p>
</section>
</article>
Wiederholen Sie diese Prozedur für alle Magazinseiten. Nachdem Sie nun die Inhalte
des Magazins vorbereitet haben, machen Sie sich an den interaktiven Teil der App.
Vorbereitungen für die App
Zunächst definieren Sie einige Variablen. Schreiben Sie diese ganz an den Anfang in
die Datei
app.js
:
var seitenListe = ["cover.html","seite1.html","seite2.html"];
var toolbar, carousel;
Die Variable
seitenListe
ist ein Array, in dem die Dateinamen aller Seiten stehen, aus
denen das Magazin zusammengesetzt wird. Aus
toolbar
und
carousel
werden später
die entscheidenden Bedienelemente Ihres Magazins. Erstellen Sie nun ein
Ext.appli-
cation
-Grundgerüst, in dem Sie das App-Icon und den Stil der Statusleiste festlegen:
new Ext.application({
name: 'Magazin',
statusBarStyle: 'black',
Search WWH ::
Custom Search