Examen de CSS - Cuestionario

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Examen de CSS - Cuestionario"

Transcripción

1 Examen de CSS - Cuestionario Qué propiedad de CSS se emplea para definir el espacio entre caracteres? word-spacing white-space letter-spacing Las anteriores respuestas no son correctas Cómo se hace en CSS para que el símbolo de los elementos de una lista sea un cuadrado? type: square 1 / 14

2 list-style-type: square list-type: square Las anteriores respuestas no son correctas Qué propiedad de CSS se emplea para cambiar el tipo de letra de un elemento? text-type font-type text-family 2 / 14

3 font-family Cómo se hace en CSS para que el texto aparezca en negrita? font:b style:bold text:bold font-weight:bold Cuál es la propiedad de CSS que permite cambiar el tamaño del texto? text-size 3 / 14

4 text-style font-size font-style Cómo se define un color de fondo para todas las etiquetas <h3> en CSS? hall {background-color:#ffffff} all.h3 {background-color:#ffffff} h3 {background-color:#ffffff} Las anteriores respuestas no son correctas 4 / 14

5 Cuál es la sintaxis correcta de CSS para que todos los elementos <p> aparezcan en negrita? <p style="text-size:bold"> <p style="font-size:bold"> p {text-size:bold} p {font-weight:bold} Qué propiedad de CSS se emplea para cambiar el color de fondo? color bgcolor 5 / 14

6 backcolor background-color Cuál es el código XHTML correcto para hacer referencia a una hoja de estilo externa? <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="style.css"> <link rel=stylesheet type=text/css href=style.css /> <link rel=stylesheet type=text/css href=style.css 6 / 14

7 Indica cuál es el código CSS que define un texto en rojo, con el tipo de letra Arial y el tamaño 14 pixels font-family: Arial; size: 14px; color: #FF0000; font-family: Arial; font-size: 14px; color: #FF0000; text-family: Arial; font-size: 14px; color: #FF0000; font-family: Arial; font-size: 14px; text-color: #00FF00; Qué etiqueta de XHTML se emplea para definir una hoja de estilo interna? <script> <css> 7 / 14

8 <style> Las anteriores respuestas no son correctas Cómo se hace en CSS para que cada palabra en un texto comience con una letra en mayúsculas? text-transform:capitalize text-transform:uppercase text-transform:first-letter No se puede hacer con CSS Cómo se puede cambiar el margen izquierdo de un elemento? 8 / 14

9 text-indent indent marginleft margin-left 5. Cómo se hace en CSS para que un enlace se muestre sin el subrayado? a {underline:no-underline a {underline:none} a {text-decoration:no-underline} 9 / 14

10 a {text-decoration:none} En CSS, para definir el espacio entre el borde de un elemento y su contenido se emplea la propiedad padding pero, se permiten valores negativos? Sí No En CSS, cómo se define un borde la siguiente forma? - Borde superior: 10 pixels - Borde inferior: 20 pixels - Borde izquierdo: 5 pixels 10 / 14

11 - Borde derecho: 1 pixel a) border-width:10px 5px 20px 1px b) border-width:10px 1px 20px 5px c) border-width:20px 5px 10px 1px d) border-width:10px 20px 5px 1px Qué atributo de XHTML se emplea para definir un estilo en línea? class font style Las anteriores respuestas no son correctas 11 / 14

12 En CSS, qué pseudo clase se emplea para definir una propiedad cuando el cursor del ratón se sitúa sobre un elemento? :active :hover :over :on Cuál es el lugar correcto en un documento XHTML para hacer referencia a una hoja de estilo externa? Al principio del documento En la sección <head> 12 / 14

13 En la sección <body> Al final del documento 5. Indica cuál es la afirmación incorrecta respecto a la definición de estilos CSS en una página XHTML Se pueden definir dentro de la página con el código <style type="text/css">...</style> Se pueden definir dentro de la página con el código <p style="...">...</p> Se puede vincular a un fichero externo con el código <script language="css" type="text/css" href="hojaestilo.css"></script> Se puede vincular a un fichero externo con el código <link rel="stylesheet" type="text/css" href="hojaestilo.css" /> 13 / 14

14 14 / 14

CSS-Hojas de estilos en cascada

CSS-Hojas de estilos en cascada Hojas de Estilo en Cascada (Cascading Style Sheets) es el lenguaje utilizado para describir la presentación de documentos HTML o XML, esto incluye varios lenguajes basados en XML como son XHTML o SVG.

Más detalles

HOJAS DE ESTILO EN CASCADA

