Come fare Dreamweaver CS5 compatibile con l'iPad

May 14

Adobe Dreamweaver CS5 rilasciato dopo il 31 agosto, 2010 include HTML5 e CSS3 compatibilità, così come le impostazioni di dimensione pagina per una varietà di dispositivi mobili, tra cui l'iPad. Se si è acquistato Dreamweaver CS5 prima di questa data, è possibile scaricare e installare la libera HTML5 Pack dal sito Adobe Labs. Tenete a mente che Dreamweaver è stato progettato per la creazione di pagine web per una varietà di dispositivi, quindi se si sta progettando pagine appositamente per l'iPad, è necessario assicurarsi che il codice è iPad-friendly. Dreamweaver CS5 non ha un built-in iPad utilità di conversione o iPad-specifici validatore codice.

istruzione

Installare il pacchetto HTML5

1 Avviare Adobe Dreamweaver CS5. Fai clic su "Informazioni su Dreamweaver" nel menu Guida e guardare il numero di versione.

2 Chiudere Dreamweaver se il numero di versione non è 11.0.3 o superiore. Vai a labs.adobe.com e cliccare sul link "Adobe Dreamweaver" nella sezione Tecnologia.

3 Scorrere la pagina e cliccare su "Dreamweaver CS5 HTML5 pacchetto." Seguire le istruzioni visualizzate per scaricare e installare l'aggiornamento.

Cambiare la Dimensioni dello schermo

4 Avviare Adobe Dreamweaver CS5. Selezionare "Nuovo" dal menu File per aprire la finestra di dialogo Nuovo documento. Fare clic sulla categoria "Pagina vuota", poi cliccare su "HTML" per aprire una nuova pagina HTML.

5 Aprire la barra degli strumenti Documento, se non è già visibile selezionando s "Barra degli strumenti" dal menu Visualizza, quindi facendo clic su "Documento".

6 Fare clic sulla freccia "Multiscreen" per vedere le opzioni disponibili sullo schermo. Selezionare "768 x 1024 Tablet". La finestra del documento viene automaticamente ridimensionata a le stesse dimensioni di uno schermo iPad.

Struttura pagina per l'iPad

7 Utilizzare HTML, CSS e Javascript nella progettazione di pagine per l'iPad. Evitare l'uso di plugin o frame complesse che consentono agli utenti di scorrere all'interno di fotogrammi su una pagina web in quanto questi non tradurre bene quando vengono visualizzati su un iPad.

8 Familiarizzare con eventi touch supportati da Safari in dispositivi iOS di Apple, come ad esempio "TouchStart" e gli eventi "touchend" mouse come "mouseover" non sono supportate da iPad.

9 Utilizzare l'attributo style "textarea" per le aree in cui gli utenti possono inserire il testo in una pagina. L'iPad non supporta l'attributo "contenteditable".