Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di andbaz
    Registrato dal
    Jul 2011
    Messaggi
    441

    Come sviluppare un sito web in versione mobile?

    Ciao a tutti, io sono andrea e fino ad ora ho creato siti web e cose simili ed ora pensavo di lanciarmi nel mondo del mobile, però qui ho scoperto che le cose cambiano, soprattutto dal punto di vista della grafica in se, quindi premettendo che io non sappia niente di tutto questo, da dove dovrei iniziare il mio percorso per creare un sito web come ad esempio questi qui in versione mobile?

  2. #2
    Moderatore di Annunci siti web L'avatar di Cesar
    Registrato dal
    Dec 2001
    Messaggi
    3,446

  3. #3

  4. #4
    Utente di HTML.it L'avatar di andbaz
    Registrato dal
    Jul 2011
    Messaggi
    441
    Vorrei anche una panoramica di questo ambiente, del tipo:
    - cosa mi serve per iniziare?
    - tag da cercare su internet?
    - su cosa dovrei concentrarmi?

    Ho le idee un po confuse, perché io mi trovo qui con un server sul mio computer, un editor di testo e un sito per testare il tutto su un device mobile, e adesso?

    Ho cercato un po su internet, però trovo tutte cose diverse create per lo stesso fine, non esiste qualcosa di universale di base?

    Premetto che non amo aiutarmi con framework e cose simili, sottolineo che preferisco creare il tutto con miei script riga per riga così per rendere la cosa più flessibile, pulita e leggibile ai miei occhi, grazie.

  5. #5
    jquery mobile è forse il più anzato sistema per creare siti web mobile..in fondo alla pagina che ti ho fattio vedere c'è un editor visuale dove trascini i controlli che ti servono (pulsanti, select, immagini ecc.); tu non devi fare altro che associare il codice agli oggetti e ti viene generato codice html5 perfettamente funzionante su qualunque smartphone! quel che segue ad esempio è il codice geenrato da una semplcie pagina html5 mobile con un pulsante, una immagine ed un textbox:

    Codice PHP:
    <!DOCTYPE html>
    <
    html>
        <
    head>
            <
    meta charset="utf-8" />
            <
    meta name="viewport" content="width=device-width, initial-scale=1" />
            <
    title>
            </
    title>
            <
    link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
            <
    link rel="stylesheet" href="my.css" />
            <
    style>
                
    /* App custom styles */
            
    </style>
            <
    script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
            
    </script>
            <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js">
            </script>
            <script src="my.js">
            </script>
        </head>
        <body>
            
            <div data-role="page" id="page1">
                <div data-role="content">
                    <a data-role="button" href="#page1">
                        Button
                    </a>
                    <div style="width: 288px; height: 100px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;">
                        [img]http://codiqa.com/static/images/v2/image.png[/img]
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput1">
                                Title
                            </label>
                            <input name="" id="textinput1" placeholder="" value="" type="text" />
                        </fieldset>
                    </div>
                </div>
            </div>
            <script>
                //App custom javascript
            </script>
        </body>
    </html> 

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.