HOJAS DE ESTILO EN CASCADA HOJAS DE ESTILO EN CASCADA Introducción Permiten definir las páginas con aspecto homogéneo sin tanto esfuerzo. Forma de definir los estilos Como atributo de una etiqueta afecta a esa etiqueta Sintaxis:

Más detalles

HOJAS DE ESTILO PORTAL PISTA LOCAL PÁGINA DE INICIO

HOJAS DE ESTILO PORTAL PISTA LOCAL PÁGINA DE INICIO HOJAS DE ESTILO PORTAL PISTA LOCAL PÁGINA DE INICIO PORTADA Las hojas de estilo referenciadas en la portada (http://pistalocal.pista-femp.org.es/index.php) son:

Más detalles

En que nos ayuda las hojas de estilo cascada (css)?

En que nos ayuda las hojas de estilo cascada (css)? HECHO POR CREACIONES Y DESARROLLO WEB COSTA RICA, CUALQUIER MACRO CON GUSTO ESTAMOS PARA AYUDARLE, LLAMENOS Y CON GUSTO LE ATENDEREMOS TEL 8364-3733 // 8348-9439 En que nos ayuda las hojas de estilo cascada

Más detalles

Conceptos Teóricos de HTML5 (material extra adicional libro):

Conceptos Teóricos de HTML5 (material extra adicional libro): Temario de Examen Unidad I Materia: Informática Catedráticos: Víctor Aquino/Débora Santizo Temas: Uso del programa Sublime Text Forma Correcta de guardar archivos html y css (.html y.css) Uso de la etiquetas

Más detalles

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS CSS - Hojas

Más detalles

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí.

Diseño Web. Sitio Web Conjunto de páginas web relacionadas entre sí. Internet Es una red de redes de ordenadores, que intercambian información basándose en el protocolo TCP/IP. Existen diversas formas de acceder a Internet: Correo electrónico, FTP, Videoconferencia, y la

Más detalles

Introducción a CSS. Aplicaciones Web (2016/17) Jesús Arias Fisteus. Aplicaciones Web (2016/17) Introducción a CSS 1

Introducción a CSS. Aplicaciones Web (2016/17) Jesús Arias Fisteus. Aplicaciones Web (2016/17) Introducción a CSS 1 Introducción a CSS Jesús Arias Fisteus Aplicaciones Web (2016/17) Aplicaciones Web (2016/17) Introducción a CSS 1 Parte I Introducción a CSS Aplicaciones Web (2016/17) Introducción a CSS 2 Hola Mundo!

Más detalles

CSS BÁSICO Hojas de Estilo. Iván Martínez Toro

CSS BÁSICO Hojas de Estilo. Iván Martínez Toro CSS BÁSICO Hojas de Estilo Iván Martínez Toro ÍNDICE DECONTENIDOS Introducción al CSS. Cómo es CSS? Sintaxis general. Reglas. Selectores. Class. Divy Span. Uso de las hojas de estilo. CSS (CASCADING STYLE

Más detalles

CSS: Hojas de Estilo en Cascada. Didier Fabián Granados Muñoz

CSS: Hojas de Estilo en Cascada. Didier Fabián Granados Muñoz CSS: Hojas de Estilo en Cascada Didier Fabián Granados Muñoz Contexto Qué hay detrás de esto? Contexto Cuenta la leyenda que al construir un documento HTML se tenía que definir cada una de las propiedades

Más detalles

En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea

En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir

Más detalles

Dar formato a los documentos XML

Dar formato a los documentos XML Dar formato a los documentos XML Ofimática Avanzada Profesor: Víctor Fresno Fernández Hojas de estilo La función de las hojas de estilo CSS es la de separar el contenido de la presentación Lenguaje diseñado

Más detalles

QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un

QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un determinado elemento de una página web. Siglas CCS significa "Cascading

Más detalles

Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales

Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2017 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 2 Selector

Más detalles

CSS Cascading Style Sheets Rellenos y Márgenes Antes de empezar...

CSS Cascading Style Sheets Rellenos y Márgenes Antes de empezar... Rellenos y Márgenes Antes de empezar... margin tienen una pequeña particularidad que suele ser el origen de muchos quebraderos de cabeza: Los márgenes exterior horizontales de cajas contiguas que se toque

Más detalles

Tema 2. I- Hojas de estilo CSS.

Tema 2. I- Hojas de estilo CSS. Tema 2. I- Hojas de estilo CSS. Programación Multimedia. G.I.M. Inmaculada Coma, Francisco Grimaldo Resumen En este tema: Recordaremos cómo crear estilos CSS e insertarlos en una página HTML. Recordaremos

Más detalles

Diseño web. Fundamentos de CSS. Informática 4º ESO

Diseño web. Fundamentos de CSS. Informática 4º ESO Diseño web Fundamentos de CSS Informática 4º ESO Cascading Style Sheets HTML está bastante limitado a la hora de dar formato a las páginas web HTML fue inventado por científicos Énfasis en el contenido

Más detalles

1. Selector. Representa una etiqueta estándar del HTML.

1. Selector. Representa una etiqueta estándar del HTML. Hojas de estilo: CSS Con la intención de separar el contenido de la presentación y de ofrecer mayores y más fáciles posibilidades de presentación el W3 Consortium sugirió la utilización de las Hojas de

Más detalles

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.) 1. Hojas de estilo: una base para el marcado semántico Lluís Codina UPF. Abril 2007 Una hoja de estilo es un conjunto

Más detalles

Introducción al desarrollo web (idesweb) - 3 a ed.

Introducción al desarrollo web (idesweb) - 3 a ed. Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 7: JavaScript, Modelo de Objetos de Documento y cookies 1. Objetivos Aprender a manejar el DOM de una página web para manipular su contenido.

Más detalles

DEGRADADOS CSS. EFECTO LINEAL Y RADIAL. LINEAR-GRADIENT. ANGULOS CSS: UNIDADES ANGULARES DEG, GRAD, TURN, RAD. (CU01060D)

DEGRADADOS CSS. EFECTO LINEAL Y RADIAL. LINEAR-GRADIENT. ANGULOS CSS: UNIDADES ANGULARES DEG, GRAD, TURN, RAD. (CU01060D) APRENDERAPROGRAMAR.COM DEGRADADOS CSS. EFECTO LINEAL Y RADIAL. LINEAR-GRADIENT. ANGULOS CSS: UNIDADES ANGULARES DEG, GRAD, TURN, RAD. (CU01060D) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

Hojas de Estilo : CSS

Hojas de Estilo : CSS Hojas de Estilo : CSS Cascading Style Sheets Dr. José Raúl Pérez Cázares 1 Para que sirven las CSS? Para separar la presentación (color, font..) del contenido del documento Para facilitar la definición

Más detalles

Z-INDEX CSS NO FUNCIONA? CONTROL DE SUPERPOSICIÓN DE ELEMENTOS COMO CAPAS, DIV O IMÁGENES (CU01039D)

Z-INDEX CSS NO FUNCIONA? CONTROL DE SUPERPOSICIÓN DE ELEMENTOS COMO CAPAS, DIV O IMÁGENES (CU01039D) APRENDERAPROGRAMAR.COM Z-INDEX CSS NO FUNCIONA? CONTROL DE SUPERPOSICIÓN DE ELEMENTOS COMO CAPAS, DIV O IMÁGENES (CU01039D) Sección: Cursos Categoría: Tutorial básico del programador web: CSS desde cero

Más detalles

ESTILIZANDO CON CSS. Sesión 08. By Ing. David Gil

ESTILIZANDO CON CSS. Sesión 08. By Ing. David Gil ESTILIZANDO CON CSS Sesión 08 By Ing. David Gil UNIDADES CSS UNIDADES DE LONGITUD Un valor de longitud se forma por un signo + o - opcional, seguido de un número y de una abreviación de dos letras que

Más detalles

Accesibilidad en la Web

Accesibilidad en la Web Accesibilidad en la Web Universidad de Colima México Departamento de Lenguajes y Sistemas Informáticos Hojas de estilo en cascada Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad

Más detalles

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico MAQUETACIÓN CON CSS Elementos principales Para maquetar una página web y crear su estructura visual (layout) hay que dividir la página en bloques. La estructura de una página web tendrá una serie de áreas

Más detalles

Figura 1: página de la vivienda sin estilo

Figura 1: página de la vivienda sin estilo Diseño de Interfaces Hombre Máquina Prácticas de laboratorio Curso 2009/10 Práctica 2 Interacción con hojas de estilo en cascada 1 Objetivo 1.1 Creación de una hoja de estilo La figura 1 muestra una página

Más detalles

Personalizando Plantillas

Personalizando Plantillas Personalizando Plantillas Ya que se tiene la estructura general del sitio web, se comienza a trabajar con la apariencia de cada una de las plantillas. Página Principal (index.html) La página principal

Más detalles

ESTRUCTURA DEL CÓDIGO HTML5

ESTRUCTURA DEL CÓDIGO HTML5 ESTRUCTURA DEL CÓDIGO HTML5 1. DocType Es la etiqueta que se escribe en la primera línea del código. Permite declarar el tipo de documento. Es decir, el doctype indica que el documento está escrito siguiendo

Más detalles

Técnicas para la enseñanza de. Desarrollo Web. M is notas de CSS. Liliana Gutiérrez Flores. Enero de 2016

Técnicas para la enseñanza de. Desarrollo Web. M is notas de CSS. Liliana Gutiérrez Flores. Enero de 2016 Técnicas para la enseñanza de Desarrollo Web M is notas de CSS. Liliana Gutiérrez Flores Enero de 2016 En el presente documento se presenta el proyecto de creación de una página Web con notas de CSS. Se

Más detalles

Departamento de Lenguajes y Sistemas Informáticos. Hojas de Estilo en Cascada (CSS)

Departamento de Lenguajes y Sistemas Informáticos. Hojas de Estilo en Cascada (CSS) escuela técnica superior de ingeniería informática Tiempo: 2h Hojas de Estilo en Cascada (CSS( CSS) Departamento de Lenguajes Grupo de Ingeniería a del Software Noviembre 2006 Versión previa: David Benavides

Más detalles

1) Directamente a la marca. 2) En el head de la página. 3) Agrupar las reglas de estilo en un archivo independiente con extensión *.

