Incominciamo a dare uno sguardo ad uno degli elementi html che compare sempre più spesso nelle nostre pagine web e che, nonostante faccia parte della famiglia dei “frame”  è un ottimo alleato.
In questo tutorial, lo avete capito, parliamo di iFrame: cos’è, come funziona e come crearne uno con gli attributi fondamentali.

Niente panico, non vogliamo trasformavi in preicolosi Cracker. In questo tutorial vogliamo spiegarvi come utilizzare al meglio la funzione Vista dal Vivo di Dreamweaver per capire come analizzare layout e codice di siti che sono online.
Ottima funzione anche per fare diagnosi precise su siti web che presentano qualche problemino.

PS. Non dimenticate che i nostri video tutorial si possono seguire anche da iPhone, iPad e dispositivi Android

Dopo aver capito i concetti generali di come creare una newsletter (per gli amici DEM) in grado di essere correttamente interpretata da tutti i lettori, scendiamo nel dettagli del codice HTML per sviscerare cosa usare e cosa no e come.

Creare newsletter e DEM che funzionano è una questione di conoscenza delle regole ma anche di attenzione alle più comuni prassi utilizzate dagli spammer.
In questo tutorial vediamo come formattare in modo corretto l’oggetto e il contenuto del messaggio da inviare.

Newsletter che “funzionano” non è un titolo a caso. Ovviamente non parliamo, in questa sede, del funzionamento dal punto di vista marketing bensì di quello tecnico del web designer.
Ci sono infatti regole e metodi che bisogna conoscere per costruire le cosiddette DEM in modo tale che vengano correttamente visualizzate all’interno di tutti i client di posta.
Questo tutorial piacerà sicuramente alla nostra amica Micky di Pr Comunicazione, agenzia milanese, dove abbiamo avuto il piacere di tenere della formazione web proprio su questo argomento.
Namaste Micky

In un momento in cui i dispositivi mobili come iPhone e iPad la stanno facendo da padrona imparare a creare contenuti per questi device diventa sempre più importante.
Anche in questo Dreamweaver ci mette a disposizione delle soluzioni interessanti. La prima è sicuramente l’anteprima multischermo.

Si parla di liste e CSS personalizzate grazie al nostro Dreamweaver. Non liste della spesa bensì punti elenco che vogliamo far diventare qualcosa di più adeguato ai layout web che stiamo producendo.
In questo tutorial un esplosivo Max accompagnato da altri simpaticoni della banda di Total-Photoshop vi illustrano come fare.

Prima di pubblicare il nostro sito web online è buona prassi fare tutte le verifiche del caso. Con Dreamweaver possiamo velocizzare e rendere molto preciso questo controllo.
In questo video tutorial scopriamo come funziona il controllo dei collegamenti per evitare brutte sorprese online.

Quello di oggi non è un normale tutorial sui CSS e Dreamweaver.
E’ più una gita guidata ad una risorsa che mi piacerebbe condividere con voi riguardo al mondo dei CSS e del buon web design.
Si tratta di un sito che ci consente di guardare, scaricare, imparare e mettere in pratica un po’ di buone nozioni riguardanti i CSS.
Venite a vedere…

Quando vogliamo esplorare “dal vivo” un documento html (ma non solo, ovviamente) per capire esattamente come e dove sono distribuite le regole css la funzione “Esamina” di Dreamweaver CS5 torna davvero molto utile. Non solo per rivedere i nostri file ma anche soprattutto per capire come funzionano template e siti web creati da altri.

Abbiamo capito quanto sia semplice creare CSS ad arte con Dreamweaver e il pannello stili.
Tuttavia spesso occorre mettere un po’ d’ordine per fare si che le nostre pagine siano interpretate più velocemente e in maniera più performante dai browser.
Proprio per questo nel video tutorial di  oggi affrontiamo il tema degli stili raggruppati e nidificati.

In questo tutorial scopriamo come implementare in Dreamweaver una semplice funzione javascript per mostrare e nascondere elementi della pagina attraverso la proprietà display dei CSS.

Javascript è un linguaggio di programmazione semplice e potente che ci consente di creare molte funzioni come queste per aggiungere interattività nelle nostre pagine.
In particolare, in questo video tutorial, vediamo come scrivere la “simpatica” funzione “scompareTuriddu”

Quando iniziamo a scrivere codice in Dreamweaver CS5, che si tratti di HTML, CSS, PHP, Javascript o qualsiasi altra tipologia di codice, subentrano piano piano una serie di problemi relativi alla correzione, al recupero e al riutilizzo del codice che abbiamo redatto.

Per questo in questo tutorial ci occupiamo di alcuni suggerimenti e funzioni interne a Dreamweaver che consentono di ottimizzare il codice, renderlo più leggibile e, non ultimo, per poterlo riutilizzare senza doverlo riscrivere tutte le volte.

La funzione “File collegati” in Dreamweaver CS5 ci consente di esplorare i documenti ed il codice direttamente collegato al documento che stiamo lavorando.
Che sia una singola pagina web all’interno di un progetto o una porzione di un CMS, come WordPress, per esempio, possiamo letteralmente navigare all’interno delle varie zone di codice che vengono incluse (attraverso file esterni) nel nostro documento.

L’esempio classico è quello dei fogli di stile ma ci sono anche i file javascript e i file dinamici in php.
Cosa succede, però quando i file collegati sono tanti?
Come possiamo fare per discriminare la visualizzazione di alcuni file evitando di dover scorrere una lunga lista di elementi che non ci interessano?
A questa domanda risponde Max in questo nuovo video tutorial.

Continuiamo ad esplorare le possibilità di costruzione di una navigazione per il nostro sito con Dreamweaver.
Questa volta capiamo come creare rollover efficaci sui nostri link usando un metodo chiamato “sprites” che nulla ha a che fare con bevande gassate o il framework di Adobe