Ako vytvorit web optimalizovany pre iPhone

Arashidek · Příspěvek od **Arashidek** » sob črc 18, 2009 6:23 pm

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

rony · Příspěvek od **rony** » sob črc 18, 2009 6:49 pm

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>

Příspěvek od **djlucas** » sob črc 18, 2009 10:48 pm

a ja jeste doplnim ze na Macu lze jednoduse takovy web vytvorit za pomoci Dashcode

Arashidek · Příspěvek od **Arashidek** » ned črc 19, 2009 9:43 am

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:-(

Yreg · Příspěvek od **Yreg** » ned črc 19, 2009 9:59 am

Veď je to iba obyčajný zoznam

Arashidek · Příspěvek od **Arashidek** » ned črc 19, 2009 10:33 am

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...

Yreg · Příspěvek od **Yreg** » ned črc 19, 2009 10:45 am

Je tam špeciálne css a špeciálna js knižnica, čo by si viac chcel?

iPhone.cz - fórum

Ako vytvorit web optimalizovany pre iPhone

Ako vytvorit web optimalizovany pre iPhone

Re: iPhone web

Re: Ako vytvorit web optimalizovany pre iPhone

Re: Ako vytvorit web optimalizovany pre iPhone

Re: Ako vytvorit web optimalizovany pre iPhone

Re: Ako vytvorit web optimalizovany pre iPhone

Re: Ako vytvorit web optimalizovany pre iPhone