1) Directamente a la marca. 2) En el head de la página. 3) Agrupar las reglas de estilo en un archivo independiente con extensión *. INTRODUCCION A LAS CSS HOJAS DE ESTILO (CSS) PARTE 1 QUE SON LAS HOJAS DE ESTILO (CSS) CSS son las siglas de Cascade Style Sheet que traducido significa hojas de estilo en cascada. Las hojas de estilo

Más detalles

Hojas de estilo (CSS)

Hojas de estilo (CSS) Tema 2b Hojas de estilo (CSS) Texto http://www.flickr.com/photos/urke/3223200963 Dando estilo visual a las páginas HTML Hojas de estilo 2 Separar la estructura del documento (etiquetas HTML) del estilo

Más detalles

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers ver 2.

1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers ver 2. Barra de navegación vertical con Botones rollovers ver. 2_TIC 1º Bachillerato página 1/8 1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers ver 2...1 1.1 Intro...1 1.2 Código HTML de la lista de vínculos...2

Más detalles

Maquetación con estilos

Maquetación con estilos Objetivos específicos Maquetación con estilos Aplicar estilos relacionados con tamaños, bordes y márgenes. Aplicar estilos relacionados con el posicionamiento de los objetos. Contenidos Estilos de caja.

Más detalles

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Tema 3. Conceptos Básicos de HTML ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda! Lenguajes de descripción! Grupo de lenguajes que describen cómo representar

