Més de 100 diferents consells i tècniques de Dreamweaver
Adobe Dreamweaver és una eina tan poderosa per als dissenyadors web, ja que té tantes coses que podeu fer amb ell. Per descomptat, totes aquestes coses que podeu fer fan que sigui difícil aprendre. Descobreix algunes de les moltes coses que Dreamweaver pot fer, inclosos els canvis en la versió més recent, CS5. I no us oblideu de veure les coses que falten en Dreamweaver CS5 .
Definició d'un lloc
- Comença un nou lloc web
- Crea un lloc web
- Configureu només les parts del lloc que necessiteu, quan les necessiteu * Nou a CS5
- Configuració de servidors remots, QA i proves per a fluxos de treball més complets * Nou en CS5
- Creeu i publiqueu nous directoris
- Canvieu el doctype
- Inclou meta dades a les vostres pàgines
Posar el lloc en viu
- Definir un lloc remot
- Fitxers FTP al servidor web
- Utilitzeu un sistema de control de versions per comprovar els fitxers d'entrada i sortida
- Connecteu-vos amb Subversion per obtenir un control de versió més avançat * Nou en CS5
- Deixa notes per als teus companys d'equip
Creació de pàgines web
- Escriu una pàgina en mode WYSIWYG
- Escriure una pàgina en HTML
- Creeu una pàgina nova a partir d'una plantilla
- Creeu una pàgina nova des de zero
- Crea una plantilla
- Desa fitxers al directori del vostre lloc
- Definiu les propietats de la pàgina
CSS
- Utilitzeu fulls d'estil CSS
- S'estan afegint estils en línia
- Creeu un full d'estil extern
- Adjunta un full d'estil extern
- Creeu class, ID, tag i competeu selectors CSS
- Editeu les regles CSS existents
- Crea CSS per a pàgines imprimibles
- Activa i desactiva les propietats d'estil * Nou a CS5
- Inspeccioneu visualment el model de caixa CSS * Nou en CS5
Text
- Modifica el text
- Utilitza fonts diferents
- Insereix un salt de línia
- Utilitza caràcters especials
- Inclou la data d'avui
- Escriure comentaris
- Aplicar etiquetes HTML al text
- Afegiu atributs HTML a les etiquetes
Enllaços
- Enllaça text i imatges
- Comproveu els enllaços del lloc
- Canvieu els colors de l'enllaç predeterminat (enllaç, visitat, desplaçat, actiu)
- Crea consells d'eines sobre els enllaços
- Crea enllaços mailto
- Crea àncores de pàgines web
Imatges
- Afegeix gràfics a una pàgina
- Edita les imatges
- Canviar la mida de les imatges
- Afegeix alt text a les imatges
- Afegiu opcions d'accessibilitat addicionals a les imatges
- Alinea les imatges i el text
- Creeu una imatge de reenviament
- Utilitzeu mapes d'imatges
- Utilitzeu imatges de traça
- Utilitzeu marcadors de posició de la imatge
- Insereix HTML de focs artificials
- Insereix fitxers de Photoshop
Disseny
- Utilitzeu els temporats gratuïts inclosos * Noves dissenys d'inici de CSS a CS5
- Insereix divs per al disseny
- Editeu divs al panell d'estils CSS
- Inseriu elements absolutament posicionats
- Formateu elements absolutament posicionats a l'inspector de propietats
- Utilitzeu regles, quadrícules i guies
Llistes
- Afegiu llistes amb vinyetes i numerades
- Personalitza les bales i els números de la llista
Taules
- Crea una taula
- Afegiu files i columnes de capçalera
- Utilitzeu imatges transparents per mantenir obertes les cel·les de la taula
- Crea columnes d'amplada fixa i ample flexible
- Canvieu els estils de vora de les taules
- Incrusteu una taula dins d'una taula
- Importar dades tabulars
Formes
- Utilitzeu un formulari mailto
- Defineix les accions del formulari
- Afegiu camps de text, ràdio, casella de selecció, fitxer, imatge, selecció de quadres i ocults
- Permet accedir als vostres formularis amb els camps fieldset i label
- Crea botons d'enviament personalitzats
- Valida els formularis amb JavaScript (Spry)
Bases de dades i scripting PHP
- Adjunta el teu lloc a una base de dades
- Configureu un lloc PHP / mySQL
- Utilitzeu elements Spry per connectar-vos a la base de dades
- Insereix objectes de dades a les vostres pàgines
- Proveu i actualitzeu una font o visualització de dades Spry
- Editeu els llocs dinàmics complexos a la vista de disseny
- Descobreix tots els fitxers relacionats dinàmicament per reunir els llocs CMS de PHP (WordPress, Joomla i Drupal) * Nou en CS5
- Suggeriment de classe personalitzada per al codi PHP, inclosos marcs de tercers com Zend Framework * Nou en CS5
Marcs
- Crea un lloc web emmarcat
- Editeu el contingut de marcs
- Format i estil dels teus marcs
- Configureu els objectius d'enllaç predeterminats entre marcs
Afegeix interactivitat
- Crea un àlbum de fotos (ja no està en CS5).
- Afegeix so a pàgines web
- Crea un menú desplegable
- Utilitzeu comportaments de Dreamweaver per obrir finestres emergents, crear menús de salt, reproduir so, intercanviar imatges i molt més
- Afegiu feeds RSS a un lloc
- Insereix text en Flash com a reenviament
- Introduïu text CSS com a canvi
- Insereix altres connectors
- Afegiu la barra de menú Spry, els panells amb pestanyes, l'acordió, la punta de l'eina i el panell plegable
- Utilitzeu el Navegador d'eines per trobar nous widgets per al vostre lloc, sense necessitat de saber JavaScript
Prova les teves pàgines
- Proveu les vostres pàgines a Live View per veure els canvis deguts a JavaScript i la seva interactivitat * Novetat a CS5
- Valideu el vostre codi HTML
- Previsualitza les teves pàgines en diversos navegadors
- Utilitzeu BrowserLab per previsualitzar les vostres pàgines en altres sistemes operatius * Nou en CS5
- Utilitzeu el dispositiu central per comprovar com es veuen les pàgines als dispositius mòbils
- Comprova la compatibilitat del navegador
- Canvieu la configuració perquè coincideixi amb el que el vostre lloc ha de treballar
- Comproveu els enllaços del lloc intern
- Proveu l'accessibilitat del vostre lloc (ja no es troba a CS5).
- Converteix un document de Word en HTML
Personalitza Dreamweaver
- Afegiu extensions
- Desactiva les extensions
- Personalitza Dreamweaver amb dreceres
Augmenti la seva eficiència
- Utilitzeu dreceres de teclat integrades
- Utilitzeu fragments de codi
- Creeu i utilitzeu plantilles
- Genera pàgines noves a partir de plantilles personalitzades
- Actualitza les plantilles
- Incloeu un fitxer en un altre amb la biblioteca de Dreamweaver
- Actualitza els elements de la biblioteca
- Incloeu un fitxer en un altre amb SSI
- Utilitzeu la cerca i la substitució