italian language - sito in lingua italiana english site - sito in lingua inglese

 

ADOBE DREAMWEAVER - TUTORIALS

 

Adobe®Dreamweaver CC®

 

Dreamweaver is a WYSIWYG editor and code editor for Windows and Macintosh. You can use it to write HTML, CSS, JSP, XML, PHP, JavaScript, and more. It can read WordPress, Joomla!, and Drupal templates and it includes a grid system to do grid-based responsive layouts for three different device sizes at once.

Source webdesign.about.com

With the amazing leaps in Web design over the past couple of years, sites can fall out of style quickly. How do you keep up with the technology, and how do you keep your websites looking fresh and interesting? Adobe’s Dreamweaver CC provides tools that can help you do both, but some people may feel that it distances design from code more than previous versions did.

Source www.macworld.com

Clicca Qui per i Tutorial in Italiano

 

 

 


 

 

 

1 – INTERFACE / INTERFACCIA

- Main Menu Bar / Barra dei Menu

- Workspace / Spazio di Lavoro

- Coder , Designer, Split

- Properties Panel / Pannello delle Proprietà

- CSS Panel / Pannello CSS

- Menu: Window / Menu: Finestre

- Files and Assets Panels / Pannelli Files e Assets

 

- Interface Customization / Personalizzare l'Interfaccia

 

- Thinking Web Design / Pensare ad un Sito Web

 

- Web Hosting: Choosing a Domain / Scegliere un Dominio

 

- Preferences / Preferenze

 

- More Preferences Tips / Altri Suggerimenti Preferenze

 

 

 

 

 

 

2 – SITE DEFINITION / DEFINIZIONE DEL SITO

- What? Who? Why? Where? When? Which? How? Business Planning / Pianificare il vosto Business

 

 

- Target Audience / Chi visiterà il vostro sito?

 

- Information Architecture / Architettura di Un sito

 

- How do Sites looks like.. "behind the scenes"? / Che aspetto hanno i Siti.. dietro le quinte?

 

- Define a New Site / Definire un Nuovo Sito

 

- Local and Remote Server / Server Remoto o Locale

 

- FTP (File Transfer Protocol) / Protocollo per la Trasmissione dei Dati

 

- Manage Sites

 

 

 

 

 

 

 

 

3 – HTML PAGE / PAGINA HTML

 

- What is the meaning of HTML ? Quale é il significato di "HTML" ?

 

 

- What is HTML5 ? / Cosa é HTML5 ?

 

- Create a New Document or Template / Creare un Nuovo Documento o usare un preimpostato

 

- How do Web Pages look like? Che aspetto hanno le pagine html?

 

- What is the use of Browsers ? / A cosa servono i Browser?

 

- Previewing and choosing Browsers / Testare e Scegliere I Browser

 

- Creating Web Page and Page Title / Creare dare un Titolo ad una Pagina HTML

 

- Modify: Page Properties / Modifica: Proprietà della Pagina

 

- How to write in HTML with "tags" / Come scrivere in HTML con i tag

 

 

 

 

 

 

 

4 – WEB PAGE STRUCTURE / STRUTTURA DELLA PAGINA

- Wireframing: Function + Structure + Style /Bozza del Sito: Funzione + Struttura + Stile della Pagina

 

 

- Wireframing a Website with Adobe Illustrator

 

- Wireframing a Website with Adobe Photoshop

 

- Web Page Interface Elements

 

- Units of Measurements / Unità di Misura

 

- Header, Content, Footer, Menu

 

- Rulers, Grids and Absolute Position DIV-isions

 

- Fixed, Elastic, Liquid, Hybrid

 

- Structuring a Page with CSS Cascade Stile Sheets

 

- CSS ID and positioning

 

- In-Line, In-Head and External CSS / CSS Esterno, "in linea" e " in testa"

 

- Responsive Sites with Dreamweaver

 

 

 

 

 

5 – WEB PAGE DESIGN / GRAFICA DELLA PAGINA

- Usability & Accessibility / Fruibilità e Accessibilità

 

- Page Properties

 

- CSS TAG, CLASS, ID Selectors

 

- CSS for Web Graphic Design

 

- CSS Designer

 

- Live View & CSS Inspector

 

- Designing a Web Site with Photoshop

 

- Designing a Web Site with Illustrator

 

- CSS 3 Transitions / Transizioni

 

 

 

 

 

 

6 – TEXTUAL CONTENTS / CONTENUTI TESTUALI

- Fixed, Elastic Liquid and Hybrid Layouts / Impaginazioni Fisse, Elastiche, Liquide e Ibride

 

- Headers and Paragraphs / Intestazioni e Paragrafi

 

- CSS Text Formatting / Stile dei Testi con CSS

 

- Fonts Management / Gestione dei Font

 

- Special Characters / Caratteri Speciali

 

- LineBreak & Space / Linee di divisione e Spazi

 

- Horizontal Rule / Linea Orizzontale

 

- Unordered & Ordered Lists / Liste Numerate e Non Numerate

- Unordered & Ordered Lists 2 / Liste Numerate e Non Numerate 2

 

- Tables, Rows & Columns / Tabelle, Righe e Colonne

- Tables, Rows & Columns 2 / Tabelle, Righe e Colonne 2

 

- Forms e Fields / Moduli e Campi Modulo

 

 

 

 

 

 

7 – GRAPHIC, VIDEO AND AUDIO CONTENTS / CONTENUTI GRAFICI, VIDEO E AUDIO

- Image Formats for the Web / Formati di Immagine per il web

 

- Decreasing Size of the Images / Ridurre il peso di un Immagine

 

- Inserting Images / Inserire Immagini

 

- Images Properties and Alternate Description / Proprietà e "ALT" delle Immagini

 

- Roll Over Images / Immagini Interattive

 

- HTML5 Video

 

- HMTL 5 Audio

 

- Inserting Flash SWF / Inserire Animazioni Flash

 

- Images Galleries and Sliders / Gallerie di Immagini e Slide

 

 

 

8 – LINKS / COLLEGAMENTI

- CSS Drop Down Menus / Menu a Tendina CSS

 

- Web site links / Collegamenti

 

- Internal Links and Anchors / Link Interni ed Ancore

 

- External Links / Link Esterni

 

- Mailto

 

- Image Map

 

- iframes

 

- framesets

 

- Ads

 

 

 

 

 

 

9 – METATAG, SEO & SEM

- Google SEO Guidelines / Linee Guida di Google per il SEO

 

- Description, Keywords, Language, Author

 

- Code Validation / Convalidare il Codice

 

- Browser Compatibility Check

 

- Google Index and Webmaster Tools

 

- Robot & Sitemap

 

- Google Business Places

 

- Pro Indexer

 

 

 

 

10 – Coding, Scripting, Plugging-In

- Find and Replace / Trova e Sostituisci

 

- Responsive Design: Media Queries

 

- Javascript Behaviors

 

- Javascript JQuery Effects

 

- Dynamic Website: PHP, SQL

 

- CMS: Content Management System

 

- Flash and Edge Animate

 

 

 

Clicca Qui per i Tutorial in Italiano