Más detalles

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho

Más detalles

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales. 1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio

Más detalles

Asignatura: Programación 4

Asignatura: Programación 4 Conferencia #2 HTML y CSS Objetivos: Conocer el trabajo con los formularios, como otro elemento básico del lenguaje HTML. Saber utilizar las hojas de estilos para dotar a todas las páginas de un sitio

Más detalles

(*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío.

(*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío. (*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío. (*) Crear el archivo index.htm (*) Añadir la estructura básica

Más detalles

Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico

Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico Diseños de sitios Web y Comercio Electrónico Universidad Politécnica de Valencia Campus de Gandía Organización del curso viernes 6 sábado 7 viernes 13 sábado 14 viernes 20 Introducción a Instalación en

Más detalles

Técnicas de visualización

Técnicas de visualización Técnicas de visualización Hojas de estilo CSS Máster en Tecnologías de la Información Geográfica Laboratori d Informació Geogràfica i de Teledetecció (LIGIT) Departament de Geografia. UAB Anna Jiménez

Más detalles

Maquetación Web: HTML 5 y CSS

Maquetación Web: HTML 5 y CSS Maquetación Web: HTML 5 y CSS Programa de Estudio Maquetación Web: HTML 5 y CSS Aprende amaquetar sitios Web de forma ágil y profesional sin usar tablas.separa el diseño visual del contenido y optimiza

Más detalles

LABORATORIO 2. I. Desarrollo

LABORATORIO 2. I. Desarrollo UNIVERSIDAD CAPITÁN GENERAL GERARDO BARRIOS FACULTAD DE CIENCIA Y TECNOLOGÍA LABORATORIO 2 Nombre : Repaso HTML y CSS parte II Ciclo : II 2012 Asignatura : Web y Comercio Electrónico II Catedrático : Ing.

Más detalles

En la carpeta css, crear una hoja de estilo para cada una de las plantillas, en este caso:

En la carpeta css, crear una hoja de estilo para cada una de las plantillas, en este caso: Estilos Personalizados Una vez que se han definido las plantillas, se pueden empezar a crear hojas de estilos para cada una de ellas, esto facilita el modificarlas de manera personalizada sin afectar al

Más detalles

HTML El idioma de Internet (Parte 1)

HTML El idioma de Internet (Parte 1) HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos

Más detalles

HOJAS DE ESTILO: CSS3

HOJAS DE ESTILO: CSS3 HOJAS DE ESTILO: CSS3 ETIQUETAS HTML5 HOJAS DE ESTILO CSS3 CONTENIDO PRESENTACIÓN El mismo contenido puede visualizarse en función de la hoja de estilo. Permiten actualizar y cambiar la presentación de

Más detalles

CSS, hojas de estilos

CSS, hojas de estilos Introducción a las CSS CSS, hojas de estilos El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así porque fué concebido para otros usos (científicos sobretodo), distinto

Más detalles

Unidad Didáctica 5. Las hojas de estilos en cascada (CSS)

Unidad Didáctica 5. Las hojas de estilos en cascada (CSS) Unidad Didáctica 5 Las hojas de estilos en cascada (CSS) Contenido 1. Introducción 2. Crear una hoja de estilo 3. El panel Estilos CSS 4. Selectores CSS U.D. 5 Las hojas de estilos en cascada (CSS) 1.

Más detalles

Hojas de estilo en cascada (CSS) Tecnologías Web

Hojas de estilo en cascada (CSS) Tecnologías Web Hojas de estilo en cascada (CSS) Tecnologías Web Motivación El objetivo fundamental de las hojas de estilo CSS es separar el contenido de la apariencia La información de nuestros sitios WEB tienen que

Más detalles

III. Hojas de estilo en cascada (CSS)

III. Hojas de estilo en cascada (CSS) III. Hojas de estilo en cascada (CSS) 1. Introducción 2. Declaración de CSS 2.1. Propiedades típicas en CSS 2.2. Inserción de CSS en HTML 3. Herencia de propiedades en CSS 4. Declaración avanzada de CSS

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: ELABORACIÓN DE HOJAS DE ESTILO Código: CSTI008 total: Horas Objetivo General: Construir Hojas de Estilos para

Más detalles

Hojas de estilo. CI-2413 Desarrollo de aplicaciones para Internet Prof. Braulio José Solano Rojas ECCI, UCR

Hojas de estilo. CI-2413 Desarrollo de aplicaciones para Internet Prof. Braulio José Solano Rojas ECCI, UCR Hojas de estilo CI-2413 Desarrollo de aplicaciones para Internet Prof. Braulio José Solano Rojas ECCI, UCR Hojas de estilo Las hojas de estilo son un gran avance para los diseñadores, ya que expanden su

Más detalles

CSS3. Tutor: Ignacio Pérez Martín. Índice. Curso: Programación Python y HTML-5. CEP Marbella-Coín.

CSS3. Tutor: Ignacio Pérez Martín. Índice. Curso: Programación Python y HTML-5. CEP Marbella-Coín. CSS3 Tutor: Ignacio Pérez Martín. Curso: Programación Python y HTML-5. CEP Marbella-Coín. Resumen En este tema veremos como dar formato a un documento HTML utilizando las hojas de estilos (CSS). Leed este

Más detalles

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un Las tablas Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un documento HTML usando tres elementos básicos:

Más detalles

REFERENCIA DE PROPIEDADES PARA CSS 2.0 (TOMADO DE W3C.ORG)

REFERENCIA DE PROPIEDADES PARA CSS 2.0 (TOMADO DE W3C.ORG) REFERENCIA DE PROPIEDADES PARA CSS 2.0 (TOMADO DE W3C.ORG) Esta referencia se distribuye bajo licencia Creative Commons. Usted es libre de: Copiar, distribuir y comunicar públicamente Hacer obras derivadas

Más detalles

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos Desarrollo de aplicaciones web Manuel Torres Gil mtorres@ual.es Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis

Más detalles

CSS. Rogelio Ferreira Escutia

CSS. Rogelio Ferreira Escutia CSS Rogelio Ferreira Escutia Definición La hojas de estilo en cascada (en inglés Cascading Style Sheets), CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML

Más detalles

Vamos a crear un EPUB desde cero

Vamos a crear un EPUB desde cero Vamos a crear un EPUB desde cero Qué es un EPUB? El EPUB es un formato abierto de libro digital desarrollado por el IDPF. Tiene vocación de ser formato estándar. EPUB es una especificación abierta para

Más detalles

CAPÍTULO I. INTRODUCCIÓN ABSTRACT INTRODUCCIÓN CONCEPTO DE ESTILO VENTAJAS DE LAS CSS FORMAS DE APLICAR ESTILOS.4 1.

CAPÍTULO I. INTRODUCCIÓN ABSTRACT INTRODUCCIÓN CONCEPTO DE ESTILO VENTAJAS DE LAS CSS FORMAS DE APLICAR ESTILOS.4 1. CURSO CSS 1 CAPÍTULO I. INTRODUCCIÓN...2 1.1 ABSTRACT...2 1.2 INTRODUCCIÓN...2 1.3 CONCEPTO DE ESTILO...2 1.4 VENTAJAS DE LAS CSS...3 1.5 FORMAS DE APLICAR ESTILOS...4 1.6 HOJAS DE ESTILO: UN POCO DE PRÁCTICA...5

Más detalles

Introducción al desarrollo web (idesweb) - 3 a ed.

Introducción al desarrollo web (idesweb) - 3 a ed. Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 4: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en

Más detalles

Actividad 3: Codificación básica de un texto en HTML

Actividad 3: Codificación básica de un texto en HTML Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html

Más detalles

Práctica 4: Edición de contenidos web

Práctica 4: Edición de contenidos web Comercio Electrónico Práctica 4: Edición de contenidos web Antonio Sanz ansanz@unizar.es Rafael del Hoyo rdelhoyo@ita.es Objetivo de la práctica En esta práctica se pretende realizar una introducción a

Más detalles

5.- Crear páginas web con Nvu

5.- Crear páginas web con Nvu 5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas

Más detalles

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb) Introducción al desarrollo web (idesweb) Práctica 3: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en una página

Más detalles

Creación y uso de Hojas de Estilo

Creación y uso de Hojas de Estilo Creación y uso de Hojas de Estilo Definición de Hojas de Estilo con la etiqueta Definición de Hojas de Estilo en Ficheros Externos Definición de Clases de Estilo Definición de Estilos Individuales

Más detalles

Resumen Rápido de CSS

Resumen Rápido de CSS Resumen Rápido de CSS Selectores. Resumimos la manera de seleccionar los elementos a ''lookear''. * Todos los elementos div #div #div * Todos los elementos dentro de

Más detalles

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz)

TEMA 2. CREAR SITIOS WEB USANDO. Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) TEMA 2. CREAR SITIOS WEB USANDO CÓDIGO HTML Tecnologías de la Información 1ºBachillerato IES Zurbarán (Badajoz) Sesión 10 Tablas Introducción Las tablas son posiblemente la manera más clara de organizar

