Todo Sobre Css

Programa de Formación:

Técnico programación de software Código: 228120

Versión: 100

Nombre del Proyecto:

Sistema De Información Para La Gestión Empresarial Código: 471143

Fase del proyecto:

Identificación del problema (Análisis y Diseño)

Actividad (es) del Proyecto:

Se crean las interfaces de captura de datos y formatos de salida

de información (formularios, y módulos informativos.) Actividad (es) de Aprendizaje:

• Conceptualización de CSS Y HTML

• Realizar aplicaciones basados en los estilos CSS

Resultados de Aprendizaje:

22050100703 Construir el mapa de navegación de acuerdo

con el diseño entregado para orientar al usuario

en el uso del aplicativo Competencia:

220501007

Desarrollar el sistema que cumpla con los requerimientos de la solución informática

Duración de la guía ( en horas):

5

Diseñar una página en HTML es muy básico, pues es la muestra de los diferentes controles que componen el formulario, pero raramente su diseño es muy básico, para mejorar esto se ha diseñado una herramienta que permite un diseño más complejo a este formulario, de una forma llamativa al usuario. Esta herramienta es el CSS, nos permite personalizar cada uno de los formularios a nivel de diseño. DEFINICIÓN DE CSS CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne

3.1 Actividades de Reflexión inicial.

El diseño en cualquier programa, busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello diferentes elementos gráficos que den forma al aplicativo y lo hagan fácilmente ntendible por los usuarios del mismo.

No significa crear un dibujo, una imagen, una ilustración, una fotografía. Es algo más que la suma de todos esos elementos, aunque para poder conseguir poder comunicar visualmente un mensaje de forma efectiva el diseñador debe conocer a fondo los diferentes recursos gráficos a su disposición y tener la imaginación, la experiencia, el buen gusto y el sentido común necesarios para combinarlos de forma adecuada.

Reflexión: En que forma el diseño puede mejorar el aspecto de un aplicativo?

3.2 Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje.)

Tomando como base el libre Introducción a CSS.pdf : 1. Definir con sus propias palabras: • CSS

• Cuál es la historia. • Navegadores que soporte de CSS Nota : Este punto de ir en un mapa conceptual, para ello descargue la herramienta cmapstools.exe e instale. 2. Como es el funcionamiento básico de los CSS. 3. Como incluir un CSS: 3.1. Dentro del mismo archivo HTML. 3.1.1. Que etiqueta se utiliza. 3.1.2. Como aplicarla al documento.(haga un ejemplo)

Como archivo externo. 3.2.1 Como llamar el archivo externo desde el documento HTML. 4. A

3.3 Actividades de apropiación del conocimiento (Conceptualización y Teorización).

a) Explorar la presente guía de aprendizaje.

b)

...