A lo largo de este tema vamos a aprender a crear una página básica.
|
|
- María Teresa Ana Isabel Jiménez Espinoza
- hace 7 años
- Vistas:
Transcripción
1 Unidad 2. Estructura de una página (I) 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: <body> Ahora veamos cómo funcionan estas etiquetas. Identificador del tipo de documento Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas y. Entre las etiquetas y estará comprendido el resto del código HTML de la página. Por ejemplo: Cabecera de la página La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. Está formada por las etiquetas y. La etiqueta va justo debajo de la etiqueta. Por ejemplo:
2 Entre las etiquetas y, las etiquetas que podemos encontrar y más se utilizan son: <link>, <style>, <script> (estas etiquetas las veremos más adelante), <meta> (si deseas saber para qué sirve y cómo utilizar esta etiqueta, consúltalo aquí ) y la etiqueta <title> que te explicamos a continuación. Título de la página <title> El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas y. Por ejemplo: <title> Curso de HTML </title> Cuerpo del documento <body> El cuerpo del documento contiene la información propia del documento, es decir lo que pqueremos que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas <body> y, que van justo debajo de la cabecera. Por ejemplo:
3 <title> Curso de HTML </title> <body> A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página. El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido. Si no sabes cómo representar los colores en hexadecimal, o a qué número o nombre se corresponde cada uno de ellos, puedes consultarlo aquí. Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir: <body bgcolor="#0000ff"> Sería equivalente a poner: <body bgcolor="blue"> La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen. Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir:
4 <body background="fondo.gif"> En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir: <body background="imagenes/fondo.gif"> A través de la etiqueta <body> también es posible establecer el color del texto de la página a través del atributo text. Por ejemplo, para hacer que el color del texto de una página sea de color rojo, tendremos que escribir: <body text="#ff0000"> Entre el borde de la ventana y el contenido de la página existe un margen, cuyo tamaño en píxeles puede modificarse mediante los atributos leftmargin (margen izquierdo) y topmargin(margen superior). Estos atributos no funcionan para el navegador Netscape, pero sí los atributos marginwidth (anchura del margen) y marginheight (altura del margen). Estos atributos suelen utilizarse para eliminar el margen, para lo cual deben valer cero. Por ejemplo, para hacer que una página no tenga margen superior, y tenga un margen izquierdo de 20 píxeles, tendremos que escribir:
5 <body leftmargin="20" topmargin="0" marginwidth="20" marginheight="0" > La etiqueta <meta>
6 La etiqueta <meta> se utiliza para añadir información sobre la página. Esta información puede ser utilizada por los buscadores. Los buscadores consultan la información de la etiqueta <meta> de las páginas, buscando coincidencias con lo que el usuario pretende encontrar. A través de esta etiqueta pueden especificarse los atributos name y content. El atributo name indica el tipo de información, y el atributo content indica el valor de dicha información. Para indicar el tipo de información podemos utilizar cualquier palabra que deseemos, como puede ser "Autor", "Palabras clave", "Descripción", etc. Pero debido a que la mayoría de buscadores están en inglés, es preferible que el tipo de información se especifique en inglés. Los tipos de información más utilizados son los siguientes: Tipo author classification description generator keywords Significado Autor de la página Palabras para clasificar la página en los buscadores Descripción del contenido de la página Programa utilizado para crear la página Palabras clave La etiqueta <meta> no necesita etiqueta de cierre. Para cada etiqueta <meta> solo es posible indicar un tipo de información y su valor, pero es posible insertar varias etiquetas <meta> en un mismo documento. La etiqueta <meta> ha de estar entre las etiquetas y. Por ejemplo, el siguiente código indica que el autor de la página es aulaclic, que la página trata sobre un curso de HTML gratuito, y especifica algunas palabras clave a ser consultadas por los buscadores: <meta name="author" content="aulaclic"> <meta name="description" content="curso de HTML gratuito"> <meta name="keywords" content="código HTML etiqueta página web gratis curso">
7 La etiqueta <meta> también se utiliza para indicarle al navegador alguna información o alguna acción que debe realizar. En este caso se utiliza el atributo http-equiv, en lugar del atributoname. Por ejemplo, imaginemos que por algún motivo queremos que nuestra página se actualice automáticamente cada 30 segundos. En ese caso, deberíamos utilizar la acción Refresh(actualizar). Podríamos utilizar el siguiente código: <meta http-equiv="refresh" content="30"> Ahora imaginemos que hemos cambiado la dirección en la que se encuentra nuestra página web, y queremos que cuando algún usuario visite la página en la dirección antigua, a los 5segundos el navegador lo redirija automáticamente a la dirección nueva. En ese caso podríamos insertar el siguiente código en la página que se encuentra en la dirección antigua: <meta http-equiv="refresh" content="5; URL= De este modo, el navegador realizaría la función de actualizar la página, pero cargando la que se encontrara en la nueva dirección (URL=
8 Colores en hexadecimal Los colores en HTML se representan mediante un número hexadecimal. Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de laa a la F. Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh. También podemos personalizar nuestros propios colores, modificando los valores de cada uno de los dígitos que forman parte del número hexadecimal. A continuación se muestran los 216 colores seguros para web, para que puedas consultarlos cuando lo necesites.
9 # # # # #0000CC #0000FF # # # # #0033CC #0033FF # # # # #0066CC #0066FF # # # # #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF # # # # #3300CC #3300FF # # # # #3333CC #3333FF # # # # #3366CC #3366FF # # # # #3399CC #3399FF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF # # # # #6600CC #6600FF # # # # #6633CC #6633FF # # # # #6666CC #6666FF # # # # #6699CC #6699FF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF # # # # #9900CC #9900FF # # # # #9933CC #9933FF # # # # #9966CC #9966FF # # # # #9999CC #9999FF #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF #CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF #FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF
10 Existe otra forma de representar algunos colores, sin la necesidad de utilizar números en hexadecimal. Estos colores pueden representarse por su nombre, y son los siguientes: Color Hexadecimal Nombre #FFFFFF white # black # navy #0000FF blue # green # teal #00FF00 #00FFFF lime aqua # maroon # purple # olive # gray #C0C0C0 #FF0000 #FF00FF #FFFF00 silver red fuchsia yellow 1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el primer ejercicio. 2 Escribe el código que aparece a continuación: <title>inicio</title> <body bgcolor="#99cc99"> Con este código estarás creando un documento con el título "Inicio", y con el color de fondo verde (#99CC99). 3 Haz clic sobre el menú Archivo. 4 Haz clic sobre la opción Guardar como. Se abrirá el cuadro de diálogo Guardar como.
11 5 En el recuadro Tipo: elige Todos los archivos. 6 Guarda el documento con el nombre inicio.htm, dentro de la carpeta que hayas creado en tu disco duro. 7 Abre el documento que acabas de crear en un navegador. Fíjate en el color de fondo de la página y en la barra de título. Prueba evaluativa de la unidad 2. Estructura de una página Solo una respuesta es válida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botón Resultados para ver la solución. 1. Las páginas web escritas en HTML tienen que tener la extensión html o htm. a) Verdadero b) Falso 2. El código de las páginas estará comprendido entre las etiquetas y. a) Verdadero b) Falso 3. El título de una página se establece dentro de la cabecera. a) Verdadero b) Falso 4. El margen que hay entre el borde de la ventana y el contenido de la página no puede modificarse. a) Verdadero b) Falso 5. Puede establecerse una imagen de fondo a través del atributo background. a) Verdadero b) Falso 6. Las etiquetas <body> y van a) Justo encima de la cabecera.
12 b) Dentro de la cabecera. c) Justo debajo de la cabecera. 7. Es posible definir el color de la fuente del documento mediante a) la etiqueta. b) el atributo bgcolor. c) el atributo text. 8. Los atributos leftmargin y topmargin a) no funcionan en Internet Explorer. b) no funcionan en Netscape. c) funcionan en todos los navegadores. 9. El color de fondo de una página a) se especifica en la etiqueta <body>. b) puede establecerse a través del atributo bgcolor. c) las dos afirmaciones anteriores son verdaderas. d) las tres afirmaciones anteriores son falsas. 10. Los colores se representan en a) binario. b) decimal. c) las dos afirmaciones anteriores son verdaderas. d) las tres afirmaciones anteriores son falsas.
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 detallesETIQUETAS 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 detallesVamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos, ya que son un elemento esencial para cualquier página web.
Unidad 4. Hiperenlaces (I) Vamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos, ya que son un elemento esencial para cualquier página web. Hiperenlace Un hiperenlace, hipervínculo,
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 detallesMANUAL PRACTICO DE HTML
MANUAL PRACTICO DE HTML 1 La estructura tiene tres partes cabeza, cuerpo, cierre o fin. MI PC... Aquí iría el contenido que ve el usuario final
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 detallesCONTENIDO TEMÁTICO. Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA...
CONTENIDO TEMÁTICO Pág. 1. INTRODUCCIÓN A HTML... 3 QUÉ ES HTML?... 3 NAVEGADORES... 3 EDITORES... 4 ETIQUETAS... 5 MI PRIMERA PÁGINA... 6 2. ESTRUCTURA DE UNA PÁGINA... 9 IDENTIFICADOR DEL TIPO DE DOCUMENTO
Más detallesA través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.
A través de la etiqueta es posible establecer el color o la imagen de fondo de la página. El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color
Más detallesUniversidad Politécnica de El Salvador Computación Básica. HTML Guía 1. Requerimientos y material. Qué es HTML? Etiquetas
Universidad Politécnica de El Salvador Computación Básica HTML Guía 1 Requerimientos y material Internet es un medio que no precisa de mucho conocimiento, el prerrequisito inmediato para poder usar esta
Más detallesSIGNIFICADO DE DEPRECATED. ETIQUETA BODY: CUERPO DE LA PÁGINA HTML. BGCOLOR, TEXT, BACKGROUND. (CU00712B)
APRENDERAPROGRAMAR.COM SIGNIFICADO DE DEPRECATED. ETIQUETA BODY: CUERPO DE LA PÁGINA HTML. BGCOLOR, TEXT, BACKGROUND. (CU00712B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde
Más detallesEJERCICIOS (X)HTML. Profesor: Juan Antonio LÓpez Quesada
EJERCICIOS (X)HTML Profesor: Juan Antonio LÓpez Quesada Ejercicio 1: Crear una carpeta denominada xhtml y dentro de ella crear la siguiente página Web con el nombre practicas1.htm y el resto de ejercicios.
Más detallesDIRECCIÓN GENERAL DEL BACHILLERATO CENTRO DE ESTUDIOS DE BACHILLERATO N 2 LIC. JESÚS REYES HEROLES
PROFA. STEPHANY LUCIOTTO V. ACADEMIA: INFORMÁTICA ASIGNATURA: PAG. WEB GUIA DE ESTUDIO PERIODO: 2012-2013 A ALUMN@: GRUPO: FECHA: ESCRIBE EN EL PARENTESIS SI LA RESPUESTA ES VERDADREA O FALSA 1. Las páginas
Más detallesGuardar y abrir documentos (I)
Guardar y abrir documentos (I) Guardar. Guardar como Materia: Computación Puedes utilizar los comandos Guardar y Guardar como... del Botón Office (o el icono de la barra de acceso rápido) para guardar
Más detallesQUE ES HTML? Las siglas HTML se refieren a:
QUE ES HTML? Las siglas HTML se refieren a: HyperText Markup Language Es uno de los lenguajes más utilizados en el Web Wide Web. Las páginas de Internet están escritas en este lenguaje. Le brinda al autor
Más detallesTema 1. Introducción a OpenOffice Writer
Tema 1: Introducción a OpenOffice 1 Tema 1 Introducción a OpenOffice Índice de contenido Prefacio...2 Gestión básica de documentos...2 Tema 1: Introducción a OpenOffice 2 Prefacio Este curso tiene como
Más detallesCAPÍTULO 3. OPERACIONES CON ARCHIVOS
CAPÍTULO 3. OPERACIONES CON ARCHIVOS Vamos a ver las operaciones referentes a archivos como abrir, nuevo, guardar, guardar como y cerrar para poder manejarlas sin problemas a la hora de trabajar con libros
Más detallesPRÁCTICA 3: DISEÑO DE PLANTILLAS WEB
PRÁCTICA 3: DISEÑO DE PLANTILLAS WEB Las plantillas son herramientas de las que disponemos para crear un formato determinado para que todas las páginas tengan unas características similares, de forma que
Más detallesPráctica 3: Presentaciones con OpenOffice I
Práctica 3: A lo largo de este curso veremos como crear presentaciones de diapositivas de forma rápida y sencilla. Utilizaremos una aplicación de software libre especialmente diseñada para la creación
Más detallesINSTITUCION EDUCATIVA MANUEL ANGEL ANACHURY AREA: TECNOLOGIA E INFORMATICA
BASES DE DATOS (ACCES 2007) OBJETIVO: Conocer el concepto de bases de datos y su funcionalidad además de crear destrezas en su creación y manipulación. Elementos básicos de Access 2007 Vamos a ver cuáles
Más detallesUTILIZACIÓN DE PLANTILLAS Y ASISTENTES QUE INCORPORA LA APLICACIÓN Y CREACIÓN DE PLANTILLAS PROPIAS
UNIDAD DIDÁCTICA UTILIZACIÓN DE PLANTILLAS Y ASISTENTES QUE INCORPORA LA APLICACIÓN Y CREACIÓN DE PLANTILLAS PROPIAS Los objetivos de este tema son: 1. Aprender a utilizar las plantillas de office. 2.
Más detallesUnidad N 3. Operaciones con archivos.
Unidad N 3. Operaciones con archivos. Vamos a ver las operaciones referentes a archivos, como Abrir, Nuevo, Guardar, Guardar como y Cerrar, para poder manejarlas sin problemas a la hora de trabajar con
Más detallesPáginas web ::: Listas numeradas Diseño de materiales multimedia. Web Listas numeradas
37 1.5 Listas numeradas 38 1.5 Listas numeradas 1.5.1 Introducción Una lista numerada es una lista de elementos ordenados. Tiene especial aplicación en la descripción de los pasos de un procedimiento.
Más detallesMARCO (FRAME) Los frames se consiguen con las etiquetas <FRAMESET> y <FRAME>.
MARCO (FRAME) Qué es un marco? Los frames o marcos son una forma de partir una web en sectores o áreas, haciendo que en cada parte se visualice un documento HTML distinto. Es muy útil cuando queremos que
Más detallesUnidad Didáctica 9. Comportamientos
Unidad Didáctica 9 Comportamientos Contenido 1. Introducción 2. Abrir ventana de navegador 3. Mensaje emergente 4. Validar formularios U.D. 9 Comportamientos 1. Introducción Los comportamientos son acciones
Más detallesALMACENAMIENTO Y RECUPERACIÓN DE UN LIBRO
UNIDAD DIDÁCTICA ALMACENAMIENTO Y RECUPERACIÓN DE UN LIBRO Los objetivos de este tema son: 1. Aprender a crear un nuevo libro de trabajo de Excel para empezar a trabajar. 2. Saber cómo guardar los cambios
Más detallesDISEÑO DE PAGINAS CON HTML
DISEÑO DE PAGINAS CON HTML CONCEPTOS HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada. Compuesto
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 detallesPERIODO 3 SOFTWARE MANEJADOR DE BASE DE DATOS CONCEPTOS INTERMEDIOS DE MICROSOFT ACCESS
PERIODO 3 SOFTWARE MANEJADOR DE BASE DE DATOS CONCEPTOS INTERMEDIOS DE MICROSOFT ACCESS CONTENIDOS PROPIEDADES DE LOS CAMPOS TAMAÑO DEL CAMPO FORMATO DEL CAMPO LUGARES DECIMALES MÁSCARA DE ENTRADA TÍTULO
Más detallesCómo optimizar HTML? Optimización y depuración del código. 1. Limpieza del código
Cómo optimizar HTML? Optimización y depuración del código 1. Limpieza del código Se pueden eliminar automáticamente etiquetas vacías, combinar etiquetas font anidadas y en general mejorar códigos HTML
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 detallesTrucos y efectos. 2 colores
Trucos y efectos Para el trabajo con Photoshop hay una gran cantidad de efectos que pueden aplicarse para el mejoramiento de los productos desarrollados con esta poderosa herramienta a continuación se
Más detallesOtros elementos comunes
1. PROPIEDADES DE LOS ARCHIVOS V amos a seguir viendo cosas que puedes utilizar en las aplicaciones de Office 2010. Al crear un documento, además de añadir el contenido que debe tener, una posibilidad
Más detallesCrear gráficos en Excel Un gráfico es la representación gráfica de los datos de una hoja de cálculo y facilita su interpretación.
CREACIÓN DE GRÁFICOS EN MICROSOFT OFFICE EXCEL Vamos a ver cómo crear gráficos a partir de unos datos introducidos en una hoja de cálculo. Así resultará más sencilla la interpretación de los datos. Terminología
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 detallesUNIDAD 2. CREAR, ABRIR Y CERRAR UNA BASE DE DATOS
UNIDAD 2. CREAR, ABRIR Y CERRAR UNA BASE DE DATOS 2.1 Crear una base de datos De momento vamos a crear una base de datos en blanco y luego la rellenaremos. Para crear una nueva base de datos debemos: Hacer
Más detallesUNIDAD 1. Introducción a Photoshop.
UNIDAD 1. Introducción a Photoshop. Photoshop edita imágenes creadas por otros programas, por un escáner o una máquina fotográfica. Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono
Más detallesEjercicio paso a paso: Para aplicar formato de celdas (alineación)
FORMATOS EN EXCEL A través de este ejercicio podrás poner en practica una de las utilidades de Excel diferente a la de realizar cálculos: darle formato a las celdas, se utiliza para darle buena presentación
Más detallesVamos a crear una plantilla para poder de dar de alta a varios alumnos.
Abre un documento nuevo en blanco. Vamos a crear una plantilla para poder de dar de alta a varios alumnos. Observa la imagen que se expone a continuación y realiza el documento lo más parecido posible.
Más detallesImágenes de fondo [background-image] La propiedad CSS background-image se usa para insertar una imagen de fondo.
Lección 3: Colores y fondos En esta lección aprenderás a aplicar colores y colores de fondo a tus sitios web. Examinaremos también métodos avanzados para posicionar y controlar imágenes de fondo. Se explicarán
Más detallesMindomo
Mindomo www.mindomo.com Descripción: Mindomo es una herramienta en línea gratuita para crear mapas conceptuales, lo que le permite organizar ideas y pensamientos, planificar y monitorear proyectos, definir
Más detallesVídeo y animaciones ::: Integración HTML de applets de Java Diseño de materiales multimedia. Web 2.0. 4.10 Integración HTML de applets de Java
407 4.10 Integración HTML de applets de Java 408 4.10 Integración HTML de un applet de Java 4.10.1 Applets: qué son y dónde conseguirlos Java es un lenguaje de programación creado por la empresa Sun Microsystems.
Más detallesConfiguración de un sitio local
Configuración de un sitio local Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes
Más detallesEn ocasiones, nos puede interesar guardar una página web para
1. ALMACENAR LAS PÁGINAS En ocasiones, nos puede interesar guardar una página web para poder visualizarla posteriormente, incluso sin disponer de una conexión a Internet. Para ello, utiliza el comando
Más detallesCOMO USAR PLATAFORMA DEL SISTEMA DIGITAL PERÚ EDUCA
COMO USAR PLATAFORMA DEL SISTEMA DIGITAL PERÚ EDUCA Una vez que en el salón de centro de recursos tecnológicos con la orientación de la daip responsable y tu docente de curso, te has creado una cuenta
Más detallesQué tengo que saber. Tema 2
Qué tengo que saber Tema 2 11 12 2. Qué tengo que saber 2.1 Para comenzar 2.1 Para comenzar Qué es Internet. Qué es un navegador. Qué es una página Web. Qué es la página principal. Cómo conecto mi ordenador
Más detallesCOLOR DE RELLENO. Las figuras de WordArt, Autoformas o Cuadros de texto se pueden colorear.
COLOR DE RELLENO Las figuras de WordArt, Autoformas o Cuadros de texto se pueden colorear. Para ello usarás el botón que se encuentra en la barra de herramientas Dibujo. El botón tiene un botón de flecha
Más detallesT11. MARCOS O FRAMES 2013 CONCEPTOS BÁSICOS SOBRE HTML
T11. MARCOS O FRAMES 2013 CONCEPTOS BÁSICOS SOBRE HTML 11. MARCOS O FRAMES: 2 Define la estructura de la página Se usa en lugar de la etiqueta La declaración de los marcos de la página
Más detallesCreación y manejo de la base de datos y tablas
Crear una base de datos Creación y manejo de la base de datos y tablas Para crear una nueva base de datos debemos: 1. Hacer clic sobre la opción Nuevo de la pestaña Archivo. De las distintas opciones para
Más detallesACTIVIDADES 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 detallesManual de las Mejoras Realizadas al Área Administrativa del Sitio Web de la Universidad Tecnológica de Panamá
1 Manual de las Mejoras Realizadas al Área Administrativa del Sitio Web de la Universidad Tecnológica de Panamá - 20 de abril de 2012 - 2 Índice Cómo Utilizar una Imagen que ya está en el Servidor? Cómo
Más detallesUna actividad de prueba con Hot Potatoes
Una actividad de prueba con Hot Potatoes En este paso a paso vamos a crear un ejercicio de prueba del tipo rellenar huecos. La intención es lograr la actividad que se muestra a continuación en la cual
Más detallesPOWER POINT Tema 1. Para salir de PowerPoint (suponiendo que se tiene abierto) puede:
POWER POINT Tema 1 Aula Municipal de Informática-El Puerto de Santa María Entrar en power point (con Windows 7) 1. Hacer clic con el ratón en el botón Inicio. 2. Clic en Todos los Programas. 3. Hacer clic
Más detallesGestión de bases de datos de mysql desde Dreamweaver
Gestión de bases de datos de mysql desde Dreamweaver Para realizar este tutorial debes tener instalado Adobe Dreamweaver CS6 y Wampserver 2.2. Contenido. Instalar el servidor de prueba Crear la base de
Más detallesGUIA 3. Tema: Hipervínculos. Qué es un hipervínculo?
GUIA 3 Tema: Hipervínculos. Objetivo General Crear una página de inicio para que los alumnos puedan aplicar los diferentes tipos de enlaces de hipertexto que existen en la web. Objetivos Específicos Crear
Más detallesPRACTICAS DE POWERPOINT
PRACTICAS DE POWERPOINT PowerPoint es un programa de presentaciones que nos servirá para realizar una exposición de contenidos que incluya texto, imágenes, gráficos y vídeo en forma de diapositivas que,
Más detallesCapítulo 3 Macros Introducción
Capítulo 3 Macros Introducción Objetivo. Aprender cómo crear una macro de forma manual, es decir escribiendo el código a mano. Ejercicio paso a paso. Empezaremos por crear una macro para poner a cero el
Más detallesManual de usuario tutor legal
Manual de usuario Perfil Tutor legal ÍNDICE Introducción...2 Acceso a la aplicación...3 Configuración personal...4 1 Portal de padres...5 1.1 Barra inferior...5 1.2 Perfil...6 1.3 Información académica...6
Más detallesINSERCIÓN DE GRÁFICOS
UNIDAD DIDÁCTICA INSERCIÓN DE GRÁFICOS Los objetivos de este tema son: 1. Empezar a trabajar con gráficos en nuestras hojas, conociendo las partes y elementos de un gráfico. 2. Crear un gráfico ayudándose
Más detallesConfiguración de la impresión de Cheques/pagarés
Configuración de la impresión de Cheques/pagarés La impresión de los cheques tiene dos aspectos que configurar: La disposición de los elementos del cheque (dónde imprimir el beneficiario, la cantidad,
Más detallesConversor de vídeo. Tutorial. Introducción
Conversor de vídeo Introducción El conversor de vídeo online es una aplicación web gratuita para convertir vídeo de un formato a otro, también cambiar la resolución y el tamaño del vídeo, directamente
Más detallesUna actividad de prueba con Edilim
Una actividad de prueba con Edilim 1. Antes de comenzar con Edilim, es importante definir una carpeta de trabajo para guardar todos los recursos necesarios y también el programa. 1. Definir la carpeta
Más detallesPRÁCTICA 2 - PRESENTACIÓN A PARTIR DE UNA PLANTILLA, DE UNA DIAPOSITIVA EN BLANCO, OBJETOS, TEXTOS, VIÑETAS Y TABLAS
TIC - IES Pérez de Ayala PRÁCTICA 2 - PRESENTACIÓN A PARTIR DE UNA PLANTILLA, DE UNA DIAPOSITIVA EN BLANCO, OBJETOS, TEXTOS, VIÑETAS Y TABLAS Abrimos el PowerPoint, seleccionamos un archivo nuevo, y desde
Más detallesMicrosoft Word. Microsoft Word 2013 SALOMÓN CCANCE. Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE
Microsoft Word SALOMÓN CCANCE Microsoft Word 2013 Manual de Referencia para usuarios Salomón Ccance CCANCE WEBSITE UNIDAD 4: GUARDAR Y ABRIR DOCUMENTOS 4.1 Guardar y Guardar como Para guardar un documento
Más detallesCómo administrar una cuenta de correo electrónico?
Cómo administrar una cuenta de correo electrónico? Guía de apoyo 1. Para comenzar 1.1 Abrir el navegador de internet 1.2 Ir a la página del proveedor de correo: http://gmail.com 1.3 Seleccionar Crear una
Más detallesManejo de la hoja de cálculo Calc. 1. Cómo abrir y guardar un archivo de Calc?
Manejo de la hoja de cálculo Calc 1. Cómo abrir y guardar un archivo de Calc? 1. ABRIR UN ARCHIVO NUEVO DE CALC 1.1. Podemos pulsar Aplicaciones Oficina Open Office Calc. Al abrir el programa, se nos abre
Más detallesConfigurar las propiedades de la película
Capítulo 12 Escenas 12.1 Uso de escenas P ara organizar una película se usan las escenas. Por ejemplo, puedes utilizar escenas diferentes para el mensaje de carga, la introducción, el desarrollo, el desenlace
Más detallesARCHIVOS DE LA APLICACIÓN DE TRATAMIENTOS DE TEXTOS, UBICACIÓN, TIPO Y OPERACIONES CON ELLOS
UNIDAD DIDÁCTICA ARCHIVOS DE LA APLICACIÓN DE TRATAMIENTOS DE TEXTOS, UBICACIÓN, TIPO Y OPERACIONES CON ELLOS Los objetivos de este tema son: 1. Aprender a crear un nuevo documento para empezar a escribir
Más detallesInternet: El navegador Web
Internet: El navegador Web Un navegador web (del inglés web browser) es un programa que interpreta el código HTML con el que está escrita la página web y presenta su información en pantalla (documentos
Más detallesTecnología ESO. Tareas para realizar con ordenador
Tareas para realizar con ordenador 3. Dibujar la tabla de "Dispositivos de almacenamiento" con el procesador de textos LibreOffice-Write, según la pág. 9 del tema 8 del libro. Completar la tabla insertando
Más detalles2.1. El Sistema Operativo
Unidad 2. El sistema operativo Windows Vista 2.1. El Sistema Operativo A continuación explicamos en líneas generales Qué es?, Para qué sirve el Sistema Operativo? y algunas otras cosas. En la actualidad
Más detallesARCHIVOS, CARPETAS Y UNIDADES
ARCHIVOS, CARPETAS Y UNIDADES Tipos de Archivos. Hay diferentes tipos de archivos según la clase de datos que contienen, por ejemplo hay archivos de imágenes, archivos de programas, archivos de documentos
Más detallesPráctica de HTML (Curso )
Práctica de HTML (Curso 2007-2008) Introducción HTML (Hypertext Markup Language) es un lenguaje estándar utilizado en Internet para representar la información intercambiada por sus usuarios en forma de
Más detallesPuedes añadir nuevos programas desde un disco o una unidad de CD-ROM, por ejemplo, un juego o el nuevo programa de contabilidad.
tema 4: ELEmENtOS DE SOFtWaRE: PROGRamaS 4.1. agregar o quitar programas Una de las operaciones más frecuentes que realizarás con Windows será la de instalar programas de uso profesional o personal: juegos,
Más detallesMICROSOFT EXCEL 2007
INGRESAR A EXCEL 007 MICROSOFT EXCEL 007. Clic en Inicio. Colocar el puntero del ratón (flecha) en Todos los programas. Colocar el puntero del ratón (flecha) en Microsoft Office. Clic en Microsoft Excel
Más detallesUNIDAD 6 TEMA 4: OFIMÁTICA AVANZADA. CLASE 04: PLANTILLAS
UNIDAD 6 TEMA 4: OFIMÁTICA AVANZADA. CLASE 04: PLANTILLAS Una plantilla es un modelo o patrón para crear nuevos documentos. En una plantilla se guarda internamente el formato utilizado, es decir, el estilo
Más detallesOtra cosa más, HTML funcionará igual si tecleamos los tags y sus atributos en mayúsculas, minúsculas o una combinación de ambas.
PRIMEROS PASOS E HTML HTML es el lenguaje que se emplea para crear páginas web. Este lenguaje puede generar color, tamaño y fuente de letra, fondos, imágenes, hiperenlaces, listas de selección, botones,
Más detallesGUIA DE LABORATORIO 05
UNIVERSIDAD DE EL SALVADOR FACULTAD DE INGENIERIA Y ARQUITECTURA ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS MANEJO DE SOFTWARE PARA MICROCOMPUTADORAS Ciclo II 2012 GUIA DE LABORATORIO 05 En este material
Más detallesEjercicio paso a paso. Crear, abrir y cerrar una base de datos
Ejercicio paso a paso. Crear, abrir y cerrar una base de datos Objetivo. Practicar las operaciones de Crear, abrir y cerrar una base de datos con Access2000. 1 Si no tienes abierto Access2000, ábrelo para
Más detallesHerramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape
Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose
Más detallesImagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen
171 2.4 Dimensiones de una imagen 172 2.4 Dimensiones de una imagen 2.4.1 Reducir el tamaño de una imagen Uno de los principales factores que determinan el peso de un archivo gráfico es el tamaño de la
Más detallesCoordinadora Nacional para la Reducción de Desastres Secretaría Ejecutiva GUÍA DE SEÑALIZACIÓN DE AMBIENTES Y EQUIPOS DE SEGURIDAD
Coordinadora Nacional para la Reducción de Desastres Secretaría Ejecutiva GUÍA DE SEÑALIZACIÓN DE AMBIENTES Y EQUIPOS DE SEGURIDAD SEÑALIZACIÓN DE AMBIENTES Y EQUIPOS DE SEGURIDAD OBJETIVO: Establecer
Más detallesCómo crear tabulaciones con la regla de Word para ahorrar tiempo
Cómo crear tabulaciones con la regla de Word para ahorrar tiempo www.funcionarioseficientes.es En un artículo anterior hemos aprendido a utilizar la regla de Microsoft Word para modificar márgenes, establecer
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 detallesVB - Access Manual Visual Basic para Aplicaciones del Access 2000
VB - Access 2000 1 Manual Visual Basic para Aplicaciones del Access 2000 VB - Access 2000 2 Índice Antes de empezar... 3 1 Fundamentos de VBA... 5 Autoevaluación 1... 47 Soluciones 1... 50 2 Introducción
Más detallesPráctica 1. Entorno del Sistema Operativo Windows XP
Práctica 1. Entorno del Sistema Operativo Windows XP Tip: Como copiar como imagen el contenido de la pantalla actual 1. Sitúate en el escritorio que desees imprimir 2. Presiona el botón ImprPant o PrintScreen
Más detallesMicrosoft Office Word
Microsoft Office Word Objetivos del capítulo: Aprender lo que es un procesador de textos. Aprender a ejecutar el programa cada que vez que se quiere usar. Aprender los elementos de la pantalla principal
Más detallesCREACIÓN DE UNA PÁGINA WEB CON JIMDO
CREACIÓN DE UNA PÁGINA WEB CON JIMDO Con esta sencilla aplicación online se diseñará una página web sobre un tema elegido por cada grupo. Se mandará el enlace de la página web al mail de la asignatura.
Más detallesImágenes y Gráficos. capítulo 06
Imágenes y Gráficos capítulo 06 Imágenes y Gráficos imágenes y gráficos 6.1 WordArt Para Microsoft, WordArt es una galería de estilos que se pueden agregar a los documentos para crear efectos decorativos,
Más detallesTutorial de MuseScore, editor de partituras Primeros pasos
Tutorial de MuseScore, editor de partituras Primeros pasos El objetivo de este tutorial es aprender a utilizar el editor de partituras sencillo y muy intuitivo MuseScore 2.0.1 para, de forma básica y elemental,
Más detallesPara ingresar a la aplicación Microsoft Access 97, los pasos que se deben seguir pueden ser los siguientes:
Descripción del ambiente de trabajo Entrar y salir de la aplicación Para ingresar a la aplicación Microsoft Access 97, los pasos que se deben seguir pueden ser los siguientes: A través del botón : 1. Seleccionar
Más detallesPRÁCTICAS DE OPENOFFICE CALC
ÍNDICE: PRÁCTICAS DE OPENOFFICE CALC Práctica 1 Práctica 2 Práctica 3 Práctica 4 Práctica 5 Práctica 6 Práctica 7 Práctica 8 Práctica 9 Conocer las operaciones básicas: suma, resta, multiplicación, división,
Más detallesCOMO UTILIZAR GMAIL MÓDULO 3. EL CORREO ELECTRÓNICO EN GMAIL. QUÉ ES GMAIL?
MÓDULO 3. EL CORREO ELECTRÓNICO EN GMAIL. QUÉ ES GMAIL? Gmail es un servicio gratuito de correo web basado en búsquedas que incluye más de 2.600 megabytes (2,6 gigabytes) de espacio de almacenamiento.
Más detallesTEMA 4: CREACIÓN Y DISEÑO DE UN BLOG EN BLOGGER
TEMA 4: CREACIÓN Y DISEÑO DE UN BLOG EN BLOGGER Cómo dar de alta un blog en blogger Como paso previo debes disponer de una cuenta de correo electrónico de Google. Debéis utilizar la que creamos a principio
Más detallesDos de los elementos más importante de cualquier sistema operativo son los archivos y las carpetas.
Archivos y carpetas Introducción Dos de los elementos más importante de cualquier sistema operativo son los archivos y las carpetas. Los archivos son el componente que permite almacenar prácticamente toda
Más detallesPROCESADOR DE TEXTOS: WRITER
PROCESADOR DE TEXTOS: WRITER Profesor: José María González Centro: I.E.S. AZAHAR - ( Antas Almería ) Teoría OpenOffice Writer Capítulo I: Formato Documento Nivel de Dificultad: Medio 1. Creación y eliminación
Más detallesConfiguración de página e Impresión. Excel 2007
Configuración de página e Impresión Excel 2007 Configuración de página - Impresión Establecer área de impresión Un paso previo a la configuración de la página y su posterior impresión es indicarle a Excel
Más detallesVIGAS CONTINUAS Y PORTICOS Aspecto de la ventana.
VIGAS CONTINUAS Y PORTICOS Aspecto de la ventana. Se pueden plantear estructuras formadas por diversas vigas compuestas por cualquier tipo de perfil. Se calculan las reacciones en los diversos nudos y
Más detallesAveces es necesario trabajar con datos que no tenemos
1. ACCESO A ARCHIVOS DE TEXTO Aveces es necesario trabajar con datos que no tenemos en nuestro ordenador o que han sido creados con otras aplicaciones distintas a Excel. Por ejemplo, podrías tener un archivo
Más detallesTrabajar con Tablas. capítulo 07
Trabajar con Tablas capítulo 07 Trabajar con Tablas trabajar con tablas La organización en tablas en Microsoft Word facilita el tratamiento de información dentro del documento, pudiendo dividir dicha
Más detallesSESIÓN 9 TRABAJO CON LOS OBJETOS GRÁFICOS DE POWER POINT
SESIÓN 9 TRABAJO CON LOS OBJETOS GRÁFICOS DE POWER POINT I. CONTENIDOS: 1. Trabajo con imágenes en Power Point. 2. Diapositivas con organigramas en Power Point. 3. Utilización de la barra de dibujo en
Más detalles