Más detalles

CSS: hojas de estilo en cascada. Visualización de una página I. Luis Fernando Llana Díaz. 21 de abril de 2008

CSS: hojas de estilo en cascada. Visualización de una página I. Luis Fernando Llana Díaz. 21 de abril de 2008 Departamento de Sistemas Informáticos y Computación Universidad Complutense de Madrid 21 de abril de 2008 Visualización de una página I 1 Analizar el HTML y crear un árbol que repesenta el documento (document

Más detalles

Proyectos Terminales y Descargas de Software

Proyectos Terminales y Descargas de Software Proyectos Terminales y Descargas de Software En esta práctica se realizará el diseño de las plantillas de Proyectos Terminales y de Descargas de Software. Proyectos Terminales Se trabajará con la plantilla

Más detalles

UCEMA Ingeniería Informática Introducción a HTML y Javascript

UCEMA Ingeniería Informática Introducción a HTML y Javascript UCEMA Ingeniería Informática Introducción a HTML y Javascript,QJ'LHJR-$UFXVLQ GDUFXVLQ#FHPDHGXDU Objetivos del Curso 9 Proveer al asistente de conceptos fundamentales que le permitan utilizar los lenguajes

Más detalles

ACTIVIDADES DE HTML. <TITLE> ejemplo de código HTML</TITLE> Aquí va el contenido de la página

ACTIVIDADES DE HTML. <TITLE> ejemplo de código HTML</TITLE> Aquí va el contenido de la página ACTIVIDADES DE HTML 1.- Estructura básica de un archivo HTML: ejemplo de código HTML Aquí va el contenido de la página Guardamos el archivo

Más detalles

ETIQUETAS PRINCIPALES

ETIQUETAS PRINCIPALES HTML... 1 ETIQUETAS PRINCIPALES... 1 ETIQUETAS DE TÍTULOS, PÁRRAFOS Y SEPARACIONES... 3 FORMATO DE TEXTO... 5 LISTAS... 6 ENLACES E IMÁGENES... 7 TABLAS... 9 HTML Las páginas web son documentos de texto,

Más detalles

Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco

Transparencias de J2EE. Tema 2: HTML. Uploaded by Ingteleco Transparencias de J2EE Tema 2: HTML Uploaded by Ingteleco http://ingteleco.webcindario.com ingtelecoweb@hotmail.com La dirección URL puede sufrir modificaciones en el futuro. Si no funciona contacta por

Más detalles

Roberto Gómez Cárdenas Qué es CSS? Cascading Style Sheets, hojas de estilo en

Roberto Gómez Cárdenas  Qué es CSS? Cascading Style Sheets, hojas de estilo en CSS y XML Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez Lámina 1 Qué es CSS? Cascading Style Sheets, hojas de estilo en cascada. Tecnología desarrollada por la W3C con el

Más detalles

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ

ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ CECYTEM PLANTEL NICOLAS ROMERO II Manual para crear páginas web en HTML GRUPO: 301 ELABORADO POR: BRENDA PATRICIA GONZALEZ MANRIQUEZ HTML (HyperText Markup Language - Lenguaje de Marca de Hipertextos)

Más detalles

Ejemplos-Capítulo-6 Ejemplo-1: Distintos tipos de sombras en el navegador Safari de Apple

Ejemplos-Capítulo-6 Ejemplo-1: Distintos tipos de sombras en el navegador Safari de Apple Ejemplos-Capítulo-6 Ejemplo-1: Distintos tipos de sombras en el navegador Safari de Apple

Más detalles

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Hojas de Estilos - CSS Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Introducción Motivación: Separar el formato del contenido y estructura de una

Más detalles

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto) HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional

