Stránka 1 z 1
Ako vytvorit web optimalizovany pre iPhone
Napsal: sob črc 18, 2009 6:23 pm
od Arashidek
zdravím, nevím kam stím, tak to prdnu sem.
Jak vytvořím web primárně určený pro zobrazení na iPhonu, chcu si udělat takový rozcestník, ať si nemusím pamatovat všechny adresy nebo ať namusím lovit v záložkách... Díky předem za vaše nápady a rady
Re: iPhone web
Napsal: sob črc 18, 2009 6:49 pm
od rony
Uz davnejsie vznikla taka kniznica iui.js
http://code.google.com/p/iui/pomocou nej vytvoris web velmi jednoducho.
prikladom su weby ako
http://iphone.sme.sk/#_start ci
http://iphone.pravda.sk/ alebo aj moj web
http://iphone.3edene.info/Priklad zdrojoveho kodu v html, samozrejme linkuje sa v kode spominana kniznica vid. iui.css a iui.js plus obrazky atd.:
Kód: Vybrat vše
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sem nazov stranky</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="shortcut icon" href="iphone/favicon.ico">
<style type="text/css" media="screen">@import "iphone/iui/iui.css";</style>
<script type="application/x-javascript" src="iphone/iui/iui.js">
</script>
<script type="application/x-javascript" src="iphone/iphone.js">
</script>
</head>
<body>
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
<!-- <a class="button" href="#searchForm">Search</a> -->
</div>
<ul id="home" title="infoservis" selected="true">
<li><a href="#weby">weby</a></li>
<li><a href="#kultura">TV program</a></li>
<li><a href="#pocasie">počasie</a></li>
<li><a href="#doprava">doprava</a></li>
<li><a href="#slovnik">slovniky</a></li>
<li><a href="#pomocky">pomôcky</a></li>
</ul>
<ul id="weby" title"weby">
<li><a target="_blank" href="./spravodaj.php">Spravodaj</a></li>
<li><a target="_blank" href="./komentare.php">Spravodaj - komentáre</a></li>
</ul>
<ul id="kultura" title"kultura">
<li><a target="_blank" href="./tv.html">Najbližší program</a></li>
</ul>
<ul id="pocasie" title="počasí">
<li><a href="#generated" onclick="download_content('predpoved', 'predpoveď', 'generated');">predpoveď</a></li>
</ul>
<ul id="slovnik" title="slovník">
<li><a href="#generated" onclick="download_content('slovnik', 'slovník', 'generated');">slovník</a></li>
</ul>
<ul id="doprava" title="doprava">
<li><a href="#generated" onclick="download_content('doprava_spravodajstvo', 'dopravné spravodajstvo', 'generated');">dopravné spravodajstvo</a></li>
<li><a href="#kamery">dopravní kamery</a></li>
</ul>
<ul id="kamery" title="kamery">
<li class="group">diaľnice</li>
<li><a href="#genlist" onclick="download_content('kam_d1', 'd1', 'genlist');">dálnice d1</a></li>
<li class="group">cesty</li>
<li><a href="#genlist" onclick="download_content('kam_zeleznaruda', 'železná ruda', 'genlist');">e53 železná ruda</a></li>
<li class="group">mestá</li>
<li><a href="#genlist" onclick="download_content('kam_praha', 'praha', 'genlist');">kamery praha</a></li>
</ul>
<ul id="pomocky" title="pomocky">
<li><a href="http://iphone.3edene.info/nakupy/" target="_blank">Nákupný zoznam</a></li>
<li><a href="http://www.google.cz/" target="_blank">google</a></li>
<li><a href="http://www.iphone.cz/" target="_blank">iphone.cz</a></li>
</ul>
<div id="generated" class="panel" title="...">
</div>
<div id="generated1" class="panel" title="...">
</div>
<ul id="genlist" title="...">
</ul>
<ul id="genlist1" title="...">
</ul>
<div id="gendial" class="dialog" title="...">
</div>
</body>
</html>
Re: Ako vytvorit web optimalizovany pre iPhone
Napsal: sob črc 18, 2009 10:48 pm
od djlucas
a ja jeste doplnim ze na Macu lze jednoduse takovy web vytvorit za pomoci Dashcode
Re: Ako vytvorit web optimalizovany pre iPhone
Napsal: ned črc 19, 2009 9:43 am
od Arashidek
no díky, díky, ale sem řečeno pololama, jako vytvořit jednoduchý web pro mě zas až tak problém není, ale jak sem studoval ten kód tak sem těžce mimo:-(
Re: Ako vytvorit web optimalizovany pre iPhone
Napsal: ned črc 19, 2009 9:59 am
od Yreg
Veď je to iba obyčajný zoznam
Re: Ako vytvorit web optimalizovany pre iPhone
Napsal: ned črc 19, 2009 10:33 am
od Arashidek
no po vložení do notepadu mi to taky vyplivlo obyčejný seznam, já myslel, že pro optimalizaci na iP tám mus´í být nějaká specialita...
Re: Ako vytvorit web optimalizovany pre iPhone
Napsal: ned črc 19, 2009 10:45 am
od Yreg
Je tam špeciálne css a špeciálna js knižnica, čo by si viac chcel?