INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO

“SANTA LUCÍA”
Creación R.M. 0026-94-ED Revalidación R.D. 0816-2006-ED

Av. Pacheco N° 247 Tarma 064-321483 - 954469252 santaluciatarma@yahoo.es www.santalucia.edu.pe

------------------------------------------------------------------------------------------------------------------------------------------------
Programación Front-End CSS

1. ¿Qué es CSS?
El código CSS, unido al código HTML permite darle forma, color, posición (y
otras características visuales) a una página.

Se trata de un idioma como podría ser el inglés o el alemán, que los

navegadores web como Chrome o Firefox conocen y pueden entender.
Nuestro objetivo como diseñadores y programadores web es precisamente ese:
aprender el idioma.
Las siglas CSS (Cascading Style Sheets) significan «Hojas de estilo en cascada»

y parten de un concepto simple pero muy potente: aplicar estilos (colores,

formas, márgenes, etc...) a uno o varios documentos (generalmente documentos
HTML, páginas webs) de forma masiva.

Se le denomina estilos en cascada porque se aplican de arriba a abajo (siguiendo

un patrón denominado herencia que trataremos más adelante) y en el caso de
existir ambigüedad, se siguen una serie de normas para resolverla.

2. LAS VERSIONES DE CSS

El W3C trabaja continuamente para mejorar el lenguaje CSS, corrigiendo
errores e incorporando nuevas funcionalidades. Antes de llegar a una
especificación o recomendación oficial se trabajan numerosos borradores que
son sometidos a revisión y corrección. Cuando se alcanza un relativo grado de
acuerdo entre los miembros del W3C se libera lo que se denomina una
recomendación oficial de CSS o versión a modo de propuesta para su uso y
aplicación por todas las empresas, instituciones y personas.
Las versiones de CSS a lo largo de la historia han sido*:
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO
“SANTA LUCÍA”
Creación R.M. 0026-94-ED Revalidación R.D. 0816-2006-ED

Av. Pacheco N° 247 Tarma 064-321483 - 954469252 santaluciatarma@yahoo.es www.santalucia.edu.pe

------------------------------------------------------------------------------------------------------------------------------------------------
CSS 1: publicada en 1996.
CSS 2: publicada en 1998.
CSS 2.1: publicada en 2004.
CSS 3: publicada en 2011.
Herramientas para trabajar con CSS
3. Editores:

 Editores para PC

Dreamweaver: (tejedor de sueños) es un editor de páginas Web, que nos

permite diseñar páginas de un modo muy sencillo sin saber programar
directamente en los distintos códigos que utiliza. Además, facilita el manejo
general del programa para maquetar páginas Web, aumentando la productividad
de forma notable. Una de las características más destacable es la visualización
de la composición del documento, a través de un entorno visual, donde
podremos encontrar las funciones que nos permitirán añadir diseño y
funcionalidad rápidamente de manera interactiva a nuestras creaciones.

Visual Studio Code. Es un editor de código fuente desarrollado

por Microsoft para Windows, Linux y macOS. Incluye soporte para depuración,
control de Git integrado, resaltado de sintaxis, finalización de código
inteligente, fragmentos de código y refactorización de código. También es
personalizable, de modo que los usuarios pueden cambiar el tema del editor, los
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO
“SANTA LUCÍA”
Creación R.M. 0026-94-ED Revalidación R.D. 0816-2006-ED

Av. Pacheco N° 247 Tarma 064-321483 - 954469252 santaluciatarma@yahoo.es www.santalucia.edu.pe

------------------------------------------------------------------------------------------------------------------------------------------------
métodos abreviados de teclado y las preferencias. Es gratuito y de código
abierto.

Sublime Text: es un editor de texto y editor de código fuente está escrito en C+

+ y Python para los plugins. Desarrollado originalmente como una extensión
de Vim, con el tiempo fue creando una identidad propia, por esto aún conserva
un modo de edición tipo vi llamado Vintage mode. Se puede descargar y evaluar
de forma gratuita. Sin embargo, no es software libre o de código abierto y se
debe obtener una licencia para su uso continuado, aunque la versión de
evaluación es plenamente funcional y no tiene fecha de caducidad. Está
disponible para OS X, Windows y Linux. 
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO
“SANTA LUCÍA”
Creación R.M. 0026-94-ED Revalidación R.D. 0816-2006-ED

Av. Pacheco N° 247 Tarma 064-321483 - 954469252 santaluciatarma@yahoo.es www.santalucia.edu.pe

------------------------------------------------------------------------------------------------------------------------------------------------
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO
“SANTA LUCÍA”
Creación R.M. 0026-94-ED Revalidación R.D. 0816-2006-ED

Av. Pacheco N° 247 Tarma 064-321483 - 954469252 santaluciatarma@yahoo.es www.santalucia.edu.pe

------------------------------------------------------------------------------------------------------------------------------------------------
 Editores para dispositivos móviles

Turbo Editor: es uno de los editores de código más completos para programar
desde el móvil para Android. Es compatible con varios lenguajes como el
propio HTML5, CSS, JavaScript o Python. Cuenta con un interfaz bastante
limpia y sencilla y además permite compartir fácilmente los resultados en
Hangouts, así como transferir archivos desde una tarjeta SD. Ofrece una
experiencia muy intuitiva tanto en móviles como en tablets Android.
Puedes descargar Turbo Editor desde este enlace a Google Play.

Quoda es otro editor de código para programar desde el móvil en Android. Es

algo más sofisticado que Turbo Editor, pero, aun así, es bastante fácil de usar,
ya que es muy parecido a Notedpad++. Cuenta con soporte para conexiones
SFTP y FTP y servicios de almacenamiento en la nube como Dropbox y Google
Drive.
Una de las mejores características de Quoda es que cuenta con la función de
autocompletado de código, auto indentación y emparejado de paréntesis,
selector de colores, etc. Puedes descargar Quoda desde este mismo enlace a
Google Play para comenzar a programar desde tu móvil Android.
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO
“SANTA LUCÍA”
Creación R.M. 0026-94-ED Revalidación R.D. 0816-2006-ED

Av. Pacheco N° 247 Tarma 064-321483 - 954469252 santaluciatarma@yahoo.es www.santalucia.edu.pe

------------------------------------------------------------------------------------------------------------------------------------------------

Dcoder es otra herramienta interesante para programar desde el móvil.

Concretamente, se trata de un IDE que cuenta con un editor de texto enriquecido
integrado. Por lo tanto, es una herramienta completa para aprender y programar
en diferentes lenguajes. Algo que tenemos que tener en cuenta a la hora de usar
Dcoder es que la compilación del código se hace a través de APIs en la nube,
por lo que vamos a necesitar de conexión a Internet para que funcionen
determinadas características. Puedes descargar Dcoder gratis desde este enlace a
Google Play.