Más detalles

Edición HTML. Estilos CSS MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL

Edición HTML. Estilos CSS MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN Y FORMACIÓN PROFESIONAL DIRECCIÓN GENERAL DE EDUCACIÓN, FORMACIÓN PROFESIONAL E INNOVACIÓN EDUCATIVA CENTRO NACIONAL DE INFORMACIÓN Y COMUNICACIÓN

Más detalles

EL MODELO DE CAJA CSS

EL MODELO DE CAJA CSS EL MODELO DE CAJA CSS Sesión 10 By Ing. David Gil LA ETIQUETA HTML La etiqueta define una división o una sección en un documento HTML. La etiqueta se utiliza para agrupar bloques

Más detalles

Introducción. Qué es CSS?

Introducción. Qué es CSS? Introducción Qué es CSS? CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar

Más detalles

Creación de una página web accesible sencilla

Creación de una página web accesible sencilla Unidad 2: Las hojas de estilo en cascada Creación de una página web accesible sencilla Objetivos: -Agregar formato a la página creada, a través de una hoja de estilo. Contenidos: -Incorporación de una

Más detalles

HTML 2 / Atributos/etiquetas(Tags)

HTML 2 / Atributos/etiquetas(Tags) HTML 2 / Atributos/etiquetas(Tags) ATRIBUTOS bgcolor=#ff0000 Asigna un color en hexadecimal o en RGB a el fondo de todo el body ( la página) FGCOLOR="#00FF00" Asigna un color en hexadecimal

