Pokročilé hledání

Přejít na obsah

Ako vytvorit web optimalizovany pre iPhone

vše co vás napadne

Chat fóra: a nikdo. Vstup do diskuze online

Odeslat odpověď

?
Arashidek | sob črc 18, 2009 6:23 pm

Ako vytvorit web optimalizovany pre iPhone

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
 
Nahoru

Uživatelský avatar rony | sob črc 18, 2009 6:49 pm

Re: iPhone web

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>
/\/\ /\ > /\ / Facebook skupina Uživatelé Apple Watch a fb.com/forum.iphone.cz
 mba i7  iPhone  4  5S  X  iPad Pro  Pencil  TV4  HomePod  WATCH  AirPods
Klub čistého iOS
Klub čistého iOS
 
Příspěvky: 18993
Registrován:
pát pro 14, 2007 12:37 am
Bydliště: mám niekde
Nahoru

Uživatelský avatar djlucas | sob črc 18, 2009 10:48 pm

Re: Ako vytvorit web optimalizovany pre iPhone

a ja jeste doplnim ze na Macu lze jednoduse takovy web vytvorit za pomoci Dashcode
Macbook pro
iPhone 5S 16GB White iOS 9
Starý pes fóra :)
Starý pes fóra :)
 
Příspěvky: 614
Registrován:
ned dub 27, 2008 7:19 pm
Bydliště: Břeclav
Nahoru

?
Arashidek | ned črc 19, 2009 9:43 am

Re: Ako vytvorit web optimalizovany pre iPhone

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

?
Yreg | ned črc 19, 2009 9:59 am

Re: Ako vytvorit web optimalizovany pre iPhone

Veď je to iba obyčajný zoznam
 
Nahoru

?
Arashidek | ned črc 19, 2009 10:33 am

Re: Ako vytvorit web optimalizovany pre iPhone

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

?
Yreg | ned črc 19, 2009 10:45 am

Re: Ako vytvorit web optimalizovany pre iPhone

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

Prehľad diskusií na forum.iphone.cz

* indicates required
Odeslat odpověď

Zpět na Vše ostatní

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé

© 2007-2016 iPhone.cz
cron