Diferencia entre revisiones de «Coda»
(Página creada con '{{Ficha Software |nombre= Coda |familia= |imagen=Coda.jpg |tamaño= |descripción=Herramienta para el diseño de web |imagen2= |tamaño2= |descripción2= |creador= Mac OSX |...') (Etiqueta: nuestro-nuestra) |
(Etiqueta: nuestro-nuestra) |
||
| Línea 1: | Línea 1: | ||
| + | <div align="justify"> | ||
| + | {{Normalizar|motivo=destacar hipervinculos necesarios para enriquecer el texto; estrcuturar adecuadamente las Fuentes}} | ||
{{Ficha Software | {{Ficha Software | ||
|nombre= Coda | |nombre= Coda | ||
| Línea 24: | Línea 26: | ||
|licencia= | |licencia= | ||
|premios= | |premios= | ||
| − | |web=http://www.apple.com/downloads/macosx/development_tools/coda.html | + | |web=[http://www.apple.com/downloads/macosx/development_tools/coda.html Apple] |
| − | }} | + | }}'''CCSEdit'''. Es un programa para el diseño de páginas web y está totalmente enfocado al [[CSS|CSS]] de la página en general, existen multitud de editores de código, incluso soluciones completas para programar páginas web y editar las hojas de estilos, uno de ellos es CCSEdit. |
| − | '''CCSEdit''' | ||
| − | == | + | == Funciones == |
CSSEdit se centra tan sólo en la edición de [[CSS|CSS]], dejando de lado otras funciones, que pueden ser echas por otros editores web ya que su potencial está en el diseño de las páginas mediante [[CSS|CSS]]. | CSSEdit se centra tan sólo en la edición de [[CSS|CSS]], dejando de lado otras funciones, que pueden ser echas por otros editores web ya que su potencial está en el diseño de las páginas mediante [[CSS|CSS]]. | ||
| − | == Funciones == | + | === Funciones importantes === |
| − | |||
| − | |||
*La primera de ellas es el modo X-Ray, que a modo de rayos X nos mostrará las líneas de código donde está definida la parte de la página web donde pulsemos. El modo X-Ray se complementa además con el Inspector, que nos organiza las líneas de código implicadas y nos dice si hay más propiedades en otras hojas de estilo. | *La primera de ellas es el modo X-Ray, que a modo de rayos X nos mostrará las líneas de código donde está definida la parte de la página web donde pulsemos. El modo X-Ray se complementa además con el Inspector, que nos organiza las líneas de código implicadas y nos dice si hay más propiedades en otras hojas de estilo. | ||
| Línea 41: | Línea 40: | ||
*Además, si no se tiene dominio de la programación CSS, tenemos a nuestra disposición unpanel de propiedades para cambiar el formato de las distintas etiquetas del CSS. Si somos unos maestros, tan sólo tenemos que cerrar el panel y picar código a mano. | *Además, si no se tiene dominio de la programación CSS, tenemos a nuestra disposición unpanel de propiedades para cambiar el formato de las distintas etiquetas del CSS. Si somos unos maestros, tan sólo tenemos que cerrar el panel y picar código a mano. | ||
| − | == Ventajas | + | == Ventajas == |
* Dispone de una vista "preview", una ventana donde podemos ver en tiempo real el efecto de todas las propiedades que se van añadiendo y modificando. | * Dispone de una vista "preview", una ventana donde podemos ver en tiempo real el efecto de todas las propiedades que se van añadiendo y modificando. | ||
| Línea 58: | Línea 57: | ||
*[http://macrabbit.com/cssedit CCSEdit]<br> | *[http://macrabbit.com/cssedit CCSEdit]<br> | ||
| − | *[http://todoappleblog.com/software/aplicaciones/cssedit-editando-css-en-tiempo-real Todo_de_CCSEdit] | + | *[http://todoappleblog.com/software/aplicaciones/cssedit-editando-css-en-tiempo-real Todo_de_CCSEdit] |
*[http://www.softonic.com/s/css-editor/windows-me Descargar_CCSEdit]<br> | *[http://www.softonic.com/s/css-editor/windows-me Descargar_CCSEdit]<br> | ||
[[Category:Software]] | [[Category:Software]] | ||
Revisión del 09:59 24 jun 2011
| ||||||||||||
Funciones
CSSEdit se centra tan sólo en la edición de CSS, dejando de lado otras funciones, que pueden ser echas por otros editores web ya que su potencial está en el diseño de las páginas mediante CSS.
Funciones importantes
- La primera de ellas es el modo X-Ray, que a modo de rayos X nos mostrará las líneas de código donde está definida la parte de la página web donde pulsemos. El modo X-Ray se complementa además con el Inspector, que nos organiza las líneas de código implicadas y nos dice si hay más propiedades en otras hojas de estilo.
- La segunda novedad más importante es la previsualización de cambios en tiempo real. Es decir, cambiando una medida, color, parámetro, etc de la hoja de estilos, se revisualizará en la ventana instantáneamente; lo que nos ayudará enormemente si no sabemos muy bien donde tocamos.
- Además, si no se tiene dominio de la programación CSS, tenemos a nuestra disposición unpanel de propiedades para cambiar el formato de las distintas etiquetas del CSS. Si somos unos maestros, tan sólo tenemos que cerrar el panel y picar código a mano.
Ventajas
- Dispone de una vista "preview", una ventana donde podemos ver en tiempo real el efecto de todas las propiedades que se van añadiendo y modificando.
- Se puede extraer y modificar el CSS de cualquier página web, mediante la ventana de preview.
- Mediante una sintaxis propia, usando simplemente comentarios en la hoja de estilos, se permite agrupar propiedades e ids, traduciéndose esa organización en un listado jerárquico, a modo de un explorador de archivos, en la propia ventana de edición de código. Esto es especialmente útil, cuando se trabaja con hojas de estilo medianamente grandes, dado que muchas veces mantener un orden adecuado es esencial para el correcto funcionamiento de la cascada y en formato jerárquico propiedades e IDs.
- Mezcla funcionalidades de autocompletar con una barra de herramientas lateral dónde se puede escoger mediante clics las propiedades y los valores que queremos asignar a cada clase o ID, sirve de cheatsheet a la vez que de barra de herramientas.
- Dispone de un validador CSS integrado en la propia aplicación
- Permite gestionar versiones de hojas de estilos