Más detalles

Vamos a necesitar cuatro ficheros

Vamos a necesitar cuatro ficheros En esta guía se describen las instrucciones para usar el programa "programa.js" que nos permite: Incluir una frase de saludo que se adapta automáticamente a la hora del día y que incluye la fecha y hora

Más detalles

Tema 2, parte II: CSS

Tema 2, parte II: CSS Tema 2, parte II: CSS 2b.1 Introducción y sintaxis básica Las reglas CSS asocian fragmentos de HTML con propiedades de estilo Hojas de estilo Separar la estructura del documento (etiquetas HTML) del estilo

Más detalles

ESTILOS DE LISTAS CSS. LIST-STYLE-TYPE (DISC, NONE, ETC.) LIST-STYLE- POSITION (OUTSIDE, INSIDE), LIST-STYLE- IMAGE. SHORTAND LIST- STYLE.

ESTILOS DE LISTAS CSS. LIST-STYLE-TYPE (DISC, NONE, ETC.) LIST-STYLE- POSITION (OUTSIDE, INSIDE), LIST-STYLE- IMAGE. SHORTAND LIST- STYLE. APRENDERAPROGRAMAR.COM ESTILOS DE LISTAS CSS. LIST-STYLE-TYPE (DISC, NONE, ETC.) LIST-STYLE- POSITION (OUTSIDE, INSIDE), LIST-STYLE- IMAGE. SHORTAND LIST- STYLE. (CU01048D) Sección: Cursos Categoría: Tutorial

