Introducción a Hojas de Estilo
|
|
- Emilio Páez San Martín
- hace 7 años
- Vistas:
Transcripción
1 Introducción a Hojas de Estilo Por Héctor Hugo Luna Miranda Conociendo las hojas de estilo De inicio, te presento un par de preguntas cuyas respuestas se obtendrán siguiendo los lineamientos de Vázquez (2006): Qué es una hoja de estilo y en qué te ayuda en la creación de sitios Web? Las hojas de estilo o también conocidas como código CSS son la mejor manera de personalizar el aspecto visual de nuestras páginas de forma sencilla, rápida y eficaz. Se trata de un método de codificación complementaria al HTML, basada en este lenguaje, que permite crear estilos visuales para aplicar a las diversas etiquetas que puede contener una página. Es así que podremos crear estilos individuales para los párrafos, los textos, las tablas, etc. Mediante las hojas de estilo podremos controlar y personalizar márgenes, alineaciones, colores, formatos, fuente, espesores, altos, anchos e infinidad de opciones más, todo ello sin la necesidad de modificar individualmente cada elemento de la página (Vázquez, 2006, p. 136). Cómo identificas que en tu página Web se está haciendo uso de Hojas de Estilo? Puedes aplicar hojas de estilo a un documento HTML de dos formas: 1. Especificándolo en cada etiqueta HTML por medio del atributo style. 2. Utilizando la etiqueta <STYLE></STYLE> dentro del encabezado de la página (<HEAD></HEAD>) que permite escribir código CSS directamente dentro de ella. 1
2 Ejemplo 1. Aplicación de hoja de estilo directamente en la etiqueta Figura 1. Aplicación de hoja de estilo directamente en una etiqueta HTML. Como puedes observar en el ejemplo anterior, hay dos etiquetas <P></P>. A la primera de ellas se le ha agregado el atributo style. Dentro del atributo style se coloca el código color:red, el cual, en CSS indica que el color del texto será rojo. En la segunda etiqueta el atributo style tiene el siguiente valor border:1px solid, lo cual, significa que la etiqueta estará rodeada de un borde negro. Ejemplo 2. Aplicación de hoja de estilo usando la etiqueta <STYLE></STYLE> Figura 2. Aplicación de hoja de estilo usando etiqueta <STYLE>. 2
3 Este ejemplo tiene el mismo efecto que el primero. La diferencia es que se hace uso de la etiqueta <STYLE></STYLE>, la cual permite escribir código CSS dentro de la página HTML sin hacer uso del atributo style de las etiquetas. Hay dos párrafos que se muestran en color rojo y uno que tiene un borde negro. En CSS hay dos formas de asignar estilo a nuestras etiquetas, ya sea por el atributo class (pueden existir varias etiquetas con este atributo y el mismo valor), y el atributo id (el valor de este atributo debe ser único para cada etiqueta). Entonces, podemos observar que hay dos etiquetas <P></P> con el atributo class=rojo sobre las cuales va a tener efecto el código CSS..rojo {color:red;} El (. ) en este código indica que va a hacer referencia a todas las etiquetas que tengan en su atributo class (el valor después del punto) en este caso rojo, entonces, en todas las etiquetas que tengan como atributo class=rojo el color del texto será rojo. Referente al párrafo que tiene el borde de color negro, el código que le correspondería es: #borde{border:1px solid;} En este ejemplo vemos que cambia el (. ) por un símbolo de ( # ). La diferencia es que en lugar de preguntar por el atributo class se está haciendo referencia al atributo id de la etiqueta. En este caso, a la etiqueta que tenga como atributo id=borde se le va a colocar un borde de color negro con ancho de un píxel. Con base a los ejemplos anteriores, se puede obtener la sintaxis de las Hojas de Estilo. Para que sea más ilustrativo, observa la figura 3 Figura 3.Sintaxis de código CSS. 3
4 Existe una gran variedad de Propiedades (modificadores) de CSS y cada una toma diferente valor para tener una amplia flexibilidad al momento de estar aplicando diseño a la página Web. A continuación, podrás observar algunas tablas con las propiedades más comunes y los valores que reciben. Comando modificador Función Valor margin-top, margin-right, margin-bottom, margin-left, margin:top right bottom left padding-top, padding -right, padding -bottom, padding - left, padding:top right bottom left border-top-width, border - right-width, border -bottomwidth, border -left-width, border-width:top right bottom left Distancia entre un bloque y los restantes elementos- Distancia entre el border y el contenido de un bloque. Ancho de los diferentes bordes de un bloque. Tamaño, porcentaje. Tamaño, porcentaje. Tamaño. border-style Estilo visual del borde del bloque. NONE, SOLID, 3D. border-color Color del borde. Color (en código hexadecimal o nombre en inglés). width, height Ancho y largo del bloque. Tamaño, porcentaje. float Alineación del contenido del bloque. NONE, LEFT, RIGHT. Font-family Tipo de letra. Familias tipográficas genéricas. Font-size Tamaño de fuente Tamaño. Font-weight Espesor de la letra. NORMAL, BOLD, BOLDER, LIGHTER- Font-style Estilo de la fuente. NORMAL, ITALIC, ITALIC SMALL-CAPS, OBLIQUE, OBLIQUE SMALL-CAPS, SMALL CAPS. Figura 4. Propiedades básicas de CSS (Vázquez, 2006, p. 137). Si deseas conocer más Propiedades (Modificadores) de CSS, te recomiendo visitar los siguientes enlaces: Manual básico CSS: Introducción a CSS: Referencias CSS 2.1 : 4
5 Resumen En este documento aprendiste el término de Hojas de Estilo y sus principales características, por medio de las cuales podrás identificar su uso en las páginas HTML. Con ello, serás capaz de crear, identificar y comprender el código en el que se haga uso de Hojas de Estilo para dar diseño a las páginas Web. Obteniendo así, páginas más atractivas y flexibles. Referencias Vázquez, P. (2006). Manual de Usuarios. Argentina: Banfield, Gradi. Bibilografía Aubry, C. (2009). Informática técnica. Barcelona: ENI. [Versión electrónica]. Disponible en: SvbfUC&printsec=frontcover&dq=hojas+de+estilo&hl=es&ei=3yezTJu0 CY6msQP3-sk- &sa=x&oi=book_result&ct=result&resnum=5&ved=0ceiq6aewba#v=o nepage&q&f=false Codina, L. (2002, julio-agosto). Hojas de estilo. Disponible en: f Dreyfus, M. (2001). Hojas de estilo CSS HTML (Trad. Roberto Tato). Barcelona: Marcombo. [Versión electrónica]. Disponible en: ojas+de+estilo&hl=es&ei=3yeztju0cy6msqp3-sk- &sa=x&oi=book_result&ct=result&resnum=1&ved=0cc8q6aewaa#v= onepage&q&f=false Eguíluz, J. (2009). Introducción a CSS. España: Libros.es. [Versión electrónica]. Disponible en: Weinman, W. (2002). Diseño creativo HTML.2. Manual de diseño práctico para Internet (Trad. Sergio Kourchenko). México: Pearson Educación. [Versión electrónica]. Disponible en: hojas+de+estilo&hl=es&ei=3yeztju0cy6msqp3-sk- &sa=x&oi=book_result&ct=result&resnum=8&ved=0cfeq6aewbw#v= onepage&q=hojas%20de%20estilo&f=false 5
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 detallesCSS. 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 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 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 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 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 detallesDuración en horas: 20 OBJETIVOS DEL CURSO
Fecha de comienzo : Una vez confirmada la matrícula, ya puedes comenzar el curso Fecha de finalización : Depende de la duración del curso Precio : 120 EUR Duración en horas: 20 OBJETIVOS DEL CURSO HTML
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 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 detallesCursos de INFORMÁTICA [ ] Diseño de Páginas Web
Cursos de INFORMÁTICA [ ] Diseño de Páginas Web 80 h DISEÑO DE PÁGINAS WEB El Curso Diseño de Páginas Web de la plataforma de Vértice training está encaminado a que pueda ser útil tanto a personas sin
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 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 detallesESTRUCTURA 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 detallesDISEÑO DE PAGINAS WEB
DISEÑO DE PAGINAS WEB ESTRUCTURA BÁSICA HTML ESTRUCTURA DE UNA PAGINA A lo largo de este tema vamos a aprender a crear una página básica. La estructura básica de una página es:
Más detalles4.1. Configurar Página
4.1. Configurar Página Los primeros aspectos a considerar cuando se va a elaborar un documento son los relacionados a la Configuración de la página. Configurar página significa, preparar el documento a
Más detallesDar 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 detallesDREAMWEAVER CS 5 DURACIÓN Y OBJETIVOS DEL CURSO. Duración en horas: 40
DREAMWEAVER CS 5 DURACIÓN Y OBJETIVOS DEL CURSO Duración en horas: 40 OBJETIVOS: Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación
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 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 detallesDiseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS4 - URJC
Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS4 - URJC Código: 13119 Modalidad Distancia 150 Duración Qué aprenderás? Con este curso aprenderás conocimientos teóricos y prácticos para poder desarrollar
Más detalles<DOCTYPE HTML PUBLIC> <HTML> <HEAD>... </HEAD> <FRAMESET>... </FRAMESET> </HTML>
... ... Marcos en HTML
Más detallesQUÉ 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 detallesCapítulo 3 Estilo para un documento HTML: CSS
Capítulo 3 Estilo para un documento HTML: CSS.3.0 Qué es el estilo?!"#$ "!$ &'!$!($ ) *+ " *, -.,#/-..3.1 Propiedades y valores 0 )" & + 1& &1& 2 " '" Medidas: 3 + 14 "56 1'#/ 1/5-7 3 1 1 + 1' Colores:
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 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 detallesMicrosoft Office Excel Nivel Básico
Microsoft Office Excel Nivel Básico OBJETIVO: Al finalizar el curso, el participante conocerá las principales herramientas de Excel siendo capaz de comprender en forma práctica los conceptos para formatos
Más detallesMATERIALES Leer previamente la Guía Número 5. Materiales proporcionados por el docente para el desarrollo de la Guía 5.
Tema: Sectorización y Banner web (Slider) CONTENIDOS Creación de sitios locales. Administración de sitios locales. OBJETIVOS ESPECÍFICOS Desarrollo de un banner web, aplicando los conocimientos de webkit
Más detallesTIC II Tema 2: Programación Web
TIC II Tema 2: Programación Web INTRODUCCIÓN Las Hojas de Estilo en Cascada o CSS es un lenguaje creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML. CSS es
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 detallesDISEÑO CURRICULAR COMPUTACIÓN II
DISEÑO CURRICULAR COMPUTACIÓN II FACULTAD (ES) CARRERA (S) Ciencias Económicas y Sociales Humanidades, Arte y Educación. Contaduría Pública, Gerencia de Recursos Humanos, Administración, Educación Integral
Más detalles(X)HTML. World Wide Web es uno de los servicios que se pueden encontrar en Internet, pero no el único (correo electrónico, FTP, news...
Esquema Conceptos previos Qué es HTML? Gramática de HTML Estructura básica de un documento HTML Cuerpo del documento Hipertexto y marcadores Listas Imágenes Formularios Tablas Hojas de estilo Conceptos
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 detallesNUEVO ASPECTO DE EXCEL 2007
Excel 2007 El botón de Office situado en la parte superior izquierda de la pantalla, así como el funcionamiento del botón derecho a la hora de querer aplicar formatos básicos con las celdas que tenga seleccionadas,
Más detallesMICROSOFT ACCESS 2007
MICROSOFT ACCESS 2007 1. AVANZADO Nº Horas: 24 Objetivos: Descripción del funcionamiento del programa de gestión de bases de datos Microsoft Access 2007, estudiando los conceptos fundamentales de las bases
Más detallesSelección de texto. Seleccionar texto es elegir para hacer algo con ese texto como por ejemplo cambiar color de letra, cambiar tamaño de letra, etc.
Selección de texto Seleccionar texto es elegir para hacer algo con ese texto como por ejemplo cambiar color de letra, cambiar tamaño de letra, etc. Formas de selección: Con el teclado. Se debe colocar
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 detallesHOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)
HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) 1. QUÉ ES UNA HOJA DE ESTILOS? Las hojas de estilos son un conjunto de instrucciones, el cual permiten manejar el formato y presentación de contenido
Más detallesQue son las hojas de estilo (CSS)?
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 es una tecnología que nos permite controlar la apariencia
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 detallesSesión No. 12. Contextualización INFORMÁTICA 1. Nombre: Editor de Publicaciones (Microsoft Publisher)
INFORMÁTICA INFORMÁTICA 1 Sesión No. 12 Nombre: Editor de Publicaciones (Microsoft Publisher) Contextualización Microsoft Publisher es un editor de publicaciones y forma parte de la suite de Microsoft
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 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 detallesQué es CSS. Si necesitamos hacer modificaciones lo hacemos en un sólo lugar y no tenemos que editar todos los documentos HTML por separado.
Qué es HTML y CSS Una página web es un documento de texto el cual se escribe en lenguaje HTML, con el que se que crea el contenido de una web. Aquí se manejan los contenidos. Por otro lado, existe el código
Más detallesMicrosoft Access 2003 (Completo)
Página 1 Horas de teoría: 27 Horas de práctica: 25 Precio del Curso: 167 Descripción del funcionamiento del programa de gestión de bases de datos Microsoft Access 2003, estudiando los conceptos fundamentales
Más detallesELEMENTOS QUE APARECEN EN LA BARRA DE ESTADO
1 Contenido ELEMENTOS QUE APARECEN EN LA BARRA DE ESTADO... 2 ACTIVAR Y DESACTIVAR COMANDOS... 3 DESPLAZAMIENTOS EN LA EDICIÓN DE WORD... 3 ESTILOS... 4 PROCEDIMIENTO... 4 Cuando el documento ya esta realizado...
Más detallesTRATAMIENTO DE TEXTO Y CORREO ELECTRÓNICO - OFFICE 2010
TRATAMIENTO DE TEXTO Y CORREO ELECTRÓNICO - OFFICE 2010 Duración en horas: 40 OBJETIVOS DEL CURSO Curso que enseña el manejo del procesador de textos Word, que le permitirá darle un acabado profesional
Más detallesTEMARIO CURSO WORD 2010 BÁSICO
TEMARIO CURSO WORD 2010 BÁSICO LECCIÓN 1 Introducción 1. Qué es un procesador de texto? 2. Entrar y salir de Word 5. Cuestionario LECCIÓN 2 El Entorno de trabajo 1. Interfaz del programa 2. Simulación
Más detallesCSS: Cascading Style Sheets
Diseño de Sitios Web (T.U.W.) Hojas de Estilo Qué son las hojas de estilo? Una hoja de estilo es un conjunto de instrucciones que definen la apariencia de diversos elementos de un documento HTML. Permiten
Más detallesCSS. Añadir estilos a las páginas web
CSS Añadir estilos a las páginas web Qué es CSS? CSS (Cascade Style Sheets) es un tipo de archivo que permite añadir estilos a páginas web (colores de texto, bordes, separaciones, etc.) Son archivos de
Más detallesHTML5, CSS3 + JQuery
HTML5, CSS3 + JQuery Descripción Es necesario que los desarrolladores y diseñadores web, a la hora de crear sitios web, dominen los lenguajes fundamentales que son el HTML (HyperText Markup Language) y
Más detallesModelo de Cajas. Maquetación Web con HTML 5 y CSS 3. Ing. Rasjido Jose UNPA - UACO
Modelo de Cajas Maquetación Web con HTML 5 y CSS 3 Ing. Rasjido Jose UNPA - UACO AGENDA Propiedades de las cajas Tipos de cajas Esquemas de posicionamiento Bibliografía 2 Propiedades de las cajas Cada
Más detallesFORMACIÓN PRÁCTICA: Al propio ritmo de aprendizaje, sin condicionantes de grupo y atendido personalmente por un profesorado especializado.
EXCEL 2010 COMPLETO Descripción del curso: Curso dividido en tres módulos, el alumno aprenderá Excel Básico: Iniciación a este programa especializado en la creación de hojas de cálculo nos permite agrupar,
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 detallesCONCEPTO FLOAT CSS. NONE, LEFT, RIGHT Y CENTRAR?. COLOCAR TEXTO ALREDEDOR DE UNA IMAGEN. EJEMPLOS DE POSICIONAMIENTO FLOTANTE (CU01034D)
APRENDERAPROGRAMAR.COM CONCEPTO FLOAT CSS. NONE, LEFT, RIGHT Y CENTRAR?. COLOCAR TEXTO ALREDEDOR DE UNA IMAGEN. EJEMPLOS DE POSICIONAMIENTO FLOTANTE (CU01034D) Sección: Cursos Categoría: Tutorial básico
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 detallesANEXO II. Herramientas de Evaluación y Enlaces de Interés
ANEXO II Herramientas de Evaluación y Enlaces de Interés Herramientas de Evaluación A continuación se presentan las herramientas Web de validación más importantes y sencillas de utilizar para la evaluación
Más detallesLÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)
APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesÍndice del curso. Elementos HTML. Elementos HTML. Elementos de texto. Creación de páginas web básicas. 1.Introducción a Internet. Lenguaje HTML.
Índice del curso 1.Introducción a Internet. Lenguaje HTML. Elementos HTML Creación de páginas web básicas 2.Elementos HTML. 3.Creación y gestión de imágenes con GIMP. 4.Hojas de estilo. 5.Creación de páginas
Más detallesProducción Digital I. Lic. Wenceslao Zavala 26 de Septiembre 2018
Producción Digital I Lic. Wenceslao Zavala 26 de Septiembre 2018 El ancho de la caja del sitio no debe superar los 1300 px, y si la resolución es más pequeña, debe adaptarse al navegador. Trabajo Práctico
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 detallesfile:///media/disk/exe/paginasunicaparapdf/unidad0... Generación de recursos educativos digitales en formato estándar con exe Learning.
Los estilos en exe Hojas de estilo Generación de recursos educativos digitales en formato estándar con exe Learning. Hojas de estilo Curso destinado a la f ormación de autores de recursos didácticos digitales
Más detallesDISEÑANDO. Web. Empresa. de mi. COmo crear una web empresarial sin ser programador ni diseñador
introducción Bienvenida El Instructor Juan Sebastián Ossa Domínguez Diseñador Gráfico y Diseñador Desarroldor de Software introducción Bienvenida Objetivo del Curso Transmitir los conceptos básicos diseño
Más detallesPROGRAMA PARA EL MANEJO EFICIENTE DEL LÉXICO ESTRATIGRÁFICO CUBANO. VERSIÓN 4.01 DEL 2006
PROGRAMA PARA EL MANEJO EFICIENTE DEL LÉXICO ESTRATIGRÁFICO CUBANO. VERSIÓN 4.01 DEL 2006 Nicolás Vega Garriga 2, Rafael Trujillo Codorniú 1, Yamina Ríos Martínez 2, Héctor Vega Ríos 3 (1) Instituto Superior
Más detallesSus socios en ISO 9000. Manual de Calidad
Sus socios en ISO 9000 Manual de Calidad ESTRUCTURA DE DOCUMENTACION GERENCIA NIVEL 1: Manual de Calidad - Políticas (Política de la compañía, autorización y alcance del sistema ) NIVEL 2: Procedimientos
Más detallesDaVinciTEXTIL. Codificación de artículos
Codificación de artículos El código de los artículos, consta de un máximo de 10 caracteres alfanuméricos Antes de empezar a codificar los artículos/materiales se debe tener en cuenta que el sistema permite
Más detallesEJERCICIOS PARTE I: 1. Cómo se llamaba anteriormente a las hojas de cálculo? 2. Qué es una hoja electrónica de cálculo?
EJERCICIOS PARTE I: 1. Cómo se llamaba anteriormente a las hojas de cálculo? 2. Qué es una hoja electrónica de cálculo? 3. Cómo se identifica una casilla en una hoja de cálculo? 4. Menciona tres ejemplos
Más detallesGUÍA RÁPIDA PARA KOMPOZER
Configuración inicial GUÍA RÁPIDA PARA KOMPOZER Menú Herramientas > Preferencias > General. Desactivar la casilla: Usar estilos CSS en lugar de aytributos y elementos HTML. Menú Herramientas > Preferencias
Más detallesReservados todos los derechos de publicación en cualquier idioma.
Ester Saez Morón José Alba Parra De la edición INNOVA 2007 MARCAS COMERCIALES: Las designaciones utilizadas por las empresas para distinguir sus productos (hardware, software, sistemas operativos, etc.)
Más detallesUNIDAD 2 FORMATO BÁSICO DE FUENTE Y PÁRRAFO
UNIDAD 2 FORMATO BÁSICO DE FUENTE Y PÁRRAFO COMPETIC 3 TEXTOS Formato de fuente 1 Podemos ver las posibilidades más comunes para variar el aspecto de los caracteres que están disponibles en la pestaña
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 detallesMICROSOFT POWERPOINT MICROSOFT POWERPOINT 2013. Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE
MICROSOFT POWERPOINT MICROSOFT POWERPOINT 2013 Manual de Referencia para usuarios Salomón Ccance CCANCE WEBSITE TRABAJAR CON GRÁFICOS 11.1. Crear y Eliminar Gráficos Para insertar un gráfico en una diapositiva
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 detalles3. EDITAR FORMULARIOS 3.4. EDITAR FORMULARIOS MODIFICAR EL FONDO DE UN FORMULARIO UNIDAD 3- CREAR FORMULARIOS
3. EDITAR FORMULARIOS 3.4. EDITAR FORMULARIOS Al editar un formulario, bien en la vista Diseño o vista Presentación podemos cambiar el tema, así como las fuentes y los colores del mismo. Si queremos acceder
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 detallesCSS 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 detallesINTRODUCCIÓN A HTML. Qué es HTML. Etiquetas
INTRODUCCIÓN A HTML Qué es HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto
Más detallesLINEAMIENTOS DE CONTENIDOS
LINEAMIENTOS DE CONTENIDOS 1 OBJETIVO Describir los lineamientos aplicados en la gestión y administración de los sitios Web en las sedes de la Universidad Autónoma de Tamaulipas. El sistema de gestión
Más detallesMICROSOFT ACCESS 2013 (COMPLETO)
MICROSOFT ACCESS 2013 (COMPLETO) Descripción del funcionamiento del programa de gestión de bases de datos Microsoft Access 2013, estudiando los conceptos fundamentales de las bases de datos: desde su análisis
Más detallesÍ n d i c e d e t a l l a d o
Í n d i c e d e t a l l a d o Unidad 1.. Elementos de Excel2007 Iniciar Excel2007 La pantalla inicial Las barras Ayuda Qué es y para qué sirve Excel2007? Compaginar dos sesiones Unidad 2. Empezando a trabajar
Más detallesCSS Programación de Web Estático
UNIVERSIDAD AUTÓNOMA METROPOLITANA UNIDAD CUAJIMALPA CSS Programación de Web Estático Propiedades CSS para listas Las propiedades CSS de listas permiten hacer lo siguiente: - Colocar diferentes marcadores
Más detallesProcesador de textos Microsoft Office Word 2010
Procesador de textos Microsoft Office Word 2010 Índice Introducción... - 2 - Objetivo... - 2 - Qué es Word?... - 3 - Cómo empezar a trabajar con Word?... - 3 - Elementos de la ventana de Word... - 4 -
Más detallesLas 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 detallesImpresión. Contenido TECNOLOGÍA WORD
Contenido 1. Imprimir un archivo... 2 2. Vista previa de una página antes de imprimirla... 2 3. Imprimir en orientación horizontal... 2 4. Imprimir un documento con marcas de revisión... 3 4.1 Imprimir
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 CSS - Hojas
Más detallesMaquetació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 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 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 detallesMaquetació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 detallesToda copia en PAPEL es un "Documento No Controlado" a excepción del original.
S U P E RIO R DE MISANTLA Apartado: 7.1 Copia No. Código: PD-AEB1055 Versión No.: 01 Hoja : 2 de 15 4.2 Competencias Genéricas: Capacidad de análisis y síntesis. Capacidad de organizar y planificar. Comunicación
Más detallesProgramming in HTML5 with JavaScript and CSS3
Programming in HTML5 with JavaScript and CSS3 Duración: 5 Días Código del Curso: M20480 Version: B Temario: Este curso proporciona una introducción a HTML5, CSS3 y JavaScript. Este curso ayuda a los estudiantes
Más detallesTEMARIO CURSO EXCEL 2010 BÁSICO
TEMARIO CURSO EXCEL 2010 BÁSICO LECCIÓN 1 Introducción 1. Qué es una hoja de cálculo? 2. Excel 3. Entrar y salir de Excel 4. Práctica 5. Cuestionario LECCIÓN 2 El entorno de trabajo 1. Interfaz del programa
Más detallesWORD 2013 DURACIÓN Y OBJETIVOS DEL CURSO VER ÍNDICE. Duración en horas: 60
WORD 2013 DURACIÓN Y OBJETIVOS DEL CURSO Duración en horas: 60 OBJETIVOS: Los objetivos que se persiguen en el curso son el uso de la herramienta Word 2013 desde un enfoque multinivel. Aprende todo sobre
Más detallesHojas de estilo en cascada
Hojas de estilo en cascada Es la forma como indicamos el diseño, colores, tamaños, etc de un sitio web, separado de la programación y la estructura de este. HTML Estructura, músculos, huesos web CSS El
Más detallesGeneración de funciones lógicas mediante multiplexores
Generación de funciones lógicas mediante multiplexores Apellidos, nombre Martí Campoy, Antonio (amarti@disca.upv.es) Departamento Centro Informática de Sistemas y Computadores Universidad Politécnica de
Más detallesDiseño y desarrollo web con HTML 5 y CSS
Diseño y desarrollo web con HTML 5 y CSS Duración: 80 horas Precio: 420 euros. Modalidad: A distancia Metodología: El Curso será desarrollado con una metodología a Distancia/on line. El sistema de enseñanza
Más detallesDIPLOMADO DE DESARROLLO DE APLICACIONES MVC CON MICROSOFT.NET (C# - SQL) Y SCRUM TABLA DE CONTENIDOS
DIPLOMADO DE DESARROLLO DE APLICACIONES MVC CON MICROSOFT.NET (C# - SQL) Y SCRUM TABLA DE CONTENIDOS Objetivos... 2 Alcance del Curso... 2 Perfil del Participante... 2 Fecha y Ubicación... 2 Prerrequisitos...
Más detalles5. INSERTAR Y APLICAR FORMATO A OBJETOS
107 5. INSERTAR Y APLICAR FORMATO A OBJETOS Las técnicas que se tratan en esta sección están relacionadas con la inserción y formato de objetos de contenido. En concreto, este conjunto de técnicas se asocian
Más detallesFRONTPAGE I LECCIÓN N 1
Conceptos básicos del funcionamiento de FrontPage Una vez completadas estas lecciones, podrá: Abrir y obtener una vista previa de un sitio Web basado en FrontPage. Abrir y obtener una vista previa de una
Más detalles