Capítulo 3 Estilo para un documento HTML: CSS
|
|
- Elvira Olivares Villalba
- hace 8 años
- Vistas:
Transcripción
1 Capítulo 3 Estilo para un documento HTML: CSS.3.0 Qué es el estilo?!"#$ "!$ &'!$!($ ) *+ " *, -.,#/ Propiedades y valores 0 )" & + 1& &1& 2 " '"
2 Medidas: "56 1'#/ 1/ ' Colores: ) * 8 ' ", 66"99. : : : : * :99;66 7 " < 1 < 1: " 3 " Nombre Hexadecimal Nombre Hexadecimal beige #F5F5DC lightsalmon #FFA07A black # lime #00FF00 blue #0000FF magenta #FF00FF brown #A52A2A navy # coral #FF7F50 olive # cyan #00FFFF orange #FFA500 darkblue #00008B palegreen #98FB98 darkgreen # pink #FFC0CB darkorange #FF8C00 purple # darkred #8B0000 red #FF0000 fuchsia #FF00FF salmon #FA8072 gray # tomato #FF6347 green # white #FFFFFF lightgreen #90EE90 yellow #FFFF " :99=5>? ) 8 "8 3 :99@@>?) A :++@@5?3" A " 8 :999999
3 Propiedades relativas a la representación de los caracteres: Propiedad Controla: Valores típicos color Color del texto Colores font-size Tamaño de la letra Cualquier medida entera, general o específica para letras font-weight Espesor del trazo Cualquier medida entera o normal, o bold font-style inclinación Normal (defecto), Italic, oblique font-family Tipo de glifo Serif, sans-serif, cursive, monoespace, fantasy,.. & &1'& 7 3 '8 ' /66B 8 8//66B3 '6;#? Propiedades relativas al contenido del elemento: Propiedad Controla: Valores típicos text-align Colocación del texto Center, left, right padding Tamaño del margen interno, o Medidas separación entre el borde del elemento y su contenido background- Color del fondo Colores color backgroundimage Imagen para el fondo +! $ 1 URL Propiedades relativas al contorno del elemento: Propiedad Controla: Valores típicos border-width Anchura de las líneas que Medidas dibujan el borde del elemento border-color Color de las líneas que forman Colores el borde border-style Aspecto de las líneas que forman el borde None, dotted, dashed, solid, double margin Tamaño del margen externo o medidas separación entre el borde de este elemento y los elementos adyacentes + 1
4 Propiedades relativas a posición y visibilidad Propiedad Controla: Valores típicos position Forma de medir la posición Absolute, relative top Distancia hacia arriba Medidas left Distancia hacia la izquierda Medidas width Anchura del elemento Medidas height Altura del elemento Medidas z-index Orden de superposición de capas 1, 2, 3, 4, 5,... visibility Si se visualiza o no Visible, hidden display Cómo y dónde se visualiza Block, inline, none.3.2 El atributo STYLE 2 )C+,. + <P STYLE= background-color:green; color:blue; > " 7!D)C+EF F$"! $,. 7 " " * 3 8!0GH$!)7I$* + <DIV STYLE= font-size:16pt > <P>texto que se verá con letra grande.</p> <TABLE><TR><TD>Esto tambien se verá con letra grande </DIV>.3.3 El elemento STYLE de HEAD 2)C )C+ <HEAD>.. <STYLE> P { font-size:14pt; color:blue; } TABLE { background-color:palegreen } </STYLE> " 8 #>' 8
5 <HEAD> <STYLE> TABLE { border-width:10px; border-color:blue; } TD { background-color:palegreen; } </STYLE> + ".3.4 Estilo en fichero separado: css ) ' " *,2 ))".+" JK )C+ +0 )8 " 8 GIL +0H 9" #" <html><head> <link rel= stylesheet type= text/css href= estilo1.css > </head> <body> <p>esto es un párrafo que vemos en azul.. </body></html> 9"# P { font-size:14pt; color:blue; } TABLE { background-color:palegreen } H2 { font-size:18pt; color:red; }.3.5 La cascada + M + 2 F" " &A 2 " " 8 ' 8 8 9"# table {background-color:palegreen; color:blue;}
6 9" #" <html><head><link rel="stylesheet" type="text/css" href="es1.css"></head> <body><table> <tr><td>castellón</td><td>valencia</td><td>alicante</td></tr> <tr><td>huesca</td><td>zaragoza</td><td>teruel</td></tr> </table> <p>fondo verde y letra azul segun hoja de estilo es1.css</p> </body></html> 9" /" <html><head><link rel="stylesheet" type="text/css" href="es1.css"> <style> table {background-color:yellow}</style> </head> <body> <table> <tr><td>barcelona</td><td>tarragona</td><td>lleida</td><td>girona</td> </tr> <tr><td>a Coruña</td><td>Ourense</td><td>Lugo</td><td>Pontevedra</td></tr> </table> <p>la letra azul se establece en la hoja de estilo es1.css. También se establece allí el fondo verde, pero queda anulado por el elemento style en head de este documento</p> </body></html> 9" 5" <html><head><link rel="stylesheet" type="text/css" href="es1.css"> <style> table {background-color:yellow}</style> </head> <body> <table> <tr><td>barcelona</td><td>tarragona</td><td>lleida</td><td>girona</td> </tr> <tr><td>a Coruña</td><td>Ourense</td><td>Lugo</td><td>Pontevedra</td></tr> <tr style="color:red"><td colspan=2>cáceres</td><td colspan=2>badajoz</td></tr> </table> <p>la letra azul se establece en la hoja de estilo es1.css. También se establece allí el fondo verde, pero queda anulado por el elemento style en head de este documento. El color azul de letra, se cambia a rojo solo en una fila de la tabla, la que contiene el atributo style para ello</p> </body></html>
7 .3.6 Facilidades en la expresión del estilo Clases 7 * * <P CLASS= normal >nnn nnnn nnn <P CLASS= impor >iii iiii iiii <P CLASS= compl >cccccccccccc cccc +" 2)))C+ +0 8' P.normal {font-size..} P.impor {font-size } P.compl {font-size..} G + * '.urgente { color:red } MF <p class= urgente > <h2 class= urgente > <td class= urgente > Pseudoclases para enlaces 0!$ )' a:linkj*k a:visitedj K a:hoverj* "K + a.impor:visitedj--k #dcontrol a:linkj--k
8 Estilo individual 7 A ) : #entra { } MF7 8 <p id= entra > a a a a a a a </p> N73' A O7 '* " 2)) )" 2))' Estilo para elementos anidados ' div p { }83 div p.impor { }8 3 div.ficha p { }83 " div.ficha p span { }3 83 " #entra span.remarca { } 3 Un estilo para muchos elementos 7 JK ' P, td.impor,.urgente h3, #entra { } *** *+ 8 "53, "5.
9 .3.7 Bibliografía P202))/Q 7/66/ 78 " P2R*0 84P)2))D/66; 2#/#S;1/// T' D2U7"4" 2))))/66= 28 " 0)9 2))"RVD/66= 23 '*8 2 "W)2)))/66?
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 detallesCreació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 detallesYusef Hassan Montero Francisco Jesús Martín Fernández. Referencia CSS. Todos los derechos reservados www.nosolousabilidad.com
Yusef Hassan Montero Francisco Jesús Martín Fernández Referencia CSS Todos los derechos reservados www.nosolousabilidad.com Introducción Este documento tiene por objetivo servir de material de apoyo y
Más detallesCSS. Cascading Style Sheets (Hojas de estilo en cascada)
1 CSS Cascading Style Sheets (Hojas de estilo en cascada) INTRODUCCIÓN Las Hojas de estilo son un conjunto de reglas de estilo definidas por el programador sobre elementos HTML, que definen la apariencia
Más detallesHojas 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 detallesCreació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 detallesDesarrollo de Aplicaciones para Internet I. Unidad III - CSS Profesor: M.C. Martín Olguín
Desarrollo de Aplicaciones para Internet I Unidad III - CSS Profesor: M.C. Martín Olguín Cascading Style Sheets (CSS) Aunque el HTML desde sus orígenes privilegia el contenido sobre la apariencia, esta
Más detallesResumen 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 detallesArquitectura 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 detalleslenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos definidos con HTML y XHTML
: Introducción En la primera parte del curso (XHTML) se comentó en numerosas ocasiones que el aspecto de la página podía modificarse mediante las hojas de estilo. Qué es el? es un lenguaje de hojas de
Más detallesANEXO. Documento de pautas de comunicación y diseño para el desarrollo de trámites en linea.
ANEXO. Documento de pautas de comunicación y diseño para el desarrollo de trámites en linea. Ministerio de Gobierno y Reforma del Estado Secretaría de Tecnologías para la Gestión Secretaría de Comunicación
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2015 GUIA DE LABORATORIO Nº 3 Nombre de la practica: Aplicación de Hojas de estilo Lugar de ejecución: Laboratorio
Más detallesHOJAS 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 detallesGuí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 detallesYusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com
Yusef Hassan Montero Francisco Jesús Martín Fernández Introducción a DOM Todos los derechos reservados www.nosolousabilidad.com INTRODUCCIÓN DOM, Document Object Model o Modelo de Objetos de Documento,
Más detallesHTML. HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE
HTML HTML (HyperText Markup Language) Creado en 1989 por el físico nuclear TIM BERNERS- LEE Se elaboró un protocolo para soportar e envío de información por la red. HTTP (Hyper Text Transfer Protocol)
Más detalles7. Definición de un estilo en función del contexto.
7. Definición de un estilo en función del contexto. Este otro recurso que provee las CSS es la definición de un estilo para una marca HTML siempre y cuando la misma esté contenida por otra marca determinada.
Más detallesEjemplo: 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 detallesELECTIVA FE I. Tema 3: Introducción a las hojas
Tema 3: Introducción a las hojas de estilo en cascada CSS Qué son las hojas de estilo en cascada o CSS? CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos
Más detallesCSS1. manual de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003
CSS1 manual de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre CSS1 disponible en: http://www.w3.org/tr/1999/rec-css1-19990111 Manual de referencia de CSS1-
Más detallesHojas 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 detallesCURSO DE CSS Índice de contenido
Índice de contenido 1.- INTRODUCCION...3 1.1.- Definición...3 1.2.- Versiones...3 1.3.- Test...4 2.- SINTAXIS CSS...5 2.1.- Reglas y su jerarquía...5 2.2.- Comentarios...6 2.3.- Uso CSS...6 2.4.- Test...8
Más detallesHTML. para E-mail. Guía de Buenas prácticas. Less ys More Ludwig Mies van der Rohe
HTML para E-mail Guía de Buenas prácticas Less ys More Ludwig Mies van der Rohe Ejemplo de un e-mail sin buenas prácticas Textos degradados Los textos están sobre un fondo degradado Newsletter Septiembre
Más detallesDesarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design
Desarrollo de sitios Web con HTML5, CSS3, jquery y Responsive Web Design Nivel básico. Duración: 20 horas. Lección 1. Creando tu primera página Web en HTML5. Qué es HTML5 y CSS3? Términos comunes utilizados
Más detallesPersonalización plantilla Kamera. Aisha (Elai the Blogger) para El perro de papel www.elperrodepapel.com
Personalización plantilla Kamera Aisha (Elai the Blogger) para El perro de papel www.elperrodepapel.com PERSONALIZACIÓN PLANTILLA KAMERA Otra plantilla pensada para blogs donde la fotografía es uno de
Más detallesCSS, hojas de estilos
CSS, hojas de estilos 1. Introducción a las CSS El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así porque fue concebido para otros usos (científicos sobre todo), distinto
Más detallesQué es HTML? Páginas WEB. Etiquetas
Guía de Html 2015 QUÉ ES HTML PÁGINAS WEB ETIQUETAS ESTRUCTURA BÁSICA DE UNA PÁGINA WEB CÓMO SE UTILIZAN LOS COLORES EN HTML? TEXTO EN HTML ENCABEZADOS UBICACIÓN, FORMATO Y ATRIBUTOS DE TEXTO TABLAS NUMERACIÓN
Más detallesEjercicios del bloque de Web de Sistemas de Información:
Ejercicios del bloque de Web de Sistemas de Información: Ejercicio 1: Explica brevemente las principales diferencias entre DTDs y XML Schema. Ejercicio 2: En el contexto de XML qué es un documento bien
Más detallesTema: Estilos CSS. Combinadores. Posicionamiento.
Diseño Digital V. Guía 5 1 Tema: Estilos CSS. Combinadores. Posicionamiento. Objetivos Contenidos Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V A través del desarrollo
Más detallesHTML y XHTML. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014
HTML y XHTML Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2013/2014 Etiquetas Contenido de una página web: Contenido (información). Instrucciones de estructura
Más detallesFlash. Los chilos de la Web: Recordando la Web. Etiquetas de HTML. Recuerda 12/04/13 HTML = ESTRUCTURA CSS = DISEÑO DE LA ESTRUCTURA
Flash Tecnología Desarrollada por Macromedia en 1995, y posteriormente adquiridad por Adobe, para la manipulación de Vectores, Gráficos, Audio y Video. Actual y recientemente descontinuada en dispositivos
Más detallesCSS 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 detallesHTML Estático: Hojas de Estilo. HTML Estático: Hojas de Estilo
escuela técnica superior de ingeniería informática HTML Estático: Hojas de Estilo Departamento de Lenguajes Noviembre 2004 Usando el atributo STYLE dentro de una etiqueta HTML Esto Esto es es un un párrafo
Más detallesPaquete de trabajo 3. Diseño Web del Proyecto REMERI. Manual. Enero 2013
Paquete de trabajo 3 Diseño Web del Proyecto REMERI Manual Enero 2013 Red Mexicana de Repositorios Institucionales REMERI 2 HOJA EN BLANCO Red Mexicana de Repositorios Institucionales REMERI 3 Paquete
Más detallesJoomla! 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 15 martes 19 jueves 21 viernes 22 martes 26 jueves 28 viernes 29 Introducción
Más detallesMi 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 detallesDiseño y Programación de Páginas Web
Diseño y Programación de Páginas Web 1.2. Hojas de Estilo CSS Juan Ruiz de Miras (demiras@ujaen.es) Departamento de Informática Universidad de Jaén Contenidos 1. Introducción 2. Sintaxis de las hojas de
Más detallesCapas. Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML
Capas Capas Para definir una sección o división se utilizan las capas. Para esto utilizamos las etiquetas de HTML y Uso principal es poder aplicar estilo en el cuerpo/porción del documento
Más detallesCAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B)
APRENDERAPROGRAMAR.COM CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesEL 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 detallesAprendiendo Yii. Publicación. Armando Arce
Aprendiendo Yii Publicación Armando Arce 28 de April de 2016 Índice general 1. Primeros pasos con Yii 3 2. Consulta de datos con Yii 11 3. Búsquedas y formularios en Yii 19 4. Inclusión y modificación
Más detalles<DOCTYPE HTML PUBLIC> <HTML> <HEAD>... </HEAD> <FRAMESET>... </FRAMESET> </HTML>
... ... Marcos en HTML
Más detallesFerran Perdrix Sapiña Grupo GRIHO (UdL) C/Jaume II nº 69 ferran@griho.net
HOJAS DE ESTILO Y USABILIDAD Ferran Perdrix Sapiña Grupo GRIHO (UdL) C/Jaume II nº 69 ferran@griho.net Índice 1. Introducción 3 1.1. Introducción a las Hojas de Estilo. 4 1.2. Beneficios de las Hojas de
Más detallesUnidad didáctica 4 Programación de aplicaciones Web 2.0
Unidad didáctica 4 Programación de aplicaciones Web 2.0 En esta última unidad didáctica del curso vamos a ver las aplicaciones Web 2.0 de un modo distinto de como lo llevamos haciendo hasta ahora: desde
Más detallesPráctica 2: Diseño Web inicial. XHTML avanzado.
Grado de Información y Documentación Curso 2011-2012 33864-Informática II Práctica 2: Diseño Web inicial. XHTML avanzado. 1. Introducción y objetivos Introducción En esta práctica el alumno tendrá un tema
Más detallesPáginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web 2.0. 1.7 Hojas de estilo CSS
49 1.7 Hojas de estilo CSS 50 1.7 Hojas de estilo CSS 1.7.1 Qué es una hoja de estilo? Una hoja de estilo es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas de estilo) que contempla
Más detallesBASES DE DATOS Y PHP. Índice. INTRODUCCIÓN Contacto. INTRODUCCIÓN Calendario de Prácticas INTRODUCCIÓN ACCESO A BASES DE DATOS PRÁCTICAS - PARTE B
Bases de Datos (Segundo Curso) Enxeñeria Técnica en Informática de Sistemas Escola Técnica Superior de Enxeñería Universidade de Santiago de Compostela BASES DE DATOS Y Índice PRÁCTICAS - PARTE B José
Más detallesTEMA 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 detallesDiseñ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 detallesHTML-5 / DIVS + IFRAMES. Prof: Moisés Mañas Moimacar@esc.upv.es
HTML-5 / DIVS + IFRAMES Prof: Moisés Mañas Moimacar@esc.upv.es Básico Define una división o sección en un documento Atributos: align= left/right/center/justify Alineación de la división
Más detallesELABORADO 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 detalles1. Temario Curso Web Design 2014
1. Temario Curso Web Design 2014 FIREWORKS Diseño profesional de interfaces web Nociones generales para qué sirve?, diferencia con Photoshop Espacio de trabajo - Barras de menú, herramientas y paletas
Más detallesMinisterio de Educación, Cultura y Deporte. HTLM5 en la educación. Módulo 11: Maquetación con estilos.
Ministerio de Educación, Cultura y Deporte. HTLM5 en la educación Módulo 11: Maquetación con estilos. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Maquetación con estilos
Más detallesInformática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
Informática General 2017 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Selector universal Se utiliza para seleccionar todos los elementos de la página. * { } margin: 0; padding:
Más detallesDiseñ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 detallesInformá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 detallesInformá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 - parte 3 Box
Más detallesSELECTOR UNIVERSAL. NTH-OF-TYPE Y NTH-LAST- CHILD. COMBINAR SELECTORES. EJEMPLOS Y EJERCICIOS RESUELTOS CSS. (CU01016D)
APRENDERAPROGRAMAR.COM SELECTOR UNIVERSAL. NTH-OF-TYPE Y NTH-LAST- CHILD. COMBINAR SELECTORES. EJEMPLOS Y EJERCICIOS RESUELTOS CSS. (CU01016D) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesHTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003
HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...
Más detallesescuela técnica superior de ingeniería informática
Versiones previas: David Benavides y Amador Durán (septiembre 2006) Reestructuracion General: Manuel Resinas (octubre 2007) Ultima Revision: Cambios Menores. Pablo Fernandez (Octubre 2010) Tiempo: 2h escuela
Más detallesescuela técnica superior de ingeniería informática
Tiempo: 2h escuela técnica superior de ingeniería informática Hojas de Estilo en Cascada (CSS) Departamento de Lenguajes Grupo de Ingeniería del Software Octubre 2007 Versiones previas: David Benavides
Más detallesCurso 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 detallesCSS, hojas de estilos
CSS, hojas de estilos Introducción a las CSS 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 detallesEJERCICIOS HTML BÁSICOS
EJERCICIOS HTML BÁSICOS Ejercicio 1 Crear un documento HTML desde cero Crea la estructura de carpetas del sitio (carpeta raíz, carpeta de imágenes y de scripts). Dentro de la carpeta de scripts crea un
Más detallesEn 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Índice. Introducción. Página 2 Empecemos con un ejemplo. Página 3 Crea tu site: Página 3
Índice. Introducción. Página 2 Empecemos con un ejemplo. Página 3 Crea tu site: Página 3 Anexo. Guía para desarrollo de programas en HTML y JavaScript. 1. Introducción. En este anexo vamos a escribir un
Más detallesDesarrollo para navegadores web: HTML, DHTML, CSS, DOM, Javascript y objetos incrustados
Desarrollo para navegadores web: HTML, DHTML, CSS, DOM, Javascript y objetos incrustados Índice de contenido Desarrollo para navegadores web: HTML, DHTML, CSS, DOM, Javascript y objetos incrustados...1
Más detallesIntroducció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 detallesAplicaciones Telemáticas (2014-15)
Aplicaciones Telemáticas (2014-15) Grado en Ingeniería Telemática (URJC) Jesús M. González Barahona, Gregorio Robles Martínez http://cursoweb.github.io GSyC, Universidad Rey Juan Carlos 23 de mayo de 2015
Más detallesCSS. Página 1/16. Atributo id #texto1 {font-size: 20px;} <p id= texto1 >Texto</p> p:nth-child(2) { background: # }
CSS. Página 1/16 Introducción CSS p, span{ color: #FF0000; font-size:24px; Pseudoclases
Más detallesUNIVERSIDAD DE EL SALVADOR FACULTAD MULTIDISCIPLINARIA DE OCCIDENTE TEMA: XHTML CATEDRA: INTRODUCCION A LA PROGRAMACION EN INTERNET
UNIVERSIDAD DE EL SALVADOR FACULTAD MULTIDISCIPLINARIA DE OCCIDENTE TEMA: XHTML CATEDRA: INTRODUCCION A LA PROGRAMACION EN INTERNET DOCENTE: Ing. CARLOS ARTURO RUANO. INSTRUCTOR: Tec. DANIEL EDENILSON
Más detallesCSS: hojas de estilo en cascada
CSS: hojas de estilo en cascada 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
Más detallesVamos 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 detallesDepartamento 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 detallesMANUAL TECNICO DE EMAILING BIZBOX
MANUAL TECNICO DE EMAILING BIZBOX 1.- Verificar Registro SPF El dominio desde el que envía su coreo no puede ser cualquier dominio, debe ser un dominio aprobado y verificado para enviar correos, estos
Más detallesHojas de Estilo en Cascada (CSS)
Hojas de Estilo en Cascada (CSS) Grupo de Ingeniería del Software y Bases de Datos Universidad de Sevilla Presentación y La separación del (la información que se muestra) de la presentación (cómo se muestra)
Más detallesHTML 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 detallesCSS: 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 detallesInformática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
Informática General 2018 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales CSS - Hojas de Estilo Las hojas de estilo en cascada son un lenguaje formal usado para definir la presentación
Más detallesMantenimiento de WordPress e Introducción a CSS
Mantenimiento de WordPress e Introducción a CSS 6 / Junio / 2016 Alex Ollé @WanderlustTB fb.com/wanderlustmemories @wanderlust_memories PDF en: alexolle.es/tallerwordpress 1. Qué es WordPress? WordPress
Más detallesIII. 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 detallesTutorial de maquetación con CSS
Tutorial de maquetación con CSS Maquetación de un Sitio Web con CSS Vamos a hacer esta página: http://www.oscarblanco.net/tutorialcss/menu.htm Vamos a echar un vistazo desnudando el html de su hoja de
Más detalles5º Unidad Didáctica. Hojas de estilo en Cascada CSS. Eduard Lara
5º Unidad Didáctica Hojas de estilo en Cascada CSS Eduard Lara 1 ÍNDICE 5.1 El Origen de CSS 5.2 Hojas de estilo y sus clases 5.3 Las reglas de estilo 5.4 Presentación con estilos 2 5.1 EL ORIGEN DE CSS
Más detallesMENÚ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 detallesAnexo B. Archivos CSS. tipografia.css. Anexos. Lourdes Fernandez Ramirez tipografia.css * { padding: 0; margin: 0; body { text-align: center;
Anexo B. Archivos CSS tipografia.css /* */ Lourdes Fernandez Ramirez tipografia.css * { body { padding: 0; margin: 0; text-align: center; #Externo { width: 750px; margin-left: auto; margin-right: auto;
Más detalles1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers
Barra de navegación vertical con Botones rollovers_tic 1º Bachillerato página 1/8 1 BARRA de NAVEGACIÓN VERTICAL con BOTONES rollovers...1 1.1 Intro...1 1.2 Código HTML de la lista de vínculos...2 1.3
Más detallesPROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D)
APRENDERAPROGRAMAR.COM PROPIEDAD POSITION CSS: STATIC, RELATIVE, ABSOLUTE, FIXED. TOP, RIGHT, BOTTOM, LEFT. EJEMPLOS EJERCICIOS DE POSICIONAMIENTO RESUELTOS (CU01032D) Sección: Cursos Categoría: Tutorial
Más detallesJoomla! 2.5 Cree y administre sus sitios Web
Capítulo 1: Instalación de Joomla! 1. Introducción 11 2. Qué es un CMS? 11 3. HTML y XHTML 11 4. Diferenciar el contenido de la presentación 12 5. PHP y Apache 12 6. MySQL 13 7. Sitio estático o sitio
Más detallesInformática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales
UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales CSS - parte 2 Box
Más detallesCURSO DE H.T.M.L. Parte 3/4
CURSO DE H.T.M.L. Parte 3/4 Autor Luis Marco Giménez Agencia Tributaria Dpto. Informática Tributaria de de Madrid Colaboradores Javier Álvarez Eloy García Instituto de de Salud Carlos III III de de Madrid
Más detallesPrácticas con... HTML. Luis Escandell Gómez Enero de 2.007
Prácticas con HTML Luis Escandell Gómez Enero de 2.007 1 Práctica 1 - Introducción a HTML (1) A lo largo de estas prácticas vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear
Más detallesIntroducción...1. Capítulo 1: Instalación de Altova XML Suite...3. 1. Objetivos del capítulo...3. 2. Instalación de Altova XML Suite...
Introducción...1 Capítulo 1: Instalación de Altova XML Suite...3 1. Objetivos del capítulo...3 2. Instalación de Altova XML Suite...3 2.1. Requerimientos previos a la instalación...3 2.2. Procedimiento
Más detallesGuía para creación de temas para editor de EditandSend
Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.
Más detallesIntroducción a las aplicaciones web
1 Introducción a las aplicaciones web Objetivos del capítulo Comprender el esquema de funcionamiento de un servicio web. Conocer los lenguajes de marcas y el más utilizado de todos, el lenguaje HTML. Conocer
Más detallesInformática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
Informática General 2018 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Box model El "box model" es el comportamiento de CSS que hace que todos los elementos incluidos en una página
Más detallesEJEMPLO DE APERTURA Y CIERRE DE UNA ETIQUETA.
DOCUMENTOS HTML QUÉ SON? Los documentos HTML son archivos creados con etiquetas en lenguaje de hyper text markup language (lenguaje de hipertexto). Estos documentos son interpretados por los programas
Más detallesMANUAL DE REFERENCIA DE PROGRAMACIÓN HTML
MANUAL DE REFERENCIA DE PROGRAMACIÓN HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con
Más detalles