Más detalles

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático a RIA Andrés Pastorini TRIA Tecnólogo Informático El objetivo principal de la asignatura es forma al estudiante en el diseño y desarrollo de aplicaciones web ricas. Los objetivos de la asignatura son:

Más detalles

MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D)

MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D) APRENDERAPROGRAMAR.COM MENÚS HORIZONTALES CSS Y MENÚS VERTICALES. CREAR MENÚS CON EFECTOS A PARTIR DE LISTAS CSS. CÓDIGO DE EJEMPLOS. (CU01049D) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

Texto y Organización del contenido

Texto y Organización del contenido Opciones de formateo de texto y de organización del contenido de una página. Texto y Organización del contenido Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Organización del texto. Encabezado...

Más detalles

Consejos para el correcto armado de HTML para Emails

Consejos para el correcto armado de HTML para Emails Consejos para el correcto armado de HTML para Emails Consejos para el correcto armado de HTML para Emails Cuando desarrollas una campaña de Email Marketing, es fundamental que tu mensaje sea recibido correctamente.

Más detalles

5.7. Visualización Propiedades display y visibility Propiedad overflow Propiedad z-index...28 Capítulo 6.

5.7. Visualización Propiedades display y visibility Propiedad overflow Propiedad z-index...28 Capítulo 6. Tema 11: CSS Índice de contenido Capitulo 1. Introducción...4 1.1. Qué es CSS?...4 1.2. Funcionamiento básico de CSS...4 1.3. Cómo incluir CSS en un documento XHTML...5 1.3.1. Incluir CSS en el mismo documento

Más detalles

Herramientas para crear páginas.

Herramientas para crear páginas. Herramientas para crear páginas. Herramientas para la creación de páginas Web. Como hemos visto resulta sencillo pero engorroso escribir directamente en HTML. Por ello es más sencillo utilizar un editor

Más detalles

Mi primera web... Pues bien una vez que tengamos el documento abierto, podemos empezar a trabajar de dos formas:

Mi primera web... Pues bien una vez que tengamos el documento abierto, podemos empezar a trabajar de dos formas: Mi primera web... El ejemplo que utilizaremos para este tutorial, es la misma página web de los tutoriales. Puede descargar los archivos desde aquí. Para la creación de las imagenes he utilizado Fireworks

Más detalles

Ejemplo: font-size: 10pt; text-decoration: underline; color: black; (el último punto y coma de la lista de atributos es opcional)

Ejemplo: font-size: 10pt; text-decoration: underline; color: black; (el último punto y coma de la lista de atributos es opcional) Anexo: Reglas básicas sobre la sintaxis CSS: Para definir un estilo se utilizan atributos como font-size,text-decoration... seguidos de dos puntos y el valor que le deseemos asignar. Podemos definir un

Más detalles

Curso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com

Curso de Diseño web. Juan Carlos Hernández Pérez juancarhdezperez@gmail.com Curso de Diseño web Juan Carlos Hernández Pérez juancarhdezperez@gmail.com 1 Tema 1 Introducción al lenguaje HTML 2 Introducción a HTML (I/II) HTML es un lenguaje para publicar textos en Web HTML te permite

Más detalles

Tutorial para la creación de un sitio Web con un formulario ASP.NET

Tutorial para la creación de un sitio Web con un formulario ASP.NET UNIVERSIDAD DE PANAMÁ CENTRO REGIONAL UNIVERSITARIO DE VERAGUAS FACULTAD DE INFORMÁTICA, ELECTRONICA Y COMUNICACIÓN INGENIERIA EN INFORMÁTICA Tutorial para la creación de un sitio Web con un formulario

Más detalles

Boletín I de ASP.Net. Conceptos básicos.

Boletín I de ASP.Net. Conceptos básicos. con Herramientas Visuales. Curso 06/07. 1 / 6 Boletín I de ASP.Net. Conceptos básicos. El objetivo de este boletín es introducirnos en ASP.Net, para ello el primer paso que vamos a dar es crear una aplicación

Más detalles