Otra cosa más, HTML funcionará igual si tecleamos los tags y sus atributos en mayúsculas, minúsculas o una combinación de ambas.
|
|
- Benito Díaz Molina
- hace 7 años
- Vistas:
Transcripción
1 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, etc., que vendrán configurados mediante los denominados identificadores, también llamados tag. Un identificador o tag es una marca que permite fijar los atributos de tamaño, posición y comportamiento del texto y/o las imágenes de la página web. Por regla general los identificadores constan de una apertura (cuando se establecen sus características) y un cierre (cuando deben dejar de hacer efecto); sin embargo, algunos identificadores no tienen cierre. El formato base de un identificador es <identificador [atributos]>. Para cerrar el identificador se usa el formato </identificador> sin atributos. El texto comprendido entre ambos identificadores es el que se verá afectado por dichos identificadores. Los identificadores se pueden combinar para mejorar el resultado final. A su vez, en un identificador, los distintos atributos pueden combinarse a fin de obtener el efecto deseado en cada momento. Para escribir un código en HTML necesitaremos un editor de texto plano, es decir, que no introduzca caracteres no deseados en el código. Nosotro utilizaremos el bloc de notas de windows. Otra cosa más, HTML funcionará igual si tecleamos los tags y sus atributos en mayúsculas, minúsculas o una combinación de ambas. En este capítulo vamos a aprender cuál es la estructura básica de un código HTML (es decir, un documento web), así como la forma de crearlo y usarlo. Un documento web o página web es un conjunto de tags HTML que se escriben en un editor de texto plano y se ejecutan en un navegador web (Explorer, Netscape, etc.). Lo primero que tenemos que saber es que en toda página web existen dos partes claramente diferenciadas: la cabecera o head y el cuerpo o body. En la cabecera aparecen una serie de datos generales acerca del documento. El más evidente de estos datos es el título de la página, que aparecerá en la barra de título del navegador cuando se use dicha página. Del resto de los datos de la cabecera no vamos a preocuparnos por el momento. En el cuerpo se define el contenido de la página en sí, es decir, aquello que queremos que aparezca en el área de navegación del navegador. 1
2 barra de título barra de botones barra de dirección área de navegación La estructura básica de una página web es como la siguiente: Título de la página Siempre que generemos un código, deberemos guardarlo en una carpeta y/o en un disco 3 ½. Es vital que la extensión sea.htm (también vale.html), ya que sólo por la extensión el sistema operativo reconoce este archivo como un documento web. El nombre del archivo deberá escribirse en minúsculas y sin espacios ni caracteres especiales. Los únicos signos de puntuación admitidos son el punto (uno sólo), que lo usaremos para separar el nombre de la extensión y el guión bajo. El nombre podrá contener letras y números, pero deberá empezar por una letra. Así mismo, nos abstendremos de meter en el nombre de un archivo letras acentuadas, eñes o cualquier otro carácter de algún alfabeto local. Únicamente se admiten los caracteres del alfabeto internacional (inglés) Cuando guardemos el código en la carpeta o disco con el nombre adecuado, veremos el icono que representa al archivo con un formato como el siguiente: Para ejecutar la página, una vez creada, bastará con hacer doble clic sobre el icono y automáticamente se abrirá el navegador y se cargará la página. La ruta completa de acceso y el nombre del fichero aparecerán en la barra de dirección. 2
3 Ahora veamos en detalle el código que acabamos de escribir y qué es lo que hace. En primer lugar encontramos el tag. Este tag se emplea siempre para iniciar un código html. Es la forma de decirle al navegador que en ese punto empieza el código. Por esta razón se pone esta línea siempre como la primera del código. Por el contrario, al final del código tenemos el tag, que le indica al navegador que el código finaliza en ese punto. No deberemos incluir ningún tag ni nada más después de esta línea. Veamos a continuación el código de la cabecera: Título de la página al igual que el código general, la cabecera tiene un principio, indicado por, y un final, indicado por. Todo lo que queramos incluir en la cabecera irá colocado entre estas dos líneas. Aunque dentro del head se pueden incluir muchas cosas, de momento sólo incluiremos el título de la página. Este título va entre los tags y, que indican, respectivamente, el comienzo y el final de dicho título. El título es una cadena de texto que aparecerá en la barra de título del navegador cuando se ejecute la página. Este título es sólo un texto para que aparezca en la página y no tiene nada que ver con el nombre que le dimos al fichero. A continuación pasamos a la segunda sección de toda página web: el body o cuerpo. El body incluye todo lo que queramos visualizar en el área de navegación. Se inicia con el tag. A partir de este tag iremos metiendo código. Lo primero que vamos a hacer e s incluir un texto en la página para que se muestre en el área de navegación. cómo lo haremos?: Esto es una línea de texto. 3
4 A continuación guardamos el código. Para ello hacemos clic en el menú Archivo/ Guardar como y lo guardamos en la carpeta o disco correspondiente. Como nombre del fichero: texto_simple.htm. COFIGURADO FODO Y TEXTO En este capítulo vamos a aprender cómo poner un color de fondo en nuestra página y cómo modificar el texto, formatearlo, cambiar el tamaño, la tipografía, etc. Además, aprenderemos algunos recursos rudimentarios para colocarlos en la parte de la página que nos interese. COFIGURADO EL FODO El color por defecto del área de navegación es blanco, pero podemos asignarle diferentes colores. Para ello necesitamos añadirle al tag el atributo bgcolor, y le asignaremos un valor que indique el color que deseamos. La palabra bicolor viene del término inglés background color (color de fondo). Para entender la manera de establecer el color en HTML necesitamos saber cómo se crean los colores en el monitor. Para definir un color cualquiera en el monitor se hace a partir de una combinación de tres colores: rojo, verde y azul. Cualquier color que necesitemos crear se forma mezclando distintas proporciones de rojo, verde y azul. Para indicar un color cualquiera, cada uno de los colores primarios deberá recibir un valor entre 0 y 255. Así pues, el amarillo estaría formado por el máximo posible de rojo, el máximo posible de verde y nada de azul, es decir, sería la combinación 255, 255, 0. los valores de los colores primarios los expresaremos siempre en ese orden: proporción de rojo, verde y por último azul. Por eso a este formato se le conoce como RGB (de Red, Green, Blue). Sin embargo, los creadores de HTML han hecho el lenguaje de tal modo que los valores de los tres colores primarios hay que expresarlos en hexadecimal. Esta numeración permite emplear las letras de la A a la F, asignándoles los valores numéricos de 10 a 15. Así pues, el 0 decimal sería 00 hexadecimal, el 15 decimal sería 0F, el 255 sería FF, y así sucesivamente. Así pues, el color amarillo expresado en hexadecimal será FFFF00 (rojo=255=ff; verde=255=ff; azul=0=00). Además, deberemos añadir delante de la combinación de colores el signo # (almohadilla). Por lo tanto, si queremos que nuestra página tenga como color de fondo el amarillo, el tag quedará de la siguiente forma: <body bgcolor= #FFFF00 > nota: el valor que se le pasa a un atributo puede ir indistintamente entre comillas o sin ellas. Este mismo sistema que hemos aprendido para fijar el color de fondo nos servirá para establecer los colores de texto y de otros elementos de la página web. 4
5 COFIGURADO EL TEXTO Cómo establecer el color del texto en toda la página. Para ello recurrimos a otro atributo del tag. Se trata del atributo text que recibirá un valor en hexadecimal para determinar el color del texto. Veamos un ejemplo: colores_1.htm Colores <body bgcolor="#66cc99" text="#0000ff"> Texto azul sobre fondo verde 5
6 Organizar el texto en la página a) crear saltos de línea. Si tecleamos el siguiente código: (organizar_texto_1.htm). Organización Esto debería de ser una línea de texto. Y esto debería de ser otra. cuando lo ejecutemos veremos todo el texto en una sóla línea, en lugar de en dos líneas 6
7 esto es así porque los navegadores no reconocen un salto de línea, a no ser que se lo indiquemos específicamente. Para ello emplearemos otro tag nuevo. Se trata de <br>. Este tag no recibe ningún tipo de atributos y no tiene cierre, es decir, no existe </br>. (salto_de_línea.htm). Organización Esto debería de ser una línea de texto.<br> Y esto debería de ser otra. 7
8 si necesitamos las líneas más separadas, podemos introducir más saltos de línea en el código: (varios_saltos.htm). Organización Esto debería de ser una línea de texto.<br><br><br><br> Y esto debería de ser otra. 8
9 b) Crear párrafos. Para iniciar un párrafo de texto empleamos el tag <p> y terminamos el párrafo con el tag </p>. (usar_parrafos_1.htm). Uso de párrafos en HTML <p> Con cien cañones por banda, <br> viento en popa a toda vela, <br> no corta elmar, si no vuela <br> un velero bergantín. </p> <p> Bajel pirata al que llaman, <br> por su bravura, el temido, <br> en todo el mar conocido, <br> del uno al otro confín. </p> 9
10 <p> La luna en el mar riela, <br> en la lona gime el viento <br> y alza, en blando movimiento, <br> olas de plata y azul. </p> <p> Y va el capitán pirata, <br> cantando alegre en la popa. <br> Asia a un lado, al otro, Europa <br> y allá, a su frente, Estambul. </p> c) alineación del texto en la página Podemos darle a nuestro texto una rudimentaria alineación, usando el tag <div> y el atributo <align>. Este atributo puede recibir los siguientes valores: Center, si deseamos alinear el texto en el centro de la página. Right, si deseamos alinearlo a la derecha. 10
11 (alinear_1.htm). Ejemplo de alineaciones Este texto aparece a la izquierda. <div align=center> Este texto aparece centrado. </div> <div align=right> Este texto aparece a la derecha. </div> 11
12 Para alinear los contenidos al centro de la página podemos usar también el tag <center>. (alinear_2.htm). Ejemplo de alineaciones Este texto aparece a la izquierda. <center> Este texto aparece centrado. </center> <div align=right> Este texto aparece a la derecha. </div> d) Efectos simples en el texto. En el siguiente código observaremos que: - el texto que aparece entre los tags <b> y </b> queda en negrita (b indica bold (negrita)). - El texto que aparece entre los tags <i> y </i> aparece en cursiva (la i se refiere a italic (cursiva)). - El texto que aparece entre los tags <u> y </u> aparece subrayado (la u significa underlined (subrayado)). - El texto que aparece entre los tags <s> y </s> aparece tachado (la s significa strike (tachar)). 12
13 (efectos_simples_1.htm). Ejemplo de efectos simples <b> Esto es letra negrita </b> <br> <i> Esto es letra cursiva </i> <br> <u> Esto aparece subrayado </u> <br> <s> Esto aparece tachado </s> <br> Este texto no tiene efectos 13
14 también podemos combinar varios efectos en un solo texto: (efectos_simples_2.htm). Ejemplo de efectos simples <b><i><u> Esto es letra negrita, cursiva y subrayada. </u></i></b> <br> Este texto no tiene efectos. 14
15 IMPORTATE!!!: Como se aprecia he usado los tres tags anidados (uno dentro de otro) para acumular sus efectos sobre el texto. Es importantísimo, cuando anidamos distintos tags, cerrar primero el último que abrimos, y viceversa. Es decir, los tags se cierran siempre en orden inverso al que se abren. e) Crear encabezamientos. Para ello el texto del titular lo incluiremos entre los tags <h1> y </h1>. Este tag tiene dos efectos sobre el texto. Por una parte crea una letra de gran tamaño. Por la otra insertará en la página un salto de párrafo sin necesidad de usar los tags <p> y </p>: (encabezamientos_1.htm). Encabezamientos 15
16 <h1> Esto es el titular </h1> Esto es el texto normal.<br> Como ve, continúa debajo del titular. se emplean distintos tags para titulares, subtitulares, etc, simplemente cambiando el número 1 que aparece en este tag por otro número (hasta el 6). Veamos un ejemplo: (encabezamientos_2.htm). Encabezamientos 16
17 <h1> Esto es texto con h1. </h1> <h2> Esto es texto con h2. </h2> <h3> Esto es texto con h3. </h3> <h4> Esto es texto con h4. </h4> <h5> Esto es texto con h5. </h5> <h6> Esto es texto con h6. </h6> Esto es el texto normal.<br> Como ve continúa debajo del titular. 17
18 Efectos avanzados en el texto. Aprenderemos a continuación cómo configurar las características del texto (color, tipo de letra y tamaño) de toda la página por defecto. Para ello utilizaremos el tag <basefont>, que puede presentar los siguientes atributos: Color: sirve para establecer el color de todo el texto de la página por defecto. Face: sirve para cambiar el tipo de letra (que por defecto es Times New Roman). Size: sirve para cambiar el tamaño de la letra por defecto. El tamaño de la letra con <basefont> puede ir de 1 a 7, siendo el 1 la letra más pequeña y el 7 la más grande. El tamaño por defecto es equivalente al valor 3. Veamos un ejemplo: (fuentes_2.htm). Uso de fuentes 18
19 <basefont color="#0000ff" face="arial" size=2> El texto de esta página está en color azul. <br> Así lo hemos determinado mediante <br> el uso de basefont. </basefont> IMPORTATE!!!: <basefont> debe colocarse inmediatamente después de abrir el e inmediatamente antes de cerrar con <(body>. De este modo, las características de texto que son determinadas por este tag afectarán a toda la página. Pero si lo que queremos es modificar las propiedades de una parte del texto, en lugar de todo el texto de la página, emplearemos el tag <font>, que recibe los mismos atributos que <basefont>. (fuentes_3.htm). 19
20 Uso de fuentes <basefont color="#0000ff" face="arial" size=2> En esta página vamos a ver <br> un uso combinado de font y basefont. <br> El texto de esta página está en color azul. <br> Así lo hemos determinado mediante <br> el uso de basefont.<br> <font color=#ff0000 face="comic sans ms" size=4> Este texto aparece <br> afectado por el tag font.<br> </font> Aquí volvemos al texto <br> normal de la página.<br> </basefont> 20
21 Separar bloques de texto Cuando en una página tenemos mucho texto, conviene separar los bloques temáticos de forma clara y visible. Para ello, la solución más simple es usar líneas horizontales entre los distintos bloques de contenidos. Para generar una línea empleamos el tag <hr> (acrónimo de horizontal rule). Este tag genera, por defecto, una línea que cubre todo el ancho de l área de navegación, de lado a lado: (lineas_1.htm). Líneas horizontales 21
22 <p> Esto es un párrafo de texto. </p> <hr> <p> Esto es otro párrafo. </p> Este tag puede recibir el atributo width, que permite especificar la anchura que va a cubrir la línea expresada en un porcentaje del ancho de la ventana: (líneas_3.htm). Líneas horizontales 22
23 <p> Esto es un párrafo de texto. </p> <hr width=50%> <p> Esto es otro párrafo. </p> También podemos controlar el espesor de la línea. Para ello utilizaremos el atributo size, que sólo puede recibir un valor absoluto en píxeles. El valor máximo es de 100 pixeles. La línea que se obtiene es transparente, es decir, toma el color del fondo: (lineas_5.htm). Líneas horizontales 23
24 <p> Esto es un párrafo de texto. </p> <hr width=50% size=20> <p> Esto es otro párrafo. </p> Podemos cambiar el color de la línea mediante el atributo color: (lineas_7.htm). 24
25 Líneas horizontales <p> Esto es un párrafo de texto. </p> <hr width=50% size=20 color="#ff0000"> <p> Esto es otro párrafo. </p> 25
26 26
INTRODUCCIÓ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 detalles4º ESO INFORMÁTICA TEMA 7: LENGUAJE HTML ACTIVIDADES. A continuación abriéremos el bloc de notas: Inicio>Programas>Bloc de notas.
4º ESO INFORMÁTICA TEMA 7: LENGUAJE HTML ACTIVIDADES FECHA LÍMITE: 13 de mayo Práctica 1: Lo primero que vamos a hacer es crear en nuestro pendrive una carpeta que llamaremos WEBnuestronombre como por
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 detallesIdentificar cuál es la estructura de una página Web y sus principales secciones. Desarrollar una página Web en un editor.
MÓDULO 2. Introducción Después de conocer los conceptos básicos sobre el lenguaje de programación HTML, en este módulo identificaremos la estructura de una página Web y lo haremos revisando el lenguaje
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 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 detallesA lo largo de este tema vamos a aprender a crear una página básica.
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: Ahora veamos cómo funcionan estas etiquetas. Identificador
Más detallesLas practicas deberás hacerlas sin la ayuda de tu asesor
3 Introducción HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que
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 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 detalles5.CREACIÓN DE TABLAS.
5.CREACIÓN DE TABLAS. Cómo se crea una tabla?. Para crear las tablas será necesario usar una nueva etiqueta: TABLE, que significa, en inglés, tabla. Esta etiqueta consta de instrucción de inicio,, e instrucción
Más detallesCOLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS HTML - PRÁCTICAS DOC RAUL MONROY PAMPLONA
Introducción al curso de HTML COLEGIO PABLO DE TARSO IED Desarrolla comprensión al conocer, interpretar, socializar y argumentar diferentes temáticas relacionadas con la tecnología informática de punto
Más detalles2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web.
2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web. INTERNET En 1969, el Departamento de Defensa de E.U construyo
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 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 detallesÍndice de contenido Entra en tu blog... 3 Configura tu blog...4 Blog publicado... 7 Título del blog...8 Descripción del blog... 9 Fondo del blog...
Tu blog Índice de contenido Entra en tu blog... 3 Configura tu blog...4 Blog publicado... 7 Título del blog...8 Descripción del blog... 9 Fondo del blog... 10 Color de fondo... 10 Imagen de fondo...11
Más detalles1. Formato carácter. Afectan a los caracteres como el tipo de letra o fuente, tamaño, color, etc.
TEMA 5: Formatos Lo fundamental cuando se escribe un texto es lo que se dice y la forma en la que la que se ve. Un texto con un buen contenido pero mal formateado pierde mucha calidad, pero es muy fácil
Más detallesMICROSOFT WORD. Edición básica de documentos
MICROSOFT WORD Edición básica de documentos Microsoft Word Microsoft Word es un procesador de textos que forma parte del paquete Microsoft Office Dispone de varias utilidades para redactar documentos de
Más detallesMANUAL PARA CREAR NUESTRA PAGINA WEB EN DREAMWEAVER
1 MANUAL PARA CREAR NUESTRA PAGINA WEB EN DREAMWEAVER INDICE 1. Como crear mí sitio. 2. Entorno. 3. Insertar texto. 4. Como crear un vínculo. Formas: 5. Como insertar una imagen. 6. Insertar Tabla. 7.
Más detallesCurso Básico de HTML
Curso Básico de HTML Qué es HTML? HTML es un pseudo-lenguaje de programación, no es un lenguaje en sí. Utiliza tags o etiquetas específicas para crear contenido y dar una estructura al documento. Existen
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 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 detallesTEMA 5: INTERNET Y PÁGINAS WEB. Realización de páginas web con HTML. Servicios de Internet
TEMA 5: INTERNET Y PÁGINAS WEB Realización de páginas web con HTML. Servicios de Internet Qué vamos a ver? Qué es el lenguaje HTML Uso de sus características básicas: párrafos, títulos, y algunos estilos
Más detallesUnidad 9. Trabajar con Textos (I)
Unidad 9. Trabajar con Textos (I) En las diapositivas podemos insertar textos y aplicarles casi las mismas operaciones que con un procesador de texto, es decir, podemos modificar el tamaño de la letra,
Más detallesIntroducción Mic i ro r s o of o t t W or o d r
Introducción Microsoft Word Qué es el Microsoft Word? Word es uno de los procesadores de texto, más utilizados para trabajar con documentos en la actualidad. Casi no existe persona con computadora, que
Más detallesUNIDAD 1 GENERALIDADES HTML
UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.
Más detallesP á g i n a 1. Cómo encendemos la computadora?
P á g i n a 1 Clase 1. La Computadora: es una herramienta de trabajo que facilita y acelera las tareas cotidianas del ser humano. Esta formada por cuatro partes fundamentales: El Monitor, El teclado, el
Más detallesElementos esenciales de Word
Word 2013 Elementos esenciales de Word Área académica de Informática 2015 Elementos esenciales de Word Iniciar Microsoft Word 2013 Para entrar en Microsoft Word 2013 Haz clic en el botón Inicio para ir
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 detallesCONSULTAS MULTITABLAS
CONSULTAS MULTITABLAS 1. SELECCIONAR FILAS Para seleccionar filas tenemos que indicar un criterio de búsqueda, un criterio de búsqueda es una condición que deberán cumplir todas las filas que aparezcan
Más detallesActividad 3: Codificación básica de un texto en HTML
Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html
Más detallesPráctica: OpenOffice IV Aplicar estilos e insertar. un índice de contenidos
Práctica: OpenOffice IV Aplicar estilos e insertar un índice de contenidos Cuando un documento de texto es muy extenso y contiene varios apartados es muy difícil crear un índice temático que nos muestre
Más detallesProfesor: Vicente Destruels Moreno. Teoría: Tipos de letra (Color de texto)
Teoría: Tipos de letra (Color de texto) Tipos de letra En este apartado se indica cómo definir cabeceras mediante el elemento , y cómo modificar el tamaño y color de algún grupo de caracteres mediante
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 detallesConceptos básicos de Dreamweaver CS3
Conceptos básicos de Dreamweaver CS3 Empezar con Dreamweaver Al abrir Dreamweaver elegimos un documento nuevo y seleccionamos la Categoría Página básica, HTML. Antes de empezar con Dreamweaver debemos
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 detallesUnidad 2. Crear una Presentación (I)
Unidad 2. Crear una Presentación (I) A continuación veremos cómo crear una Presentación. PowerPoint nos permite crear una presentación de formas distintas, bien a través del asistente que es muy útil cuando
Más detallesMicrosoft Word 2000 Laboratorio de Informática Facultad de Agronomía y Agroindustrias - Año 2006.
Unidad 5 Efectos gráficos Insertar imágenes 52 Modificar imágenes 54 Formato de imagen 54 Dibujos y Autoformas 55 Microsoft Graph 55 Wordart 56 Unidad 6 57 Editor de ecuaciones 57 Secciones 58 Texto en
Más detallesTexto y Organización del contenido
Opciones de formateo de texto y de organización del contenido de una página. Texto y Organización del contenido Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Organización del texto. Encabezado...
Más detallesIntroducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias.
Introducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias. Índice. 2 HTML... 3 Estructura Básica.... 3 Formato de texto... 3 Estilos... 3 Alineaciones de Párrafo... 4 Colores... 5 Listas...
Más detallesTEMA 3: TRATAMIENTO DE TEXTOS. Edición de documentos de texto con Microsoft Word
TEMA 3: TRATAMIENTO DE TEXTOS Edición de documentos de texto con Microsoft Word Qué vamos a ver? El entorno de trabajo de Microsoft Word Edición de documentos básicos con distintos tipos de letra Ajustar
Más detallesINFORMÁTICA E INTERNET MEDIO TEMA 8: WINDOWS (II) Profesor José Antonio Cotanda Rucio
INFORMÁTICA E INTERNET MEDIO TEMA 8: WINDOWS (II) Profesor José Antonio Cotanda Rucio El escritorio Podemos encontrar distintos iconos, como la papelera de reciclaje, Mi PC, etc. Contiene la barra de tareas,
Más detallesDISEÑO DE PAGINAS WEB
DISEÑO DE PAGINAS WEB HTML HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben laspáginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto
Más detallesINFORMATICA I FORMATO
INFORMATICA I 2.4.5 FORMATO El formato es una de las herramientas con que cuenta un procesador de textos para comunicar de distintas formas una palabra y/o frase, resaltándola, en negrita, dándole colores,
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 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 detallesQUÉ ES CSS? HTML, CONOCIMIENTO PREVIO PARA PODER APRENDER CSS DESDE CERO (CU01003D)
APRENDERAPROGRAMAR.COM QUÉ ES CSS? HTML, CONOCIMIENTO PREVIO PARA PODER APRENDER CSS DESDE CERO (CU01003D) Sección: Cursos Categoría: Tutorial básico del programador web: CSS desde cero Fecha revisión:
Más detallesIntroducción. Conceptos de Microsoft Excel
Introducción. Conceptos de Microsoft Excel Una hoja de cálculo es un programa que se utiliza para realizar operaciones matemáticas a todos los niveles. Para ello se utiliza una cuadrícula donde en cada
Más detallesUnidad 4. Textos. 4.1 El texto en Flash. 4.2 Insertar texto. 4.3 Propiedades de los textos
Unidad 4. Textos 4.1 El texto en Flash. A barca todo aquello que nos pueda hacer falta a la hora de crear una animación, y por tanto, también todo aquello relativo a los textos. Sin embargo, Flash fue
Más detallesCURSO MOODLE Curso
EDITAR NUESTRO PRIMER MOODLE CURSO MOODLE Curso 2012-2013 Accedemos al curso que hemos creado con el nombre Prueba desde la plataforma educastur. Una vez creado el curso, en cuanto entremos en la plataforma
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 detallesHacemos clic con el ratón para situar el cursor donde queremos que aparezca la tabla. Nos vamos a la barra de Menús, Insertar, Tabla
8.- Composer: Tablas 8.1. Insertar una tabla Hacemos clic con el ratón para situar el cursor donde queremos que aparezca la tabla. Nos vamos a la barra de Menús, Insertar, Tabla Aparecerá el cuadro de
Más detalles1. Introducción a HTML
Introducción a HTML 1. Introducción a HTML 1. Introducción a HTML Qué es HTML? El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto estructurado,
Más detallesCAPÍTULO 9. TRABAJAR CON TEXTOS
CAPÍTULO 9. TRABAJAR CON TEXTOS En las diapositivas podemos insertar textos y aplicarles casi las mismas operaciones que con un procesador de texto, es decir, podemos modificar el tamaño de la letra, color,
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 detallesTrabajar con Textos (I)
Trabajar con Textos (I) En las diapositivas podemos insertar textos y aplicarles casi las mismas operaciones que con un procesador de texto, es decir, podemos modificar el tamaño de la letra, color, forma,
Más detallesMICROSOFT WORD. Más opciones de edición de documentos
MICROSOFT WORD Más opciones de edición de documentos Listas de viñetas Son listas no numeradas de elementos. En Word 2003 están en el menú Formato > Numeración y viñetas En Word 2010 están en la ficha
Más detallesPantalla de Word. Códigos de acceso rápido. Corregir ortografía: Minimizar/Ampliar/Cerrar. Título. Menús. Estándar. Formato. Reglas. Cursor.
Pantalla de Word Menús Título Minimizar/Ampliar/Cerrar Estándar Formato Reglas Cursor Scroll Barra de dibujo Barra de estado Códigos de acceso rápido Negrita: Subrayado: Cursiva: Abrir archivo: Guardar
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 detallesVemos, pues, que esta forma de organizar los datos es mucho más potente que utilizando las tabulaciones u otros métodos.
Tablas Las tablas permiten organizar la información en filas y columnas, de forma que se pueden realizar operaciones y tratamientos sobre las filas y columnas. Por ejemplo, obtener el valor medio de los
Más detallesTruco para encontrar y reemplazar líneas manuales por marcas de párrafo
1 Truco para encontrar y reemplazar líneas manuales por marcas de párrafo Esto se hace desde el menú Edición -> Buscar y Reemplazar En vez de buscar una palabra y reemplazarla por otra, esta herramienta
Más detallesFormato de una presentación
Formato de una presentación capítulo 17 Formato de una presentación formato (presentación) En esta unidad aprenderá a crear presentaciones mediante plantillas y a configurar el formato de cada diapositiva,
Más detallesMICROSOFT EXCEL MICROSOFT EXCEL Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE
MICROSOFT EXCEL MICROSOFT EXCEL 2013 Manual de Referencia para usuarios Salomón Ccance CCANCE WEBSITE IMPRESIÓN 11.1. Vista de Diseño de página En anteriores versiones existía la vista preliminar como
Más detallesEl segundo panel está compuesto por casillas, igual que si fuese una actividad con casillas y pueden contener textos, imágenes,sonidos...
Módulo 10: Diseño de actividades: Crucigrama y Sopas de letra 10.1.- Introducción. Comenzamos ahora con el diseño de los dos últimos tipos de actividades: Los crucigramas y las sopas de letras. Tanto unos
Más detallesTexto en movimiento. <MARQUEE> Texto que se desplaza </MARQUEE>
Texto en movimiento Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc. Marquesinas (Marquees)
Más detallesUnidad I - INTRODUCCIÓN AL HTML. Profesor: Marcos Tulio Jerez Bastidas. Barinas, abril 2015
República Bolivariana de Venezuela Universidad Nacional Experimental de los Llanos Occidentales Ezequiel Zamora Programa de Ingeniería, Arquitectura y Tecnología Subproyecto de Algoritmo y Programación
Más detallesMODIFICAR TABLA DE DATOS ACCESS Manual de Referencia para usuarios. Salomón Ccance CCANCE WEBSITE
MODIFICAR TABLA DE DATOS ACCESS 2010 Manual de Referencia para usuarios Salomón Ccance CCANCE WEBSITE MODIFICAR TABLA DE DATOS Aquí veremos las técnicas de edición de registros para modificar tanto la
Más detallesCurso de Diseño y Publicación de Páginas Web
Curso de Diseño y Publicación de Páginas Web Docente Responsable: Ing. Jorge Raúl Olguín Colaboradora: Lic. Mónica Páez - 2000 - Ejercicio 1 Activar Inicio, Programas, HomeSite 4.5 y hacer clic sobre el
Más detallesTRATAMIENTO DE DATOS
Sesión 3 Tratamiento de datos TRATAMIENTO DE DATOS Objetivo Crear y administrar Estilos. Crear y administrar encabezados y pies de página. Aprender a dividir nuestra hoja y a inmovilizar paneles. Contenido
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 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 detallesUNIDAD 4. MODIFICAR TABLAS DE DATOS
UNIDAD 4. MODIFICAR TABLAS DE DATOS Aquí veremos las técnicas de edición de registros para modificar tanto la definición de una tabla como los datos introducidos en ella. Esta unidad está dedicada, principalmente,
Más detallesUnidad 2. Elementos de Word2007 (I)
Unidad 2. Elementos de Word2007 (I) Vamos a ver varias formas de iniciar Word2007 y cuales son los elementos básicos de Word2007, la pantalla, las barras, etc. Aprenderemos cómo se llaman, donde están
Más detallesManual FOXTIR Editor HTML MOBILE MARKETING
Manual FOXTIR Editor HTML MOBILE MARKETING Editor de HTML: en las siguientes páginas te explicaré una por una las diferentes funciones del Editor de HTML. Una vez ampliada la pantalla al espacio que te
Más detalles[Año] Manejo del Entorno PowerPoint 2007
[Año] Manejo del Entorno PowerPoint 2007 0 MANEJO DEL ENTORNO Las presentaciones multimedia son aquellas que se Contenido utilizan en el mundo empresarial y educativo para Microsoft Power transmitir ideas,
Más detallesFormato de celdas. Excel 2007
Formato de celdas Excel 2007 Formato de Celdas Para modificar el formato de las celdas, seleccionamos la celda o el rango a formatear y luego recurrimos a la pestaña Inicio, grupos Fuente, Alineación y
Más detallesTemas de Interés Formato de un texto. Recursos http://www.aulaclic.com.es/word2007/secuencias/formato.htm http://www.aulaclic.com.es/word2007/secuencias/formato_panel.htm http://www.aulaclic.com.es/word2007/secuencias/tabulaciones.htm
Más detallesOPENOFFICE CALC. Manejo básico de hojas de cálculo
OPENOFFICE CALC Manejo básico de hojas de cálculo Qué es una hoja de cálculo? Podemos verla como una gran tabla para mostrar información y realizar operaciones con esa información Cada una de las casillas
Más detallesHERRAMIENTAS DE MICROSOFT WORD 2010
HERRAMIENTAS DE MICROSOFT WORD 2010 PRIMER AÑO PESTAÑAS INICIO INSERTAR - DISEÑO DE PÁGINA PROFESOR: MARIANO CIRANNA PESTAÑA INICIO: La pestaña de inicio, se divide en 5 grupos de botones. GRUPO PORTAPAPELES:
Más detallesPRÁCTICA 2. AMPLIAR LA WEB
PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.
Más detallesFideliza a tus clientes, socios, o pacientes con tarjetas personalizadas realizadas por ti de forma fácil
Fidelator Fideliza a tus clientes, socios, o pacientes con tarjetas personalizadas realizadas por ti de forma fácil Fidelator imprime tarjetas de 86 mm x 54 mm, que es tamaño exacto de una tarjeta de crédito
Más detallesPHP WEBQUEST. Este botón que representa un disquete sirve para guardar la webquest.
PHP WEBQUEST 1. BOTONES DE PHPWEBQUEST Este botón que representa un disquete sirve para guardar la webquest. Este otro representado por un folio en blanco crea un documento nuevo. Estos botones realizan
Más detallesVemos, pues, que esta forma de organizar los datos es mucho más potente que utilizando las tabulaciones u otros métodos.
Unidad 8. Tablas (I) Las tablas permiten organizar la información en filas y columnas, de forma que se pueden realizar operaciones y tratamientos sobre las filas y columnas. Por ejemplo, obtener el valor
Más detallesAntes de comenzar a utilizar Kompozer vamos a crear una carpeta en nuestra memoria externa, podéis poner vuestro nombre y dentro de la misma
Taller Elaboración de webs docentes: ficheros html. Nivel básico. 25 de junio de 2008 TRABAJANDO CON KOMPOZER Rosa Mª Bernal Galindo. Instituto de Ciencias de la Educación. Universidad de Murcia Antes
Más detallesGenerador de Listados
Generador de Listados El Generador de Listados de Géminis es una herramienta potente que permite al usuario final realizar de forma fácil sus propios listados. Al Generador se accede mediante el menú Listados/Etiq,
Más detallesNATIONAL SOFT HOTELES GUÍA DE CONFIGURACIÓN DEL COMPROBANTE DE RESERVACIÓN
NATIONAL SOFT HOTELES Versión 3.0 GUÍA DE CONFIGURACIÓN DEL COMPROBANTE DE RESERVACIÓN National Soft de México INDICE GENERAL 1. INTRODUCCIÓN... 2 2. ESTABLECER LOS PARÁMETROS DE ENVÍO... 2 3. EDITAR EL
Más detallesOPENOFFICE IMPRESS. Creación básica de presentaciones digitales
OPENOFFICE IMPRESS Creación básica de presentaciones digitales Qué es OpenOffice Impress? Es la herramienta que nos ofrece OpenOffice para realizar presentaciones Las presentaciones permiten comunicar
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 detallesExcel Fundamentos de Excel. Área académica de Informática
Excel 2010 Fundamentos de Excel Área académica de Informática 2014 Fundamentos de Excel Orientación sobre el software Microsoft Excel es una herramienta ideal para organizar y analizar datos, ahora aprenderás
Más detallesMINISTERIO DE EDUCACIÓN PÚBLICA IPEC Santa Bárbara de Heredia Software de Aplicación Accesorio WordPad
MINISTERIO DE EDUCACIÓN PÚBLICA IPEC Santa Bárbara de Heredia Software de Aplicación Accesorio WordPad Accesorio: WordPad WordPad es un programa básico de procesamiento de texto para la creación y edición
Más detallesLa opción Numeración y viñetas la encontramos en la cinta de opciones, dentro de la Ficha Inicio, en el grupo de opciones de Párrafo.
Numeración y viñetas 1 La opción Numeración y viñetas la encontramos en la cinta de opciones, dentro de la Ficha Inicio, en el grupo de opciones de Párrafo. Esta serie de comandos, permiten organizar una
Más detallesElaboración de Documentos en Procesadores de Textos
Las tablas permiten organizar la información en filas y columnas, de forma que se pueden realizar operaciones y tratamientos sobre las filas y columnas. Por ejemplo, obtener el valor medio de los datos
Más detallesWord 2010 Manejo de archivos
Word 2010 Manejo de archivos Contenido CONTENIDO... 1 MANEJO DE ARCHIVOS... 2 WORD WEB APPS MANEJO DE ARCHIVOS... 7 1 Manejo de archivos Word nos permite crear un nuevo documento en blanco de las siguientes
Más detallesBloque 4. Cómo usamos aplicaciones y lenguaje web?
Bloque 4. Cómo usamos aplicaciones y lenguaje web? Lección 1. Compresión y descompresión de archivos Propósito: el alumno será capaz de reconocer la función de compresión y descompresión de archivos, además
Más detallesFORMATEO DE TEXTO: (Text Formatting)
FORMATEO DE TEXTO: (Text Formatting) Formato de texto determina la forma en que su texto se verá en el documento. Hacer se su texto se vea mejor es muy fácil usando el FCKeditor. Empezaremos la guía a
Más detallesDescripción de la pantalla de Word
Descripción de la pantalla de Word [Información extraída de la página http://www.adrformacion.com/cursos/wordb2007/leccion1/tutorial2.html] ] Al abrir la aplicación se observa una ventana típica de Windows,
Más detalles1. En primer lugar, abrimos la copia modificada del documento original.
MÓDULO VII: TRABAJO COLABORATIVO 7.1. Comparar y combinar documentos La herramienta Comparar y combinar documentos nos permite comparar dos documentos (origen y destino) y ver las diferencias entre ellos
Más detallesPotencialidades del procesador de texto
Potencialidades del procesador de texto para la construcción de material pedagógico Potencialidades del procesador de texto El ejercicio consiste en crear una guía de estudio. Para desarrollar el trabajo
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 detallesEstos márgenes se definen en el menú Archivo, Configurar página... se nos muestra un cuadro de dialogo como este con tres pestañas:
Unidad 7. Diseño de página (I) Configurar página Cuando estamos escribiendo en un documento Word es como si lo hiciéramos en una hoja de papel que luego puede ser impresa. Por lo tanto, existe un área
Más detalles