Máis de 100 diferentes consellos e técnicas de Dreamweaver
Adobe Dreamweaver é unha ferramenta tan poderosa para os deseñadores web, porque ten tantas cousas que podes facer con el. Por suposto, todas esas cousas que podes facer fan que sexa un reto aprender. Descubra algunhas das moitas cousas que Dreamweaver pode facer, incluíndo cambios na última versión, CS5. E non te esquezas de comprobar as cousas que faltan no Dreamweaver CS5 .
Definir un sitio
- Comezar un novo sitio web
- Crea un sitio web
- Configure só as partes do sitio que precisa, cando o precise * Novidades en CS5
- Configurar control remoto, QA e servidores de probas para fluxos de traballo máis completos * Novo en CS5
- Crea e publica novos directorios
- Cambiar a doctype
- Incluír meta datos nas túas páxinas
Poñendo o teu sitio en directo
- Define un sitio remoto
- FTP ao servidor web
- Use un sistema de control de versións para comprobar os ficheiros dentro e fóra
- Conéctese con Subversion para un control de versións máis avanzado * Novo en CS5
- Deixar notas para os teus compañeiros de equipo
Creación de páxinas web
- Escribe unha páxina no modo WYSIWYG
- Escribe unha páxina en HTML
- Crea unha páxina nova a partir dun modelo
- Crea unha nova páxina desde cero
- Crea un modelo
- Garda ficheiros no directorio do teu sitio
- Define as propiedades da páxina
CSS
- Use follas de estilo CSS
- Engadindo estilos en liña
- Crea unha folla de estilo externa
- Adxunta unha folla de estilo externa
- Crea clase, ID, etiqueta e compoñentes de selectores CSS
- Edite as regras CSS existentes
- Crea CSS para páxinas imprimibles
- Activar e desactivar as propiedades de estilo * Novidades en CS5
- Inspeccione visualmente o modelo de caixa CSS * Novo en CS5
Texto
- Modificar o texto
- Use diferentes fontes
- Inserir un salto de liña
- Usar caracteres especiais
- Inclúa a data de hoxe
- Escribir comentarios
- Aplicar etiquetas HTML ao texto
- Engade atributos HTML a etiquetas
Ligazóns
- Ligazón de texto e imaxes
- Comprobe enlaces do sitio
- Cambia as cores da ligazón predeterminada (ligazón, visitada, desprazada, activa)
- Crea consellos sobre ferramentas nas ligazóns
- Crea enlaces mailto
- Crea anclajes na páxina web
Imaxes
- Engade gráficos a unha páxina
- Editar imaxes
- Redimensionar as imaxes
- Engade texto alto a imaxes
- Engade opcións de accesibilidade adicionais ás imaxes
- Aliñar imaxes e texto
- Crea unha imaxe de rollover
- Usar mapas de imaxes
- Use imaxes de seguimento
- Usar marcadores de posición da imaxe
- Inserir Fireworks HTML
- Inserir ficheiros de Photoshop
Deseño
- Use as tempadas gratuítas incluídas * Novos esquemas de inicio de CSS en CS5
- Inserir divs para o deseño
- Edite divs no panel de estilos CSS
- Inserir elementos absolutamente posicionados
- Formatear elementos absolutamente posicionados no inspector de propiedades
- Utiliza regras, redes e guías
Listas
- Engade listas con viñetas e numeradas
- Personaliza as balas e os números da lista
Táboas
- Crea unha táboa
- Engade filas e columnas de cabeceira
- Use imaxes transparentes para manter abertas as celas da táboa
- Crea columnas de ancho fixo e ancho flexible
- Cambia os estilos de bordo das táboas
- Inserir unha táboa dentro dunha táboa
- Importar datos tabulares
Formularios
- Use un formulario de correo
- Define as accións do formulario
- Engade campos de texto, radio, caixa de verificación, ficheiro, imaxe, selección e campos de formulario ocultos
- Fai os teus formularios accesibles cos campos campos e etiqueta
- Crea botóns de envío personalizados
- Validar formularios con JavaScript (Spry)
Bases de datos e scripting PHP
- Adxunta o teu sitio a unha base de datos
- Configurar un sitio PHP / mySQL
- Use elementos Spry para conectarse á base de datos
- Insira obxectos de datos nas súas páxinas
- Proba e actualice unha fonte ou visualización de Spry
- Edite sitios dinámicos complexos na vista de deseño
- Descubre todos os ficheiros relacionados dinámicamente para montar sitios PHP CMS (WordPress, Joomla e Drupal) * Novo en CS5
- Inserir clase personalizada para o código PHP, incluídos marcos de terceiros como Zend Framework * Novo en CS5
Marcos
- Construír un sitio enmarcado
- Non se pode editar o contido das pantallas
- Formatear e estilizar os teus cadros
- Configurar obxectivos de ligazón predeterminados entre cadros
Engadir interactividade
- Construír un álbum de fotos (non máis no CS5)
- Engade son a páxinas web
- Crea un menú despregable
- Use os comportamentos de Dreamweaver para abrir fiestras emerxentes, crear menús de salto, reproducir son, intercambiar imaxes e máis
- Engade feeds RSS a un sitio
- Insira o texto en flash como unha copia
- Insira o texto CSS como un rollover
- Inserir outros complementos
- Engade barra de menú Spry, paneis con pestañas, acordeón, punta de ferramenta e panel plegable
- Use o Navegador de widgets para atopar novos widgets para o seu sitio sen necesidade de coñecer JavaScript
Proba as túas páxinas
- Proba as túas páxinas en Live View para ver os cambios debido a JavaScript e a súa interactividade * Novidades en CS5
- Valide o seu HTML
- Previsualiza as túas páxinas en varios navegadores
- Utiliza BrowserLab para ver as túas páxinas noutros sistemas operativos * Novidades en CS5
- Use o dispositivo Central para comprobar como se ven as páxinas nos dispositivos móbiles
- Comprobe a compatibilidade do navegador
- Cambia a configuración para que coincida co que o teu sitio precisa traballar
- Comprobe enlaces internos do sitio
- Proba a accesibilidade do teu sitio (non máis no CS5)
- Converte un documento de Word en HTML
Personaliza a Dreamweaver
- Engadir extensións
- Desactivar as extensións
- Personaliza Dreamweaver con atallos
Aumenta a túa eficiencia
- Usa atallos de teclado integrados
- Usa fragmentos de código
- Crea e usa modelos
- Xerar novas páxinas desde modelos personalizados
- Actualizar modelos
- Inclúe un arquivo noutro coa biblioteca Dreamweaver
- Actualiza os elementos da biblioteca
- Incluír un arquivo noutro usando SSI
- Use a busca e substituír